1. 适配方案1：rem + font-size 我们都知道，在 css 中 1rem 等于 html 根元素设定的 font-size 的 px 值，通过动态的修改html 根元素的 font-si

前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。 中后台管理系统如何更优雅的支持移动端？ 随着移动终端的普及和升级换代，大量业务场景都需要Mobile

咱先看效果吧 -_-|| 不会插入视频 只能插图了 前三项都是一样的(上码) 关于高亮 ① 每个项都使用统一的类名 dropdown-item 前三项动态类名均为isActive ② 中间两项决定升降

最近写了第三个移动端 H5 的项目，准备记录下自己在 H5 项目中的一些实践探索。移动端 H5 与 PC 端开发最大的区别之一，大概就是响应式布局问题。 那么下面我们就来聊聊移动端响应式布局，了解他的来龙去脉，对现有的最佳解决方案探索吧。 H5 这个命名本身是一个很不讨巧的命名…

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

最近做了一个vue-cli项目的性能优化，这次也是把很多之前学过的知识应用在实际项目中，遇到了很多困难也学到了很多东西。 这是一个用vue-cli 3作为脚手架的PC端web应用，全局多页面局部单页面（根据用户角色划分）。基本上使用的vue-cli的默认配置，也没有专门做过性能…

Vue项目开发完毕后，对项目进行打包发布之前，必不可少的操作就是项目优化，这也是程序猿的加分项。跟随本文的脚步来看看如何对项目进行优化吧~

如果已安装旧版本，需要先npm uninstall vue-cli -g 卸载掉旧版本。 注：项目名称不能驼峰命名。 如果选择 y 会让输入名称，以便下次直接使用，否则直接开始初始化项目。 这样的好处是方便管理、后期维护，还可以和后端的微服务对应，建立多文件存放不同模块的api…

1. 代码混淆 2. 资源放到 cdn 3. 无用库删除 4. gzip 压缩 5. 第三方库放到 cdn