Lighthouse Performance 评分从 20 提高到了96，开发和构建的速度也有了大幅度的提高，整个优化过程的思路和方法还是很有参考意义的

深夜，一阵刺耳的手机铃声把我吵醒，我迅速的把手机按成静音，看下屏幕，是我几年前带过的一个妹子的电话，看着熟睡的老婆孩子，我蹑手蹑脚地走到厨房接通了电话。 一接通，就传来一阵哭泣声：“师傅，我找不

作者简介：珑晴——淘系技术部前端技术专家，16 年校招实习转正进入的阿里，当时是在聚划算前端团队，随着业务变化一路从聚划算到天猫至今加入淘系技术部，负责日常活动营销的同时，也多次参与大促会场&互动的研发，在支持业务的过程中不断挖掘提炼创新，最终完成从前端小白到前端技术…

什么是响应式？响应式的页面在不同的屏幕有不同的布局，换句话说，使用相同的html在不同的分辨率有不同的排版。如下图所示： 响应式布局是为了解决适配的问题，传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就好了。因为它是用的同样html，所以它的JS…

前端八股文还是值得深入了解，系统巩固的基础。扎实的基本功还有利于跳槽涨薪的。小知识，大挑战！努力行动起来吧！

vue-vben-admin-2.0 是一个全新的开源系统,基于ant-design-vue2.x,typescript4,vue3,vite实现的 vue3 风格的后台管理系统。 yarn > npm > cnpm: - 包管理工具. Ant Design Vue Icon …

本文将会和这篇 -- CSS 奇思妙想边框动画类似，讲一些文字效果，利用不同的属性搭配，实现各式各样的文字动效。 在写各种 DEMO 的时候，有的时候一些特殊的字体能更好的体现动画的效果。这里讲一个快速引入不同格式字体的小技巧。 当我们相中了一个我们喜欢的字体，它也提供了非常快…

有一些人认为，好的代码是自我解释的。合适的命名和优秀的代码的确可以减轻开发人员阅读代码的工作量，对于不是特别复杂的代码可能确实可以做到自我解释。但并不是所有场景都可以做到这一点，我们一起来了解一下“注释”吧。 注释就是对代码的解释和说明。注释是开发人员在编写程序时，给一段代码的…

初级 Git 开发者，面对这满图的分支和 merge 指向，简直想手撕作者。高级 Git 开发者要将这个流程运用实践也大感头疼。 分支各司其职，覆盖大部分开发场景。 预期 master 分支中任何 commit 都是可部署的。 严格按照流程执行，出现重大事故的情形会大大降低。 …