海底漫游

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `heigh...

在web开发中相机功能越来越常见，但是调用相机的原生API复杂繁琐，水印功能需要手动 canvas 绘制，性能堪忧。为了满足这一需求，我们推出了轻量级 H5 相机插件 [p...

前言 本文会从前端模块化的演进历史，来逐个分析不同的模块化规范的特性与实现原理，希望通过本文的学习，大家能够彻底弄懂前端模块化的实现原理。看完本文可以掌握，以下几个方面： ...

前言 在当今前端开发领域，构建工具已经成为了不可或缺的一环。作为最受欢迎的前端构建工具之一，Webpack不仅仅是一个简单的打包工具，更是现代前端工程化的核心支柱。然而.....

这道面试题是无意间在微信群里看到的，据说是某厂的面试题。一般关于 Promise 的面试题无非是考察宏微任务、EventLoop 之类的，当我认真去分析这道题的时候，越看越...

最近，我们部门在开发一个组件库时，我注意到一些团队成员对使用TypeScript表示出了抵触情绪，他们常常抱怨说：“TypeScript太麻烦了，我们不想用！”起初，我对此...

最近在两个项目里分别用了 antd 和 shadcn 两个 react ui 库，又对比了一下国内外的一些组件库，发现两边有一些不一样。...

打造全网最简单，新手也可以看懂的 React 18 源码分析系列。共同学习 React 设计思想，提升编码能力，轻松应对前端面试。...

React 新老架构的 diff 对比 React 16 之前，React 是直接通过 递归遍历 VDOM 树 查找不同，对有变化的部分重新生成真实DOM。React 16...

之前写过两篇文章，分别介绍了我在 Siphon 产品中用到的好用的库，以及浏览器插件开发相关的库： 盘点最近 React 项目中用到的一些非常好用的库：动画库、组件库、Ho...

从零到一带详细带你学会eslint的配置。看完这篇文章，相信你可以自己定制出一份适合自己团队规范的eslint配置，也能一眼看懂其他人写的配置，成为一名合格的eslnit配...