dongsipan7790

本文主要介绍解决原子化 CSS 记忆成本高的两个方案，并介绍 auto-atomic-css 插件实现原理和相关 VSCode 知识。通过 CSS 及 HTML 的 AST 树来做读取和转换操作。

有输入，有沉淀，才有分享。 在过去的四个月中，我全身心投入到一个综合平台的前端开发上，该项目采用的是我搭建的 vue3 基础代码框架(说实话，一开始我也怕到处都是坑...)，而这个基础代码库（仓库地址）现在在github上已经收获了 100+ star 了，得到了一些伙伴的肯定…

像上面这种评星是一种很常见的需求，我原来是借助JS实现的，没有遇到多大的挑战。 后来张老师在code review我这段代码的时候，顺便提了一嘴type="range"应该可以实现，当时的我想破脑袋也想不出来，脑子是蒙的。 后来我根据文彬的建议，继续优化我的代码，我很开心的和他…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

本篇主要介绍如何让你的组件库在Typescript项目中支持使用，并且还会详细介绍声明文件的作用、使用方法以及如何编写声明文件. 希望阅读完本篇的内容可以帮助你掌握编写声明文件的技能. 找不到 owl-ui 模块的声明文件，请尝试执行 npm install @types/ow…

Vue3 Composition API可以在大型项目中更好地组织代码。然儿，随着使用几种不同的选项属性切换到单一的setup 方法，许多开发人员面临的问题是…… 乍一看可能很容易，但是实际上只需要花一点点时间来编写可重用的模块化代码。 让我们来看看如何做到这一点。 问题是，如…

高阶组件这个概念在 React 中一度非常流行，但是在 Vue 的社区里讨论的不多，本篇文章就真正的带你来玩一个进阶的骚操作。 先和大家说好，本篇文章的核心是学会这样的思想，也就是 智能组件 和 木偶组件 的解耦合，没听过这个概念没关系，下面会详细说明。 这可以有很多方式，比如…

在我们日常开发的时候，可能会遇到各种各样的需求，但是自己一时半会儿可能找不到合适的办法去解决。书到用时方恨少，下面的这些JavaScript的工具函数可能就会派上大用场了，我们可以进行复用，提高我们的工作效率。 我把下面的方法都大致分了个类放在了我的GitHub上。大家可以cl…

三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…