Set12345678910111213141516171819202122232425262728293031323334353637383940414243444546// 创建Set 可以传入可迭代对象// set里的数据是不能重复的 set支持foreach和for..of等遍历方式const set = new Set();//添加元素set.add(1);set.add({ count: 1 });set.add(["aaa", "bbb"]);//删除元素set.delete(1);//判断是否存在某个元素set.has(1);//获取元素个数set.size;//清空setset.clear();//数据去重const nums = [1, 21, 142, 123, 21, 32, 142];const newNums = [];// 1.普通方式for (let item of nums) { if (!newNums.includes(item)) { newNums.pus ...
迭代器-Iterator1. 创建一个最基本的迭代器123456789101112131415161718192021const names = ["a", "b", "c"];// 创建一个names的迭代器// 1.迭代器是一个对象,该对象里必须有next方法// 2.next方法必须返回一个对象,返回的对象必须包含done(布尔值)和value两个属性let index = 0;const nameInterator = { next() { if (index < names.length) { return { done: false, value: names[index++] }; } else { return { done: true, value: undefined }; } },};console.log(nameInterator.ne ...
React-TypeScript 项目搭建1. 使用脚手架创建项目1create-react-app react_demo(项目名称) --template typescript
2. 安装 craco 配置项目路径别名123npm install @craco/craco@alpha -Dnpm install craco-less@2.1.0-alpha.0
2.1 新建 craco.config.js123456789101112131415const path = require("path");const CracoLessPlugin = require("craco-less");module.exports = { plugins: [ { plugin: CracoLessPlugin, }, ], webpack: { alias: { "@": path.resolve(__dirname, "sr ...
1. React-Vite 搭建1npm create vite@latest my-react-app -- --template react
2. 绑定 class 和 style2.1 动态绑定 class2.1.1 写法一123456789import React, { memo, useState } from "react";const App = memo(() => { const [isActive, setIsActive] = useState(true); // isActive为true时 动态添加active类名 return <div className={`title ${isActive ? "active" : ""} `}>App</div>;});export default App;
2.1.2 写法二12345678910111213import React, &# ...
