6月份有幸被前端早读课邀请到厦门大前端技术沙龙，作了小程序页面加载性能优化的分享。从现场反响来看，大家对性能优化的关注度都很高，还是很开心的。 本文是分享的文字版，总结了我们上半年对榛果小程序性能优化的研究和一些实践，希望各位读者能够对小程序的性能优化有个系统的了解。 本文将围…

背景 目前项目组内没有一套版本管理规范来对node package进行规范，每个人对版本号的理解差异导致package版本号混乱，本文档将给出一套规范来解决该问题，并且在次规范的基础上给出一套node

概述 Lane是React中用于表示任务的优先级。优先级分为高优先级与低优先级，当用户操作界面时，为了避免页面卡顿，需要让出线程的执行权，先执行用户触发的事件，这个我们称之为高优先级任务，其它不那么重

SVG是一种XML应用，用来表示矢量图形。所有的图形有关信息被存储为纯文本，具有XML的开放性、可移植性和可交互性。 以页面的左上角为(0,0)坐标点，坐标以像素为单位，x轴正方向是向右，y轴正方向是向下。 rect元素，使用x,y,width,height表示一个矩形。 li…

Vue3 中，ref 是一个新出现的 api，不太了解这个 api 的小伙伴可以先看 官方api文档。 简单介绍来说，响应式的属性依赖一个复杂类型的载体，想象一下这样的场景，你有一个数字 count 需要响应式的改变。 这样肯定是无法触发响应式的，因为 Proxy 需要对一个复…

一个图片裁剪组件的应用场景其实比较多，相应的第三方插件也不少，但有时候会需要一些特定的功能，比如想有个特定样式的裁剪框，想批量裁剪，甚至想直接裁出定制化的尺寸等等，这时就只能手写一个裁剪组件了。 上传图片时，用onChange事件来获取该file对象，里面会包含文件的name，…

另外可以发现并不是一个 token 对应一个 Node，等号左右必须都有值才能组成一个声明语句，否则会作出警告，这就是 eslint 的基本原理。最后所有的 Node 组合在一起就形成了 AST 语法树 通过 @babel/traverse 我们能够轻松的找到 await 表达…

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。 TypeScript 提供最新的和不断发展的 JavaScript 特性，包括那些来自 2015 年的 ECM…

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线。 大家好，非常高兴能在早早聊的规划专场，和大家分享我对前端做技术与技术产品规划的一些思考和心得。 先来了解下今天要分享的内容概要，先简单认识一下，之后从为什…