路漫漫

平时开发项目我们在使用第三方插件时，必须使用element-ui的某些组件需要修改样式时，老是需要加上/deep/深度选择器，以前只是知道这样用，但是还不清楚他的原理。

作为一名大专学生，我踏上了一段令人激动的前端自学之旅。起初，我对前端开发一无所知，一片茫然。然而，通过不断学习和实践，我渐入处境，收获了宝贵的经验和心得。

如何通过继承扩展的方式复用页面，减少项目中大量相似度高但又不完全相同的页面，拒绝重复劳动，从你我做起。O.0

我93年的，还差几天就到30周岁生日了。做前端开发大概也有6、7年，算是老前端了。 和大家分享一下我的人生经历，与君共勉。

天下武功，唯快不破。万字长文带你深入浅出 Vite “预构建”过程，从思路、实现再到源码，一步一步带你揭开 Vite 的神秘面纱，

怎样减少页面的回流和重绘 减少对 dom 的操作 当需要进行多个 dom 的增删改查时，避免直接对单个 dom 进行操作 使元素脱离文档流 由于页面中有时候会有一部分元素是有持续性的动画效果的，所以会

浏览器获取到 html 资源后开始解析 html；解析到 css 后根据 css 生成 css 规则树；在 dom 树和 css 规则树都生成完后，通过 dom 树和 css 规则树生成渲染树

当我们使用 Vite 进行开发时，会进行依赖预构建，即将第三方依赖进行打包，并在开发环境下使用这些打包过的第三方依赖。 那这个过程中，Vite 到底做了哪些事情呢？

Vue3 中可以在 style 标签中使用 :deep() 的方法进行样式穿透，主要是解决在使用第三方的 UI 库（如 element-plus 等）导致的时对其样式设置不生效的问题。