摘要:
为了搭建一个 nodejs + express + ts + 热加载 的一个简易项目,需要配置一些基础的文件来确保 ts 代码能被编译和正确的运行。下面是一个详细的配置例子,以供参考。 1. 安装 Node.js: 确保系统上已经安装了 Node.js。这一步省略,安装也很简单。 2. 初始化项目 阅读全文
摘要:
在用 TypeScript 的时候,我们常会类似下面的例子一样写~ ```ts enum ColorsEnum { white="#ffffff", black="#000000", } type Colors = keyof typeof ColorsEnum; ``` 其中最后一行等价于: `` 阅读全文
摘要:
演示代码使用 Vue3 + ts + Vite 编写,但是也会列出适用于 Vue2 的优化技巧,如果某个优化只适用于 Vue3 或者 Vue2,我会在标题中标出来。 代码优化 v-for 中使用 key 使用 v-for 更新已经渲染的元素列表时,默认用就地复用策略;列表数据修改的时候,他会根据 k 阅读全文
摘要:
官方文档传送门 Refs & DOM useRef useImperativeHandle 在类组件中使用 ref 1. React.createRef class App extends React.Component { constructor(props) { super(props); th 阅读全文
摘要:
前言 本文主要以 Rudex 结合 Racte 的方式,对 Redux 的基本概念和用法进行记录; Rudex 是什么 Rudex 是一个以集中式 Store 的方式对整个应用中使用的状态进行集中管理,确保状态只能以可预测的方式更新; 简单来讲:Rudex 是一个状态管理库; 明确了 Rudex 是 阅读全文
摘要:
官方地址:TypeScript 中文地址 TypeScript 常用类型 1. 类型注解 示例代码: let age: number = 18; 说明:代码中:number就是类型注解 类型注解约束了只能给该变量赋值该类型的值 错误演示: // 错误原因:将 string 类型的值赋值给了 numb 阅读全文
摘要:
什么是 Sass Sass 是一种 CSS 的预处理器,可以使用 Sass 支持的规则进行编程,让编写 CSS 变得简单和可维护; 官方地址:Sass中文网 基本用法 1. 变量 Sass 允许使用变量,声明方式和 css 属性声明很相似,注意: 需要使用 $ 符号来标识变量; $active-co 阅读全文
摘要:
一、前言 React Hooks 是从 v16.8 引入的又一开创性的新特性。第一次了解这项特性的时候,真的有一种豁然开朗,发现新大陆的感觉。我深深的为 React 团队天马行空的创造力和精益求精的钻研精神所折服。本文除了介绍具体的用法外,还会分析背后的逻辑和使用时候的注意事项,力求做到知其然也知其 阅读全文
摘要:
一、前言 React Hooks 是从 v16.8 引入的又一开创性的新特性。第一次了解这项特性的时候,真的有一种豁然开朗,发现新大陆的感觉。我深深的为 React 团队天马行空的创造力和精益求精的钻研精神所折服。本文除了介绍具体的用法外,还会分析背后的逻辑和使用时候的注意事项,力求做到知其然也知其 阅读全文
摘要:
前言 在开发过程中,我们安装的依赖包可能有bug存在,比如性能问题;对依赖包进行优化后重新安装依赖我们的修改就丢失了;针对这个问题: 可以使用 patch-package 修改第三方模块,及时解决第三方依赖包的 bug; 安装 npm install patch-package postinstal 阅读全文