无论您是想成为高级前端工程师，还是一名合格的 Leader，都离不开对前端技术与业务的基础建设沉淀； 我相信您看完后的收获会远不止于此 ~

聊聊前端开发日常的协作工具，跟大家分享下树酱日常工作中常用的一些工具，或许可以帮到你提升日常的协作效率。这些神器你值得拥有！

屋里美团的姑娘喊我帮她写前端，忙到凌晨两点的我苦不堪言。为此我写了这篇文章《axios封装》希望他们在未来写出更好的前端代码。

如果想做到前端负责人，项目搭建封装是必须掌握的，没有人甘于平庸，我想你也是！多入口打包+pinia+pinia插件开发+路由动画+axios二次封装+viewport等等，项目中会用到的，我都有写。

web性能说白了就是网站打开速度快不快，页面中的动画够不够流畅，表单提交的速度是否快，列表滚动页面切换是否卡顿。性能优化就是让网站变得快。 在MDN上对web性能的定义是网站或应用程序的客观度量和可感

上月立过一个 flag，看完 vue-router 的源码，可到后面逐渐发现 vue-router 的源码并不是像很多总结的文章那么容易理解，阅读过你就会发现里面的很多地方都会有多层的函数调用关系，还有大量的 this 指向问题，而且会有很多辅助函数需要去理解。但还是坚持啃下来…

单文件组件要么始终以大写字母开头(PascalCase)要么始终用-连接(kebab-case)单词大写开头对于代码编辑器的自动补全最为友好，因为这使得我们在 JS(X) 和模板中引用组件的方式尽可能的一致。然而，混用文件命名方式有的时候会导致大小写不敏感的文件系统的问题，这也…

优秀的代码往往是最通俗易懂的代码，在于它的易于维护。在开发过程中，优秀的命名往往有助于理解该变量/方法的用途。而糟糕的命名往往会让人摸不着头脑。为了提高代码的可维护性，我们需要更优雅的命名方式。

好的代码读起来如同在读一段文章： "牛逼"的代码五花八门，这里来段非常牛逼的大家感受下： 再看一个变量名逐步迭代的过程： 看完以上几个示例，我们就知道自己在变量命名这么一件简单的事情上达到了什么层次。