微前端框架qiankun初探

qiankun 是由蚂蚁集团开源的一个基于 single-spa 的微前端实现库,它是目前主流的微前端解决方案之一。它对 single-spa 进行了大量的封装和加强,比如样式隔离。它让我们使用起来毫不费力。在本文中主要会讲解如何使用qiankun搭建微前端,以及它是如何工作的。

阅读全文

Docker部署Vue项目实践

最近有一个私有化部署项目的需求。由于不能提前确定后端地址,所以服务地址需要可配置,于是想到了使用docker

阅读全文

使用uniapp开发跨平台app

之前一段时间尝试过使用 uniapp 来开发安卓/ios 的 APP,踩过很多坑,为了解决问题几乎翻遍了整个 dcloud 社区,最后成功上线了几款产品。因此对一些功能的实现来做一个总结,方便以后查看。

阅读全文

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. 展示针对用户好友对于某一产品或某一产品下的不同选项的选择。

阅读全文