jiangfei5945

引言：从“手工”到“智能”的蜕变 作为一名前端开发者，你是否也曾经历过这样的工作流：设计师在 Figma 中更新了设计稿 → 你收到通知 → 在 Figma 和 IDE 之...

引言： 当下前端组件库 / 工具库的最佳实践方案基本都是 pnpm + monorepo 的开发模式，如 Vue、React、Vite、Element UI、Varlet ...

Monorepo Monorepo 是一种项目代码管理方式，指单个仓库中管理多个项目，有助于简化代码共享、版本控制、构建和部署等方面的复杂性，并提供更好的可重用性和协作性。...

在Vue项目中，尤其是在使用组件化开发时，我们某些时候需要对组件内部的某些样式优化，但Vue的样式封装特性（scoped）会阻止外部样式直接作用于组件内部。为了应对这一挑战...

white-space、word-break、word-wrap（overflow-wrap）估计是css里最基本却又容易让人迷惑的三个属性了，估计很多人都有把它们搞混或用...

众所周知，CSS 根据选择器名称去全局匹配元素，它没有作用域可言，比如你在页面的两个不同的地方使用了一个相同的类名，先定义的样式就会被覆盖掉。CSS 一直缺乏模块化的概念，...

如果您使用 CSS 有一段时间，那么您就会知道继承、特异性和命名是一些最难处理的事情。由于所有 CSS 都是全局的，随着代码库的增长，防止样式相互冲突并导致意外副作用变得越...

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

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！...

为何要替换 1:node-sass仓库在墙外, 且新特性都会先在dart-sass实现2:它不仅兼容了 css 的`>>>`写法，还兼容了 sass `/deep/`的写法...

笔者最近在整理关于 webpack 相关的知识点，一方面是因为自己掌握的知识点比较零碎、不够系统，有时候碰到问题不知从何下手，另外一方面 webpack5.0 已经在路上了...

vue组件间的12种传值方式 当做到比较大的项目时，一个vue文件里面可能要包含上千行代码，这样不利于后期维护与问题定位，抽离成组件就尤其重要了 重中之重的就是组件之间数据...

经常的，我们在日常工作中，会使用第三方UI组件库，比如：element-ui、vant-ui、iview、ant-design等等。不管是为了业务考虑还是单纯的为了提高效率...

前两天跟一个哥们唠嗑，讨论怎么实现uber, 滴滴的验证码输入的效果。 有打算一个input然后两条线段之间用白背景的线段遮住实现，用letter-spacing控制字间距...

使用li元素来模拟输入框的显示，没有别的目的，就只是为了语义化，当然你也可以使用其他任意一个元素来模拟，比如div。 使用label标签的好处在于它可以跟input的cli...

对于未发布的npm包，我们如何测试使用呢？难道要把一个未经测试的包发布到平台上再install下来测试吗？当然不行。npm官方早已考虑到了这一点，给我们提供了测试本地的包的...

前言 async await 语法是 ES7出现的，是基于ES6的 promise和generator实现的 generator函数 在之前我专门讲个generator的使...

新人在入门CSS的时候，往往最困惑的就是两件事情（个人想法）：1. CSS是基于文档流的，有些时候编写的代码，并不符合自己的预期！2.复杂的选择器，什么场景用什么选择器，选...

在“CSS 小妙招”这个话题中，我将深入讲解一个 CSS 属性。这些都是网友们提问的属性。所以，如果您也有感到困惑的 CSS 属性，请在 Instagram 或者 Twit...

Edge 等浏览器都开始支持 CSS 变量了...