单页面首屏优化，打包后大小减少64M，加载速度快了13.6秒 1. 静态文件缓存(js,css等)，图片和SVG进行压缩或者替换。 2. 删掉无用路由、引用的库（实际未使用），然后启用树摇 3. ..

前置知识 关于像素 逻辑像素：也可以称为 css 像素，是我们在 css 代码中设置的像素，比如 width=20px 设备像素：也可以称为 物理像素 ，指的是设备能控制显示的最小物理单位。即显示器上

重排或回流、重绘 重排 涵义：重排（Reflow）是当DOM（文档对象模型）的变化影响了元素的几何信息（如元素的位置和尺寸大小）时，浏览器需要重新计算元素的几何属性，并将其安放在界面中的正确位置的过程

写在前面 前端开发最让人头疼的莫过于兼容性问题，继上一篇 前端兼容性问题 - CSS、JS 兼容 之后，这一篇主要研究并解决屏幕尺寸的兼容性问题 目录： 当前现状 解决方案 模拟设备测试方案 当前现状

背景 unibest 作为最好的 uniapp 开发模板，那 UI 框架 的选择也是要仔细斟酌的。 unibest 作为 uniapp + vue3 + ts 的项目，自然也要选择满足 vue3 的

前段时间Vue发布了3.4版本，在这个版本当中引入了effect dirty check机制用以性能优化，通过这篇文章大家一起来学习下吧~

搜索引擎优化（Search engine optimization，简称SEO），指为了提升网页在搜索引擎自然搜索结果中（非商业性推广结果）的收录数量以及排序位置而做的优化行为，是为了从搜索引擎中获得更多的免费流量，以及更好的展现形象。 SEM（Search engine ma…

React开发的SPA就是一种CSR方案，如图所示，在到达浏览器之前的html页面是没有内容的，要等到浏览器执行相应异步请求获取数据填充后才显示界面。 基本原理： 在服务端起一个node应用，浏览器到来时，先拦截执行部分 js 异步请求，提前将数据填充到 html 页面中返回浏…

平时我们在创建Vue项目的时候通常是使用 Vue 提供的官方脚手架工具 Vite 或 Vue CLI 来快速搭建项目，具体使用方法如下👇 Vite Vue CLI 但是这样通过脚手