详细介绍 uniapp + vue3 + vite4 + pinia + axios + uniapp-router-next + uview-plus + ts 小程序开发模板的搭建过程，附项目规范

其中的原生、Web相互通信都离不开JSBridge，这里面小程序比较特殊，对于UI渲染和JS的执行环境做了隔离，基于前两种方式之间。 在Hybrid模式下，H5会经常需要使用Native的功能，比如打开二维码扫描、调用原生页面、获取用户信息等，同时Native也需要向Web端发…

uniapp，接收后端视频地址，video标签网页端可以播放视频，手机端却无法播放。 通过webview解决视频播放问题，使用webview进行通信。 通过flv格式解决视频播放问题。

前言 事情的起因是这样的，由于 小 A 需要负责开发一个 H5 移动端的项目，需要分别在 微信环境 和 企微环境 中去使用，于是 小 A 使用 Vite + Vue3 来进行开发，然后测试提出如下问题

最近有遇到一个需求，在h5浏览器中实现扫码功能，其本质便是打开手机摄像头定时拍照，特此做一个记录～～～。

前段时间我的移动端适配解决方案一文在评论区引发了激烈的讨论。其中讨论最多的就是，移动端rem的适配已经淘汰了，目前大家使用的都是viewport。

由于手机屏幕尺寸不一样，分辨率不一样，或者需要考虑横竖屏的问题，或者考虑到移动端兼容性。这时候你也就不得不解决在不同手机上，不同情况下的展示效果，所以就需要一个开箱即用并且行之有效的移的移动端适配方案

不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准…

本篇主要记录和总结了近年来在开发移动端Web项目中遇到的一些最典型、最常见的踩坑集锦。其中不乏有设备系统层面的差异性问题、CSS知识储备不到位的技术型问题以及一些热门前端框架的隐藏比较深的Bug。 CSS是一门很深的学问，它没有语法却暗藏语法，它刻画细节却又要统筹全局，很难有系…