工具 • 2021-12-25
想象一下，在webpack5还没出来前，前端使用第三方组件库，例如使用 `dayjs` 日期处理库，都是通过 `npm i dayjs -s` 安装 `dayjs` 模块到项目里，然后就可以通过 `require` 或者 `import` 来使用。
其他 • 2021-11-26
Tree Shaking是 JavaScript 上下文中常用的术语，用于消除Dead Code（无用的代码）。利用ES6模块化规范的特性，在编译时通过静态分析代码，识别出未被使用的代码并在打包时去除。
框架 • 2021-11-01
为了可以实现运行时可中断，恢复，停止等操作，react fiber新的底层协调算法引入的一个新的数据结构（双向链表），基于fiber新的协调算法叫做fiber reconciler，在渲染和更新过程，使用递归来遍历。
框架 • 2021-10-25
SSR指的是服务端渲染，直出html到客户端，减少首屏白屏时间，这里不对SSR过多说明，有兴趣自行查找。
React18引入一个新的API，ReactDOM.createRoot，原先的 ReactDOM.render 会被标记为弃用
工具 • 2021-10-20
html2canvas 是一个 HTML 渲染器。该脚本允许你直接在用户浏览器截取页面或部分网页的“屏幕截屏”，屏幕截图是基于 DOM，因此生成的图片并不一定 100% 一致，因为它没有制作实际的屏幕截图，而是根据页面上可用的信息构建屏幕截图。
框架 • 2021-10-14
在写函数式组件的时候，为了避免无效的渲染，可以通过 React.memo 函数来实现，类似于 React.PureCompnent 的功能，对 props 进行浅比较
• 2021-10-13
position:sticky 定义元素为粘性定位元素，根据正常文档流进行定位，然后相对它的临近祖先滚动的元素，基于 top , right , bottom , left 的值进行偏移。
nosql • 2021-09-15
virtuals是mongoose的计算属性，不真实存储在mongodb，但是可以在mongodb写入和返回的时间节点上处理数据，类似于vue的computed
工具 • 2021-08-30
在封装业务组件的时候，组件如果可以提供良好的属性提示，对开发的同事是一种很好的体验。下面有两种方案可以实现属性文档提示功能
其他 • 2021-08-26
在写bash命令的时候，有时候需要操作字符串，提取匹配的内容，然而shell里面操作正则的资料比较少，所以做下记录，有两种方法
工具 • 2021-08-26
日常生活中，通常会使用扫码枪操作页面，比如商场的扫货物条形码，实现的办法是在input元素得到焦点后，通过扫描枪扫描条形码，就可以实现自动输入条形码，输入后执行完操作后再清空input的值再获取焦点，下面以react为例
