其他 • 2023-01-04
SharedWorker是一种可以在多个标签页之间共享的Web Worker。它可以让多个标签页共享同一个JavaScript实例。与普通的Web Worker不同,SharedWorker可以在多个标签页之间共享,而普通的Web Worker则是每个标签页都有自己的JavaScript实例。
工具 • 2022-11-01
之前介绍了 WebAssembly 基础知识,如果有兴趣可以点击查阅。本文进行 WebAssembly 实战,介绍在浏览器如何使用 WebAssembly,如何把 C++ 编译成 WASM 模块。
其他 • 2022-08-31
package.json文件是Node.js项目中的一个重要文件,它包含了项目的各种元信息,如项目名称、版本、描述、依赖关系等。其中,版本规则是package.json文件中的一部分,用于指定项目的版本号。
其他 • 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 进行浅比较