尤雨渓

最近在学习前端性能优化方面的知识，看了很多大佬的文章，感觉文章多了比较零散，学习效率不高，所以就整合了一下大佬们写的性能优化的东西，从页面的渲染过程来建立自己的一个前端性能优化的体系。

先自我介绍一下，本人3年转行程序媛一枚，今年4月底裸辞。5月出去旅游一趟，回来找工作两周，面试8家，通过4家。目前已经入职。 在这一个月的时间里，关于前端学习、裸辞、面试有些思考，希望和处于相同困境和疑惑的小伙伴们一起分享。 先说说面试吧。 面试题就不分享了，掘金上有非常多优秀…

在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官网或者Gayhub都有介绍。注意：往…

作者对Nginx了解并不多，遇到打包跨域问题，开发中直接proxy直接就可以了，多舒服，但是打包后跨域就不能直接这样解决了，这里可以用到nginx代理，学会了还可以面试中跟面试官吹久点。

这是一篇干货比较多的组件库搭建实战教程，不仅有通用的代码规范、提交规范、文档维护、单元测试、GitHub Action 配置的讲解，还涉及基于 lerna 的多包管理架构...

最近项目中用到较多的echarts图表，所以考虑把它们做成组件，以便日后的复用。 整个echarts文件还是挺大的，我们可以根据自身的需求，按需引入模块。比如我新建了一个js，然后根据项目需求引入了折线图、柱状图等组件。

最近在做一个项目，技术栈为vue全家桶 + element-ui + echarts，打包后发现有1.44M，首屏体验很差。这能忍？果断开始优化。下面说说我是如何将一个打包后1.44MB的项目变成打包后只有0.42MB，性能提升70% 的。 vue-cli提供了一个很方便的查看…

要明白diff算法，还是要从dom说起。 是网页用来表示文档中对象的标准模型，是针对HTML和XML的API。 渲染引擎：主要负责将请求的布局文件、样式文件进行解析渲染，呈现出web页面。 网络：进行HTTP请求调用。 js解释器：负责解析并执行JavaScript语言。 1.…

然后按照操作,选择你想要的模板执行就行。 打开项目，我们看到结构还是cli4结构类似的，就是简单了好多了。 vite2现在还没有开箱即用的模板，供我们使用，不过文档还是比较全面的。vite中文文档， 1. vue-router 1. 在src创建router文件夹，新建inde…