LayaBox安卓APP接入微信登录

LayaBox接入微信登录的方式网上几乎没有,在官方文档和上古教程的双重折磨下摸索了一天,终于实现近乎完美的接入方式,并作以记录。

阅读全文

GraphQL与ApolloServer初探

最新读了一下 vue cli的源码,发现vue ui的实现很有意思,其中前后端通信用的是GraphQL,本着研究的态度,本人花了几天时间学习了GraphQL和集成框架Apollo Server

本文用于总结学习过程。

阅读全文

微信浏览器video标签层级问题

video标签的视频播放后,video标签的层级就会变为最大,此时设置z-indexopacity均失效。

解决方法是在video标签里添加属性

  • 安卓:

    1
    2
    3
    x5-video-player-type="h5"
    webkit-playsinline="true"
    playsinline="true"

    注意:安卓下不要添加 x5-playsinline 属性,会导致其他属性全部失效。

  • iOS

    1
    x5-playsinline playsinline webkit-playsinline

    参考链接:

大事记 - 安卓微信浏览器 video 标签层级过高

微信内置浏览器 video 标签自动全屏播放以及层级过高问题

video 标签在微信浏览器的问题解决方法

uniapp-qq开放数据使用

uniapp-qq 开放数据使用

用途

  1. 展示用户个人信息如头像等,类似 getUserInfo()

  2. 展示针对用户好友对于某一产品或某一产品下的不同选项的选择。

阅读全文

Vue之动态渲染的input框获取焦点问题

场景:个人信息页面,点击资料显示输入框以更改信息,这里用 v-show 显示和隐藏 input 元素,所以需要让使用 v-show 或者 v-if 动态控制的 input 输入框在显示时自动获取焦点。

阅读全文

关于解决移动端Retina屏幕1px边框问题的方法

造成边框变粗的原因

在 CSS 中的 1px 并不等于移动设备的 1px。这是由于不同的手机有不同的像素密度,在浏览器的 window 对象中有一个 devicePixelRatio 属性,可以反应 CSS 中像素与设备的像素比。

devicePixelRatio 的官方定义为:设备物理像素和设备独立像素的比例,也就是 devicePixelRatio = 物理像素 / 独立像素

阅读全文

Vue学习中的一些感悟

在使用 Vue 进行实际开发中,遇到了不少问题,在成功解决后,我觉得有必要把遇到的问题记录下来。一是以后遇到类似的问题时,方便查阅,二是能够激励自己继续学习。

阅读全文