昭光

目前vue3.0已进入最终测试版，rc(release candidata) 阶段意味着API已经成熟稳定，这个阶段只是改改bug，没有大问题的话不会有功能变动。 vue3.0为了兼顾2.x的升级，将支持2.x的大部分语法，像现在的data, methods, computed…

puppeteer, 设置浏览器的设备案例。

uni-app 打包h5输出的js文件带有特殊字符“~”， 导致在页面请求对应带有特殊连接符的文件时候被网关拦截报405错误。 图中可以看出打包之后，文件直接的公共部分默认是通过 “~” 进行连接的。当你把工程发布到对应环境的时候，会发现对应的js 请求，被网关拦截，因为有特殊…

H5页面加载过程，主要包括2个部分：H5页面容器加载和资源文件加载。 对照浏览器window下的Performance的数据指标。 Largest contentful paint(LCP): 测量页面从开始加载到最大文本块或图像元素渲染到屏幕上的时间。 完整包加载耗时 = 有…

骨架屏指的是当你打开一个 web 页面，在页面解析和数据加载之前，首先展示给用户大概的样式。 Google Research 的研究显示，53% 的用户在等待加载 3s 后，选择关闭 Web 页面或应用，导致用户流失。 当下前端框架，基本都是js 驱动型的，也就是说在JS 代码…

entryOption: 在webpack 选项中的entry 配置项处理过之后，执行插件。 afterPlugins : 设置完初始插件之后，执行插件。 compilation : 编译创建之后，生成文件之前，执行插件。 emit : 生成资源到 output 目录之前。 d…

目前page-skeleton-webpack-plugin 似乎没怎么维护了，初看一堆的issues 难以下手呀。 不过看了自动生成骨架屏的原理，这个文章基于page-skeleton-webpack-plugin分析自动生成骨架屏原理，还是很有必要进行一次DEMO 演习，以…

无法跟踪响应对象属性的添加 / 删除。 无法监控到数组的下标变化 -- vue里hack了八大数组的操作方法，像push\pop\shift等。 在进行响应绑定时，如果属性值是对象，还需要进行深度遍历。 如何解决？ 使用 Vue.set 和 Vue.delete 来保证。 下面…

vue3.x 采用Function-based API 形式组织代码，使其更容易压缩代码且压缩效率也更高,由于 修改了组件的声明方式，以函数组合的方式完成逻辑，天然与typescript 结合。（vue2.x中的组件是通过声明的方式传入一系列options的，所以在2.x下使用…