babel常用配置
在实际项目开发中，Babel 配置的核心作用是将现代 JavaScript 语法（如 ES6+）、JSX 等转换为浏览器兼容的代码。以下是项目中最常用的 Babel 配置项和场景： 一、核心预设（Presets）预设是预定义的插件集合，用于处理特定场景的语法转换，是配置的基础。 1. @babel/preset-env（必选） 作用：根据目标浏览器/环境自动转换 ES6+ 语法（如箭头函数、asy
react状态管理方案
zustand优势： 极简的 api，较低的学习成本。只需通过 create 函数创建 store，直接定义状态和修改状态的方法，无需冗余模板。 更灵活的状态访问方式。支持选择性订阅（只监听需要的状态字段，减少不必要的重渲染，性能好）。const count = useStore((state) => state.count) 123456789101112131415161718192
webpack基础进阶和原理剖析
webpack官方中文文档 webpack 配置中的 loader 和 plugin 的区别在 Webpack 中，loader 和 plugin 是实现构建能力的核心机制，但它们的作用和工作方式有本质区别： 一、Loader（加载器）：处理非 JS 模块的“翻译官”Webpack 本质上只能识别 JavaScript 和 JSON 文件，**loader 的核心作用是将非 JS 模块（如 C
vue-router 剖析和实现
实现一个 Vue-Router，需要考虑的问题有哪些？ 如何将状态和路由记录同步 如何通过判断路由记录决定渲染哪个视图 如何处理更新问题 BrowserHistory，原生 API 可以监听路有变化？ hash history 实现一个 hash 路由HTML 部分 123456789101112131415161718192021222324252627282930313233343536
NEXT.JS从入门到放弃
包学包会！看完你也会 NEXT.JS 官方英文文档：https://nextjs.org/ 中文文档不建议看，落后太多！ 1. 初始篇1.1 创建项目使用 create-next-app 脚手架 12npxcreate - next - app 如果你不使用 npx，也支持使用 yarn、pnpm、bunx 12345678910yarncreatenext - apppnpmcreaten
TypeScript通关秘籍
TS类型系统支持哪些类型和类型运算TS中的类型静态类型系统的目的是把类型检查从运行时提前到编译时。 1234基础类型：number、boolean、string、object、symbol、undefined、null包装类型：Number、Boolean、String、Object、Symbol复合类型：class、Array新增了三种类型：Tuple（元组）、Enum（枚举）、Interfac
Golang笔记
一个 Go 程序的主函数（main 函数）必须声明在一个名为 main 的包中 基本类型内置布尔类型： bool 内置整数类型： int8、uint8、int16、uint16、int32、uint32、int64、uint64、int、uint、uintptr 内置浮点数类型： float32、float64 内置复数类型： complex64、complex128 内置字符串类型：string
Pinia笔记
Pinia的 3 大核心 状态(state) 派生出新状态(getters) 操作(actions) 基础使用123456789101112131415161718192021import {defineStore} from 'pinia'const useUserStore = defineStore('user',{