let和var的区别 变量声明提升 暂时性死区 不允许重复声明 块级作用域（函数作用域，全局作用域用函数作用域（匿名立即执行函数表达式）代替块级作用域） 不与全局对象挂钩（window，global，self,globalThis） 变量的结构赋值（数组，对象-原型链上也可-包装类型也可） 用途交换变量的值 从函数中返回多个值（放在对象中返回，再解构） 函数参数的定义，以及默认参数的设置（函数组件的props） 提取JSON数据 便利Map结构(forof中[key,value]) 字符串提供新方法 includes，startsWith，endsWith repeat padStart,...

设计原则 开放封闭原则对扩展开放，对修改关闭 例子1axios设计符合开闭原则（通过axios.interceptors对外部扩展进行开放）、以及redux中间件设计方式 例子2 1.enumMemberName{ normal:'normal', vip:'vip', vipPlus:'vipPlus' } //不符合开闭原则，因为如果新增了会员类型，则需要修改Production类里面的代码去适配 classMember{ publicname:MemberName; constructor(name){ this.name=name; } } classPr...

一基础概念Webpack是什么？答：现代javascript构建工具，静态资源打包工具什么叫构建？构建就是把我们在开发环境写的代码，转换成生产环境的代码。构建过程应该包括预编译、语法检查、词法检查、依赖处理、文件合并、文件压缩、单元测试、版本管理等 Vite利用浏览器支持ESmodule二核心概念（二八原则） entry入口文件，可以是一个或者多个。表示从这个入口文件开始资源整合，形成一个完整的静态资源引用图。 entry:{ index:['babel-polyfill',path.join(__dirname,'../src/index.tsx')], }, output出口文件，...

我们将使用babel去编译TypeScript，babel在编译TypeScript代码是直接去掉TypeScript的类型，然后当成普通的javascript代码使用各种插件进行编译，tsc并没有介入编译过程，因此tsconfig.json中很多选项例如target和module是没有用的，可以让VSCode等编辑器正确提示错误在项目中使用tsyarnaddtypescript-D//新建tsconfig.json文件，进行ts配置 通过babel来编译ts文件yarnaddbabel-loader@babel/core@babel/preset-typescript-D在babel.con...

一什么是rxjs？RxJS（ReactiveExtensionsforJavaScript）是一个用于响应式编程的JavaScript库。它通过使用可观察对象（Observables）和操作符（Operators）来处理异步和事件驱动的代码。什么是响应式编程？程序的输入可以被当成一个数据流，例如excel表格的累加。响应式编程世界里知名度最高的框架ReactiveExtension,简称RX,指实践响应式编程的一套工具。在Rx官网有这样一段文字AnAPIforasynchronousprogrammingwithobservablestreams. [图片]Rx的概念最初由微软公司实现并开源，...

React组件代码规范1命名规范 函数命名 组件的私有方法都用_开头 所有事件监听的方法都用handle开头 传递给子组件以on开头 render函数的分支，以render开头

React遇到的奇奇怪怪的问题 在ref初始化时执行的函数，结果组件刷新都要执行一遍。比如，constref=useRef(createWorder());导致worker创建了无数个，内存也霸占了一大半。