PandaHiHiHi

背景简介 在前端开发中，我们经常会遇到这样的一个需求：hover一个svg图片，svg展现不同状态的样式。 大家常见的写法就是引入两个颜色状态的svg，然后通过v-show...

今天就来教你一个简单的小技巧，用 CSS 给文字添加渐变和图案，让你的网页文字更生动更有趣！ 秘诀就在于：把文字设为透明，然后用 background-image 给文字设...

以组件库搭建的实战入手，逐步掌握工程化的思路与实践，最终不仅仅是搭建组件库的程度，而是可以灵活地组合各种工具，自由地定制前端工程的各种细节，当然也包括日常 Web 应用的架...

讲述 pnpm、monorepo、包管理的前置知识以及相关技术的选型理由，并搭建出 monorepo 组件库项目的目录结构。...

在上一章节中，我们完成了“新建文件夹”的操作，使用 pnpm 为我们的组件库搭建了 monorepo 目录结构。在本章节，我们的组件库工程会开始初成体系——加入构建工具 V...

上半部分，我们通过集成构建工具 Vite 使组件库能构建出产物。下半部分，我们将要集成 TypeScript，为组件库的开发注入类型系统的支持。...

本期我们会给自己的组件库接入全套完善的 Lint 工具链，这一期的分享对于普通项目也具有极高的参考性，任何前端项目都可以按照这样的方法实现代码风格的规范化。...

文档是组件库的一个非常重要的能力，本文将介绍如何在 vite 生态下搭建一个具有用例展示、API 说明、演练场功能的组件库文档网站。...

文档是组件库的一个非常重要的能力，本文将介绍如何在 vite 生态下搭建一个具有用例展示、API 说明、演练场功能的组件库文档网站。...

本文是一篇介绍前端基础设施方面实践经验的文章，讲述如何通过文档工具 TypeDoc 自动为 TypeScript 项目生成文档，并与 VitePress 结合使用。...

经过上半篇的探索，我们完成了所有实现组件库的样式方案的前期准备，下半篇我们将正式开始实践样式方案的实现、集成、优化、验证，逐步完善 @openxui/styles 模块。...

我们的组件库样式方案中，除了会使用到经典的 CSS 预处理器，还会纳入一个很新的 CSS 工具——UnoCSS。样式方案需要建立在先前构建方案的基础之上，甚至还需要对已有的...

本章，我们为自己的组件库定制专门的打包体系。将重复部分抽取为预设、集中管理构建配置、提高自动化程度、支持复杂的构建行为...

背景原因 今天写需求，需要使用background简写属性，心想这还不简单吗，真男人写样式只需要两秒: 搞定！ 上面设置的依次是 背景图片 背景平铺模式 背景位置 背景图片...

把网页打包成移动 App，使 Web 程序可以访问手机原生能力。Cordova 是Apache软件基金会的一个产品。其前身是PhoneGap，由Nitobi开发，2011年...

💎 只有运行时的JavaScript JavaScript从诞生至今，都是运行在浏览器环境或者V8环境的编程语言，由于它边解释边执行的特性，导致只有运行时，没有编译时。 ...

前言 处在知识点贼多的前端领域，总想着学习一些“高性价比“的知识，几经搜寻后，找到了小册中修言的JavaScript 设计模式核⼼原理与应⽤实践，发现了这个有点了解但不多的...

Typescript 项目中难免我们会有这样的需求就是需要定义全局的类型直接使用，省去 import 导入的麻烦。怎么解决这个需求呢？我 google 了一圈，加实际操作，...