2022
10-27create-react-app创建项目后启动报错
警告在启动时一闪而过,不仔细看还真不会注意,因为一点不影响运行,但是看到了就是不舒服。前一段是“不推荐使用警告”,说的是:不推荐使用“onAfterSetupMiddleware”选项。请使用“setupMiddlewares”选项。后一段是“弃用警告”,说的是:“onBeforeSetupMiddleware”选项已弃用。请使用“setupMiddlewares”选项。onAfterSetupMiddleware和onBeforeSetupMiddleware这两个东西在目录明面上找不到,其实他们是在weback的config配置文件中,但是create-react-app把webpack的配置文件进行了封装,我们在目录上看不到webpack.config.js这个文件。2022
03-18setState是同步还是异步
在React16.8之前,React通过this.state来访问state,通过this.setState()方法来更新state。当this.setState()被调用的时候,React会重新调用render方法来重新渲染UI。state是React中的重要概念。React是通过状态管理来实现对组件的管理。那么,React是如何控制组件的状态,又是如何利用状态来管理组件的呢?
NOTES
长记
NOTES
短记
2023
04-23Nuxt3使用View UI Plus (iview)
官方文档:@import '~view-ui-plus/src/styles/index.less';
不应加~符号,应该是@import 'view-ui-plus/src/styles/index.less';2023
01-01Antd 新增App包裹组件
新的包裹组件,提供重置样式和提供消费上下文的默认环境。
简化 useMessage 等方法需要手动植入 contextHolder 的问题。2022
10-27create-react-app创建项目后启动过时警告
onAfterSetupMiddleware和onBeforeSetupMiddleware过时弃用警告
抽离配置文件,在webpackDevServer.config.js中替换目标方法2022
05-15MVC模式
MVC是model-view-controller的缩写,将应用程序分为模型,视图,控制器三部分,模型负责数据的存储和处理,视图负责数据的展示,控制器负责处理用户的输入和业务的处理。MVC模式中,视图和模型是相互独立的,通过控制器来协调它们之间的交互。
2022
05-17MVVM模式
MVVM是model-view-ViewModel的缩写,分别为模型,视图,视图模型三部分,视图模型是连接模型和视图的桥梁,它负责将模型数据转化为视图数据,并将视图数据绑定到视图上,也负责将视图中的事件转换为模型中的操作。
2022
05-25定时器最短时间
setTimeout的最短时间间隔是4毫秒,setInterval的最短间隔时间是10毫秒。
2022
05-25BFC
BFC是块级格式化上下文的缩写,它是一个独立的渲染区域,只有块级盒子参与,与外界毫不相干。计算BFC的高度时,浮动元素也参与计算。BFC可以阻止元素被浮动元素覆盖。
2022
05-30Generator
Generator是一种特殊类型的函数,它可以在执行过程中暂停并恢复。当调用Generator函数时,它不会立即执行,而是返回一个迭代器对象。每次调用迭代器对象的next()方法时,Generator函数会执行到下一个yield表达式。2022
06-21async await
async await是ES8引入的异步编程的解决方案,它是Generator的语法糖。async关键字用于定义一个异步函数,该函数返回一个Promise对象。2022
06-24proxy
ES6引入了Proxy对象,它允许你拦截对象的操作,并在拦截器函数中自定义对象的行为。new Proxy()第一个参数是要拦截的对象,第二个参数是要拦截的操作。
2022
06-27定时器参数
定时器第三个参数为第一个回调函数的参数
2022
07-01XSS
跨站脚本攻击,在任何可以输入的地方注入包含恶意脚本的script标签,作为参数传递给服务器,当用户浏览包含恶意脚本的页面时会执行脚本从而进行恶意操作。
2022
07-01CSRF
跨站请求伪造,利用用户已登录的身份发送恶意请求。
2022
07-07HTTP缓存
强缓存:直接读取本地缓存,不和服务端交互,状态码200;协商缓存:每次请求让服务器判断一下数据是否修改,如果没有修改返回304,从缓存中获取数据,如果有修改,则返回200,返回数据。
2022
07-12JS作用域和作用域链
作用域是指变量的可访问范围,作用域分为全局作用域和局部作用域。作用域链也就是查找变量的顺序,先在当前函数内部查找,如果没有,就去外层查找,直到找到或者到达全局作用域。
2022
07-20diff算法
diff算法是一种同级比较的高效算法。特点:同级比较,key比较,类比较。
2022
07-31fiber算法
fiber算法将递归遍历转换为循环遍历,将整个更新过程分为多个小的任务单元,每个任务单元只需要执行一小部分的工作,然后就可以将控制权交还给浏览器,从而避免了长时间的阻塞。同时fiber算法还引入了优先级的概念。2022
08-09常见的高阶组件
withRouter,connect,memo,forwardRef,Provide,PureComponent
2022
03-18memo
React.memo把全等比较改成浅比较,提高性能优化命中率。useMemo缓存计算结果。也可缓存函数组件的返回值。