叫花JS

组织前端bug创造

睡觉

赞

127

|

搜索文章

赞

文章( 70 ) 沸点( 57 )

Element Plus 组件库相关技术揭秘：10. CSS 系统颜色和暗黑模式的关系及意义

什么是CSS系统颜色，什么是暗黑模式，以及怎么设置暗黑模式，如何通过 CSS 变量实现一键换肤，从而理解CSS系统颜色和暗黑模式的关系及意义。

Cobyte
2年前
9.3k
63
21

Element Plus 组件库相关技术揭秘：9. 组件开发中 Vue3 相关知识的应用与解析及 Button 组件的实现

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

Cobyte
2年前
10k
84
22

Element Plus 组件库相关技术揭秘：7. 组件实现的基本流程及 Icon 组件的实现

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

Cobyte
2年前
16k
141
54

Element Plus 组件库相关技术揭秘：6. CSS 架构模式之 BEM 在组件库中的实践

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

Cobyte
2年前
9.6k
125
40

Element Plus 组件库相关技术揭秘：4. ESLint 技术原理与实战及代码规范自动化详解

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

Cobyte
2年前
5.1k
59
18

Element Plus 组件库相关技术揭秘：3. ESLint 核心原理剖析

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

Cobyte
2年前
8.8k
127
17

Element Plus 组件库相关技术揭秘：2. 组件库工程化实战之 Monorepo 架构搭建

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

Cobyte
3年前
16k
256
77

Element Plus 组件库相关技术揭秘：1. Vue3 组件库的设计和实现原理

通过手写实现了一个 Vue3 组件是如何从诞生到渲染到页面上的整个过程，再深入理解 Vue3 全局组件和局部组件的实现原理及插件的实现原理，从而理解 Vue3 组件库的设计和实现原理。

Cobyte
3年前
18k
370
34

Element Plus 组件库相关技术揭秘：8. 为什么组件库或插件需要定义 peerDependencies

peerDependencies 表示同版本依赖，简单来说就是，如果你安装我，那么你最好也安装我对应的依赖。peerDependencies 中定义的依赖不会重复下载，但会要求宿主提供一致 peer

Cobyte
2年前
11k
141
51

简单聊聊 npx 和 npm

之前就有用过 npx 安装过一些依赖，但是一直没时间看看 npx 和 npm 到底有什么区别。 npm（node package manager）是我们用于 node.js 包管理的工具，在现在前端开发的环境下，我们会经常使用到这个命令来管理和发布自己的包。在正常情况下，我们…

LucasTwilight
4年前
15k
42
1

加入于

2020-05-25