React
开始
用Vite创建:
1 | npm create vite@latest frontend -- --template react |
创建完成后
1 | cd frontend |
安装项目所需的组件库:
1 | // 比如： |
| 库 | 作用 |
|---|---|
antd |
UI组件库，按钮、表格、输入框等直接拿来用 |
@ant-design/icons |
Ant Design 的图标库 |
react-router-dom |
页面路由，点菜单切换页面 |
web3 |
连接FISCO BCOS链，调合约 |
zustand |
状态管理，存用户地址、合约实例等全局数据 |
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 March！
wechat
相关推荐
2026-03-09
前端工程化
ES+ Git Node.js Express MongoDB Ajax Axios ES6+ECMAScript是标准，JavaScript是其主要实现。 ES5的严格模式1'use strict' ◆严格模式下八进制的限制严格模式下不允许使用0开头的八进制数字表示法（如012）。会抛出Uncaught SyntaxError: Octal literals are not allowed in strict mode。不过允许使用十六进制表示法（如0x12）。设计原因: 数字前导零存在语义歧义（数学上012应与12等价），属于历史遗留问题。 ◆严格模式下变量声明的限制不允许未声明直接使用变量（如username = 100），会抛出username is not defined错误。非严格模式对比: 普通模式下会自动创建全局变量，属于隐式变量声明。 let 与 const◆ES6新增了let命令。 不存在变量提升：let不像var那样会发生“变量提升”现象。所以，变量一定要在声明后使用，否则报错。 暂时性死区：只要块级作用域内存在let命令，它...
2026-02-13
JavaScript基础
JavaScript 是一门动态的，弱类型的，解释型的，基于对象的脚本语言。 动态： 程序执行的时候才会确定数据类型。 静态： 书写代码的时候提前确定数据类型。 弱类型： 数据类型可以自动转换。 强类型： 数据类型无法自动转换。 解释型： 边解释，边运行，开发效率更高。 编译型： 编译后运行二进制文件。 脚本： 一般都是可以嵌在其它计算机语言当中执行。 ◆javaScript 的运行环境（解释器）： 浏览器，如Chrome浏览器中的V8引擎。 Node.js。 ◆浏览器端的 JavaScript 组成部分： 基本代码语法， ECMAScript，ECMA指定。 BOM， 浏览器提供的API，W3C指定。 DOM， 文档提供的API，W3C指定。 ◆其他特点： 指令结束符（语句结束符）是分号或者换行。 严格区分大小写。 开始JavaScript 在 HTML 中使用的三种方式： ① 行内式（内联脚本） 1<元素 onclick="代码.." ondblclick="代码.."></元素> ② 内嵌式...
2026-03-08
JavaScript进阶
HTMLCollection与NodeList区别① HTMLCollection 对象 能够返回HTMLCollection 对象的属性和方法： getElementsByTagName()、getElementsByClassName()、children HTMLCollection 对象的成员只能是元素类型对象 。 没有 forEach 方法。 是动态的集合，如果文档中新增了满足条件的元素，集合会自动更新。 ② NodeList 能够返回 NodeList 对象的属性和方法： querySelectorAll()、getElementsByName()、childNodes NodeList 对象的成员可以是节点类型的对象（包括元素类型、document 等）。 具有 forEach 方法。 静态的集合。 执行上下文全局执行上下文1.在JS代码执行前，就会创建一个window对象，这个window就是全局执行上下文对象。 2.预处理 变量处理：找到所有使用var声明的全局变量，给全局执行上下文对象添加属性，但不赋值（或者说值为undefined）。 函数处理：找到使...