其他 • 2023-07-01
作为一个开发工程师，我们经常需要和控制台打交道，普通的删除键配合上下左右，能够满足日常的命令需要，然而如果能掌握快捷键，那么速度会比常规的操作会快，使用起来也会很顺畅。
框架 • 2023-06-01
为了使系统方便维护，我们会在项目中引入 Typescript，通过使用 TypeScript，可以更好地定义对象和函数的类型，减少错误，提高代码的可读性和可维护性。然而大部分新手刚接触 Typescript 或者 React ，不知道如何声明类组件，函数组件，Props等。接下来让我们通过例子来走进 React 和 Typescript 世界。
常见问题 • 2023-05-01
Next.js 新搭建的项目，在使用 useEffect 时，会触发两次，经过排查，发现问题不是出现在 Next.js 上，而是出现在 React 上。React18 版本之后，在严格模式开发环境下，useEffect 会默认触发两次。
javascript • 2023-02-28
JavaScript 时间分片（Time Slicing）是一种优化技术，用于将长时间运行的任务拆分为多个小任务，以避免阻塞主线程，提高页面的响应性和性能。本文将详细解释 JavaScript 时间分片的原理、应用场景，并通过代码示例帮助读者更好地理解和应用该技术。
其他 • 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-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过多说明，有兴趣自行查找。
