「这是我参与11月更文挑战的第8天，活动详情查看：2021最后一次更文挑战」 为什么会需要样式穿透？ 在Vue项目中，当我们引入第三方组件库时(如使用element-ui)，需要在局部组件中修改第三方

1、stylus的样式穿透使用>>>2、sass和less的样式穿透使用/deep/觉得有帮助的小伙伴点个赞支持下~觉得有帮助的小伙伴点个赞支持一下~

在使用vue开发项目的过程中，若是我们需要对普通 DOM 元素进行底层操作时，一般都会考虑通过自定义指令来解决。

之前看到我不能没有的 5 个 Vue.js 库，里面第一个就是Click Off to Close，最主要功能就是，在用户点击元素之外的时候触发一个事件。 此文的目标，手写自定义指令实现此功能。 功能比如自己封装一个下拉框，或者封装一个日历，希望在点击非下拉框部分，能关闭下拉框…

工程化的核心并非工具，而是以工具为实现媒介进行规范工作流程。文章中实现的是组件库项目文件组织结构的规范，TypeScript 编译和类型检测流程的规范，还有工具链的统一。

我在做一些`H5`单页（活动页）的时候，像我这种最求极致加载速度，且不喜欢用第三方库的人，所以决定自己动手做一些`无依赖`、`精简高效`的东西，然后按需应用在实际项目中，同时为了比百度上搜到更好用的代

为什么需要懒加载？ 在一些图片比较多的网站（比如说大型电商网站）图片是非常多的，如果我们在打开网页的一瞬间就把网站的所有图片加载出来，很有可能造成卡顿和白屏的现象，用户体验变得极其的差。

通过实现 Icon 组件进行理解 Element Plus 组件实现的基本原理，Icon 组件虽然简单，但它却包含了一个组件的全部基础流程。

超越站内九成建设组件库的文章，真正从零到一实现企业级前端组建库建设，历时一周总结完善，项目技术栈 vite3、vitepress、vitest、vue3、tsx