姐一如既往的优雅

确定 UI state 的最小（且完整）表示 想要使你的 UI 具备交互功能，需要有触发基础数据模型改变的能⼒。React 通过实现 state 来完成这个任务。 为了正确...

1. 组件化设计 React将UI设计成一个由独立、可复用的组件构成的集合。每个组件封装了自己的状态和行为，只关注于渲染页面的一部分。这种组件化的设计哲学带来了以下几个好处...

React的优点 组件化开发： React允许开发者将UI拆分成独立的、可复用的组件，每个组件负责渲染页面的一部分。这种组件化的开发方式提高了代码的可维护性和复用性，使得开...

交叉类型（Intersection Types） 交叉类型（Intersection Types）是一种强大的特性，它允许你将多个类型合并为一个类型。这意呀着，你可以将多个...

枚举enum 枚举（Enumerations，简称Enums）是一种特殊的类型，它允许你定义一个常量集合。枚举类型提供了一种方便的方式来定义一组命名的常量，这些常量可以是数...

函数 函数是一个非常重要的概念，它们用于封装可重复使用的代码块。TypeScript的函数与JavaScript的函数非常相似，但TypeScript为函数提供了类型注解，...

类 类（Class）是一种用于创建对象的蓝图或模板。类定义了一组属性（properties）和方法（methods），这些属性和方法被封装在一个单一的单元中，用于表示现实世...

接口interface 介绍 接口（Interfaces）是一种强大的特性，它允许你定义对象的形状，即对象应该具有哪些属性以及这些属性的类型。 在TypeScript里，主...

布尔值 最基本的数据类型就是简单的true/false值，在JavaScript和TypeScript里叫做boolean 数字 和JavaScript一样，TypeScr...

因为es6 module的核心是按需加载 ts的类型检查是项目全量，这样和VIte的性能优势相违背。 所以，esbuild不支持。...

传统的方式都是使用 Terser 这种JS开发的压缩器来实现，在WebPack 或者 Rollup 中作为一个 Plugin 来完成代码打包后的压缩混淆的工作。但Terse...

用一种对象结构去表示JS代码 在JavaScript中，AST（Abstract Syntax Tree，抽象语法树）是源代码语法结构的树状表现形式。它是一种将源代码抽象化...

它有一些天然的缺陷 不支持es5 对代码拆分支持有限 一些特殊的语法不支持 所以，开发环境关注性能，生产环境使用rollup弥补这些缺陷...

AMD（Asynchromous Module Definition - 异步模块定义） AMD是由RequireJS提出的一种模块化规范，它主要用于浏览器环境，在加载依赖...

public和assets的区别？public是不需要经过webpack编译的 assets会经过webpack的编译...

BFF架构（Backend For Frontend）是一种在云计算领域中常用的架构模式，特别适用于前后端分离的应用开发。其核心思想是在前端应用程序与后端服务之间引入一个中...

CSS Modules是一种CSS文件的使用方式，它通过在构建过程中（如使用Webpack这样的模块打包器）为CSS类名和选择器添加唯一标识符（如哈希值），来实现样式的局部...

nvm安装 NVM（Node Version Manager）是一个用于管理 Node.js 版本的工具。它让你可以在同一台机器上安装和切换不同版本的 Node.js。 N...

call和apply都是function原型上的方法，而每一个函数作为function一个实例，所以可以调取原型上的call和apply方法。 call方法的性能通常略优于...