背景 Vite + Vue3 多页面打包 APP 嵌入混合开发 问题 在安卓 WebView 中加载 Web 页面显示黑屏，后来 APP 排查发现如下报错： 这是线上地址，于是查看打包的这个文件，但是

### 一、前言 #### 1.1 为什么要进行移动端适配 移动端设备的尺寸很多，而UI设计稿一般只会基于一个尺寸（一般是750px）进行设计。假如开发人员完全基于该设计稿进行开发，就会出现一种现象，

昨天我们已经完成了移动端的适配，今天我们就引入 antd-mobile 组件，当作我们的基础组件，加快我们的开发效率。 Ant Design Mobile 是由支付宝设计团队基于蚂蚁集团的众多业务实践

父元素的高度都被子元素撑开了，导致scroll元素无法滚动。what? why? 纳尼？ emmm...读“规范”千遍，其义自见。当再三理解这个结论后发觉，似乎，新版Chrome的实现是符合规范的！确实，Chrome的此举改动就是为了让浏览器的flex布局行为更贴近规范。 Ch…

明明懂得rem的原理，一放到项目中rem适配策略的应用方案中时，就是不知道该如何使用，如何配置，如何优化，以及如何封装。在偌大的资源海洋中难以找到能承载自己的布吉岛。

2018-4-16日更新css-modules配置，前面步骤不变，可直接跳到第七步。 移动端适配最接近完美的解决方案在react中的使用方式。本文只讲create-react-app创建的项目如何配置，具体每个插件的用途和使用方法请先查阅大漠先生的文章，我相信大漠先生的文章已经…

1.背景 在做移动端各种尺寸屏幕的适配时，用的最多的就是rem方案。我们都写过这样的代码,来设置根字体大小。这个计算公式中设备宽度，UI设计稿尺寸这两个参数比较好理解，可是为什么要除以100呢，为什么

在字节跳动实习了一段时间，JSBridge使用的比较频繁，之前只是看了些简单的JSBridge概念，一直没有时间去了解从客户端到JavaScript的一个通信原理（JSBridge）。最近花了点时间学习了从Android端到JavaScript的通信-JSBridge（主要…

前一段时间在做一些H5页面，需求中落地页占比较大，落地页承担的职责就是引流。引流有两种形式，同时也是我们对唤端的定义：引导已下载用户打开APP，引导未下载用户下载APP。 引导已下载用户打开APP，从数据上说用户停留在APP中的时间更多了，是在提高用户粘性；从体验上说，APP体…