Vite5基础进阶和原理剖析 Vite5 的核心和基础使用核心设计 木块化规范演进:commonjs -> amd -> cmd -> umd -> esmodule bundleless 模式,取决于浏览器原生ESModule的支持 本地开发 esbuild,线上构建 rollup 基本使用 脚手架初始化项目 工程化、规范、自动化 配置 Vite 体系。哪些内容需要打包,需要编译什么内容 react 2025-04-21 工程化 #工程化' #Vite
React19新特性 forwardRef的弃用forwardRef 是一个高阶函数,主要用于让子组件能够接收并转发父组件传递过来的 ref,从而允许父组件直接访问子组件中的 DOM 元素或组件实例。 12345678910111213141516171819202122232425262728293031import React, { useRef, forwardRef } from ' 2025-04-01 技术类-React #React
react18剖析 react剖析使用脚手架搭建 react 项目vite1npm create vite@latest my-react-app --template react-ts create-react-app1npx create-react-app my-react-app --template typescript jsxjsx 是在 javascript 代码中编写 html 代码的一种规范。 2025-03-21 技术类-React #React
Vue3源码剖析 本文对应的Vue3源码版本:3.5.13 工程架构设计 【编译处理】将 vue 文件编译为函数或者对象 compiler-core compiler-dom compiler-sfc compiler-ssr 【响应式系统】将状态数据与视图更新链接起来 reactivity 【运行时渲染】数据更新时需要重新渲染到页面中 runtime-core runtime-dom runtime- 2024-12-15 技术类-Vue #Vue3
babel常用配置 在实际项目开发中,Babel 配置的核心作用是将现代 JavaScript 语法(如 ES6+)、JSX 等转换为浏览器兼容的代码。以下是项目中最常用的 Babel 配置项和场景: 一、核心预设(Presets)预设是预定义的插件集合,用于处理特定场景的语法转换,是配置的基础。 1. @babel/preset-env(必选) 作用:根据目标浏览器/环境自动转换 ES6+ 语法(如箭头函数、asy 2024-10-16 babel #babel
react状态管理方案 zustand优势: 极简的 api,较低的学习成本。只需通过 create 函数创建 store,直接定义状态和修改状态的方法,无需冗余模板。 更灵活的状态访问方式。支持选择性订阅(只监听需要的状态字段,减少不必要的重渲染)。const count = useStore((state) => state.count) 123456789101112131415161718192021 2024-09-15 技术类-React #React #状态管理
webpack基础进阶和原理剖析 webpack官方中文文档 webpack 配置中的 loader 和 plugin 的区别在 Webpack 中,loader 和 plugin 是实现构建能力的核心机制,但它们的作用和工作方式有本质区别: 一、Loader(加载器):处理非 JS 模块的“翻译官”Webpack 本质上只能识别 JavaScript 和 JSON 文件,**loader 的核心作用是将非 JS 模块(如 C 2024-05-09 工程化 #Webpack #工程化'
vue-router 剖析和实现 实现一个 Vue-Router,需要考虑的问题有哪些? 如何将状态和路由记录同步 如何通过判断路由记录决定渲染哪个视图 如何处理更新问题 BrowserHistory,原生 API 可以监听路有变化? hash history 实现一个 hash 路由HTML 部分 123456789101112131415161718192021222324252627282930313233343536 2024-04-05 技术类-Vue #Vue3
NEXT.JS从入门到放弃 包学包会!看完你也会 NEXT.JS 官方英文文档:https://nextjs.org/ 中文文档不建议看,落后太多! 1. 初始篇1.1 创建项目使用 create-next-app 脚手架 12npxcreate - next - app 如果你不使用 npx,也支持使用 yarn、pnpm、bunx 12345678910yarncreatenext - apppnpmcreaten 2024-01-30 技术类-前端 #Next.js