其他 • 2022-08-18
作为一个软件开发工程师，经常需要跟环境变量打交道，或者通过环境变量来隐藏一些敏感信息，或者配置系统网络代理来突破网络限制。本文将介绍三大主流操作系统的环境变量配置方法，你可以根据自己的操作系统进行选择。
工具 • 2022-08-10
作为一个前端开发，要保证团队的代码质量和代码风格保持一致，就需要使用eslint来进行代码检查，一个好的eslint配置可以让团队提高开发的幸福感。市面上已经有很多大公司团队定制了自己的eslint规则。
工具 • 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 进行浅比较
css • 2021-10-13
position:sticky 定义元素为粘性定位元素，根据正常文档流进行定位，然后相对它的临近祖先滚动的元素，基于 top , right , bottom , left 的值进行偏移。
nosql • 2021-09-15
virtuals是mongoose的计算属性，不真实存储在mongodb，但是可以在mongodb写入和返回的时间节点上处理数据，类似于vue的computed
工具 • 2021-08-30
在封装业务组件的时候，组件如果可以提供良好的属性提示，对开发的同事是一种很好的体验。下面有两种方案可以实现属性文档提示功能
