背景 2021 至 2022 年期间，随着货拉拉业务扩张，微信小程序用户规模激增，小程序的功能场景越来越复杂，货拉拉微信小程序承载着越来越重要的业务使命。然而，频繁的业务迭代也带来了代码复杂度上升、报

支持Vue 2和Vue 3开箱即用 支持组件和指令 支持Vite、Webpack、Vue CLI、Rollup 支持仅注册您使用的组件 文件夹名称作为名称空间。 支持ts 用于流行UI库的内置解析器

移动端适配 所谓移动端适配，其概念就是在任意手机中我们开发的网页显示都是正常的，如下例子所示 上面的页面如果在 iPhone6/7/8 中查看那就一切正常，因为 iPhone6/7/8 的设备宽度就是

很多小公司的UI设计师都在用平面设计的思路做UI设计，他们只会绝对定位式的把组件放在某个位置，根本不会考虑布局，不信你们可以问问公司的设计师，知道啥是`栅格布局`啥是`弹性布局`

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

移动端兼容问题 此项目已上传github，出现的问题都是在项目中真实遇到并解决的，各位看官有遇到不在这篇文章中的兼容问题或遇到相同问题但是解决方案不管用的可以发到评论区大家一起探讨，文档的丰富依靠大家

以前都是写pc，后来需要写h5移动端项目，会遇到一些自适应和兼容性等方面的问题，下面从自己写过的h5项目中稍稍做点总结。 开启一个移动端项目的基础，首先是想好如何在代码中实现移动端适配。之前没有经验，第一个项目里简单粗暴地采用px写死的方法，觉得不好，本项目采用的是像一位优秀同…

做移动端自适应时可能很多人都对自适应和dpr之间的关系产生疑问,也有一些人会疑虑比如我的自适应方案没有加dpr会不会出问题,针对这些疑问我说一下我的见解,希望能解除你的担忧。 1. 什么是尺寸自适应 首先说到自适应,可能在不同人眼里理解不同，特别与响应式的关系,在这里说一下我所…

1. 视口 viewport viewport 解释为中文就是‘视口’的意思，也就是浏览器中用于显示网页的区域。在 PC 端，其大小也就是浏览器可视区域的大小，所以我们也不会太关注此概念；而在移动端，绝大多数情况下 viewport 都大于浏览器可视区，保证 PC 页面在移动浏…