前端修仙笔记

```css * { scrollbar-width: thin !important; /* 显示窄滚动条 */ scrollbar-color: transparent transparent !

本文介绍了如何使用 pnpm 搭建 monorepo 项目，包括初始化、定义工作空间、创建目录结构及安装依赖等操作，同时分享了个人的实用配置和偏好设置。

本文分享了以 Svelte 和 Vite 构建轻量级 JS 插件的开发历程，从项目搭建到响应式数据实现，再到父子组件通信和模板逻辑解析，探索高效开发的最佳实践。

@faker-js/faker 是一个用于生成虚拟数据的 JavaScript 库，支持姓名、地址、邮箱、公司信息等多种类型的数据，广泛应用于测试和模拟场景。它由社区维护，具有丰富的功能和现代化特性，

本地存储方式包括 localStorage、sessionStorage 和 cookie，分别适用于不同场景。

面对客户需要在本地直接打开Vue3项目的需求，我们通过调整Vite配置和解决ES Module跨域问题，使得打包后的文件无需服务器即可在本地预览，避免了重写整个项目的不必要工作。

今天，我们将深入探讨其中一个重要的 Observer 工具——ResizeObserver。 它是一种高效的机制，用于监控元素的尺寸变化。

IntersectionObserver 的出现不仅简化了滚动检测和懒加载等常见需求的实现，还避免了传统方法带来的性能瓶颈。让我们一起了解 IntersectionObserver 的设计初衷、应用场

MutationObserver 是一个浏览器提供的 API，用于监视 DOM 树的变化，包括节点的添加、删除和属性的修改。

HTML5与传统HTML对比，突显语义标签、多媒体、Canvas/SVG、本地存储、表单、响应式等差异。HTML5改进网页结构、多媒体、绘图、本地存储、表单、响应式设计，提升用户体验。

掌握 File API 这篇就够了 File API 是为了让 Web 开发者能以安全的方式访问客户端机器上的文件,从而更好地与这些文件交互而设计的。 File API 提供了丰富的功能，让Web开发

iview 中 render 的使用方法 基本语法 三部分：分别定义span标签、（样式、属性、事件等综合内容）、显示内容 精简例子 渲染 <span>hello</span> 显示多个内容 显示组件

创建数组 1.使用Array构造函数创建 2.使用数组字面量(array literal)表示法 3. Array构造函数中有两个ES6新增的用于创建数组的静态方法: from()和of() 3.1

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 前端小知识 | JSONSchema JSON Schema Https://json-schema.org 定义 JSON 数据和规范 校

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动 Ajv 转换错误语言_自定义关键字: 如何自定义错误信息 设置 Ajv 标准关键字错误提示 语言包 自定义关键字返回的错误信息 自定义错误信息

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 Vue3 + TS 开发前端组件库 丨 项目创建 vue3 项目结构介绍 vue3 项目的基本开发知识 如何用ts开发vue的组件? 如何用

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。 Vue3 + TS 开发前端组件库 丨走进 JSX 一步步走向 JSX 如何用 ts 在 vue3 中定义组件? Component 接口

这是我参与11月更文挑战的第28 天，活动详情查看：2021最后一次更文挑战 前端架构师必备脚手架小知识(四) lerna 源码结构分析和调试技巧 Node 源码调试过程中必会的小技巧 learna

这是我参与11月更文挑战的第27天，活动详情查看：2021最后一次更文挑战 前端架构师必备技能之脚手架(三) 原生脚手架开发痛点分析 Lerna简介及脚手架开发流程 实战: 基于lerna搭建脚手架框

这是我参与11月更文挑战的第26天，活动详情查看：2021最后一次更文挑战 前端架构师必备技能之脚手架(二) 脚手架开发流程 创建 npm 项目 创建脚手架入口文件, 在最上方添加 配置 packag