作为前端工程师，无论是开发还是线上环境，浏览器或是 node，移动端或者 PC 端，经常会遇到一些 bug，那么如何快速定位和解决问题呢，笔者准备了一份前端调试指南供大家参考。

在现代前端开发中，调试已经不再是简单的"找Bug"，而是一项复杂的系统工程。随着Web应用复杂度的提升和多端适配需求的增加，前端开发者面临着前所未有的调试挑战

最近，远方的朋友毕业了发现找工作很难，于是我建议她直接参与开源项目的贡献，我拿出了自己尘封已久的组件库项目给她，麻雀虽小五脏俱全，还有很多组件可以补充，进一步讲工程化上也有很多可以优化升级的地方

性能优化是每一个工程师都必不可少的能力，只有把更多的细节优化放在日常开发与设计中，才可能尽量延缓一个持续迭代的系统成为巨石应用，而导致后续优化无从下手。

0毫秒意味着没有延迟，所以本应直接执行console.log('cccc')，但是...

不是说因为我们写得多牛，而是我们从第一天就立了 5 个基本工程约束，这些规则不是高深技术，而是**工程底线**。坚持这几个点，不一定能写出完美代码，但至少能避免那种“越写越乱、越维护越痛苦”的局面。

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

CSS Grid的功能远比我们想象的要强，很多人对Gird布局仅仅局限于了解或者一知半解，殊不知它是CSS语言中最牛逼的部分之一

上图是本项目用到的所有技术栈 这个项目分为四端(前端) App(只做安卓不上架) 技术栈ReactNative TS Socket.io scss 桌面端(只做Win) 技术栈 Electron TS