在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我们可以借助 Proxy

近期，“前端已死”的论调似乎在整个IT圈中盛行，某些地方甚至出现了招聘降薪的现象。然而，面对这样的挑战和变革，我们不能只是被动地接受，而应主动出击，不断提升自我，积极寻求晋升之路。只有这样，我们才能紧

那天晚上，办公室的灯已经灭了大半，我坐在靠窗的位置，刚把代码提交推送完，正打算收键盘走人。她走过来，端着还冒着热气的速溶咖啡……

前言 性能优化，一个掣肘用户体验的关键模块。它没有固定的标准定义或唯一的解决方案。但是我们从整个项目的开发-部署-用户体验的整个过程中，总能摸到很多有普适性的规范或者优化理念。 我们的目的是什么？优化

前端部署其实是一个非常严肃的问题，对于大型应用24小时都有人访问，如果你还是用覆盖式更新的方式部署，肯定会导致页面出错的情况发生，因此，这就涉及到先全量部署静态资源，再灰度部署页面的部署流程了。

node-sass: Command failed.， gyp ERR! build error 这几个词相信很多小伙伴一定看着眼熟，当你的终端出现这些词时那么毫无疑问，你的项目跑不起来了

笔者一天要说100次“哥，代码更新了，打包上传下吧，球球了”，终于我实在受不了了（上传代码的这位哥也受不了了），于是想通过 Jenkins 实现简单的前端项目自动打包部署。

vite介绍 ｜ 与webpack、snowpack等其他构建工具做比较，分析vite预构建和热更新的原理

前几天有朋友问了我个问题： 是否可以通过 eslint 插件实现自动把属性访问变成可选链的方式。 这当然是可以的，我们来实现下： 创建项目，新建 package.json 安装 eslint 的包 然