小气小憩

为什么要做性能优化 应用加载慢 打开应用时间过长，用户需要等待很长时间之后，才可以看到画面，进行操作。 操作响应慢 用户的每一次操作，都不能立即响应，例如用户点击了登录按钮，页面无响应20s之后，提示

移动端安全边距css适配 env()和constant()，是IOS11新增特性，Webkit的css函数，用于设定安全区域与边界的距离，有4个预定义变量： safe-area-inset-left：

伪类伪元素应用。 :empty 介绍 :empty CSS 伪类用于选择不包含任何子元素的元素。子元素可以是元素节点或文本（包括空格）。但是注释、处理指令和 CSS content 不会影响元素是否被

antd 数字限制放在输入框外面，简单粗暴。 Arco 虽然数字放在了里面，但是没做遮挡的安全边距限制。 ElementUI 好家伙直接在数字框下面加了个底色。后续覆盖样式肯定难受~ Vue Mate

Vue2 实现 Todolist HTML: JavaScript: CSS: Vue3 实现 Todolist HTML: JavaScript: CSS:

输入url到页面展示过程 script标签中defer和async 两者都是使script异步执行的属性 最大的区别是， defer会在页面加载完成后再依次执行。 async是js加载完成了，就直接执

新apinavigator.getBattery 电池状态 API 中的BatteryManager 接口提供了系统电池电量信息。navigator.getBattery() 方法返回promise

自定义挂载节点 createPortal方法实现把一些节点渲染到其他root中。 TS定义 function createPortal(children: ReactNode, container:

防抖 用户在短时间内多次触发，只会最终触发一次 节流 用户在短时间内多次触发，会按照设定好的频率触发 手写Promise.all