北方_mal

大家好，我是柒八九。一个专注于前端开发技术/Rust及AI应用知识分享的Coder。 有感而发 最近，在和前端小伙伴聊天发现，在2024年，她们都有打算入局Rust学习的行列。毕竟前端现在太卷了，框架

本文涉及到的知识点：npm 包的原理以及 npm install 的原理，接着是 .vue 文件的编译原理，rollup 的使用，ESM、CommonJS、UMD 等模块规范，只有熟悉这些才能打好包

从受控组件的角度来讲v-model的本质就是把一个组件变成一个受控组件。从双向数据绑定的角度来说v-model的本质就是在实现双向数据绑定。

Element Plus 的 CSS 架构思想主要还是 OOCSS，也就是还是面向对象的思想，即：封装、继承、多态，并且 CSS 变量的加入使用，使得多态这一特性的实现更加丝滑。

通过 Button 组件的实现，我们学习 Vue3 的相关知识，比如父子组件之间的通讯方式，可以通过 props，可以通过 emit，还可以通过插槽，隔代组件之间则可以通过provide和inject

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

本文通过 OOCSS、BEM、ITCSS等CSS 架构思想进行剖析 Element Plus 中的 CSS 架构思想，并且学习了 SCSS 的高级用法。

实现代码规范自动化可以解放团队生产力，提升团队生产效率。既然代码规范自动化可以带来如此的好处，我们自然要好好了解它并且掌握它。通过这些工具进行代码自动化检查，让开发者可以完全聚焦业务开发。

任何工具我们都只有理解它的原理才能真正地掌握它，所以下面我们将从 ESLint 的原理剖析开始吧。近半个月的啃源码的研究结果：ESLint 修复源码的方式居然仅是使用 slice 函数对源码进行截取替