使用 Mobx + Hooks 管理 React 应用状态

Step 1️：创建一个 Store Model // ./src/stores/todo.ts import { action, observable, computed } from 'mobx'...

vscode eslint

settings.json: "eslint.options": { "overrideConfig": { "env": { "browser": true, "es6": true }, "par...

umi3 配置css modules

export default defineConfig({ cssLoader: { modules: { auto: true, }, }, })

JS跳转阻止后退至上一页面，没有历史记录

window.location.replace 1 window.location.replace('要转向的页面') //不会有历史记录 1 2 3 4 let backLen = history....

MiniCssExtractPlugin less不能热更新

原本打包过后是css-in-js,配置完MiniCssExtractPlugin后,可以将css单独打包出来 配置 1,安装npm install --save-dev mini-css-extrac...

vite Uncaught ReferenceError: require is not defined

优先通过修改源代码来解决；修改后记得重启，有的依赖需重新处理 其次通过预构建或 CommonJS 插件处理； 为了解决这一问题，我对搜索到的数个 CommonJS 插件进行简单地试用，最终基于成熟、可...

TypeError: Cannot read property 'javascript' of undefined + terser webpack plugin + react js

Hi you are using Webpack 4 and Terser ^5.0.0. This version of Terser is for Webpack 5, you need...

javascript：类型’Readonly <{children？：ReactNode;不存在属性’XYZ’； }>

interface&nbsp;IRecipeProps&nbsp;{ &nbsp; ingredients?:&nbsp;string[]; &nbsp; title?:&nbsp;string; &...

element table表格闪动

1.el-table 增加99.9%的宽度 2.&nbsp;&nbsp; .el-tableheader,.el-tablebody,.el-tablefooter{ border-collapse:...

React 性能优化之组件动态加载（react-loadable）

React 项目打包时，如果不进行异步组件的处理，那么所有页面所需要的 js 都在同一文件中（bundle.js），整个js文件很大，从而导致首屏加载时间过长。 所有，可以对组件进行异步加载处理，通常...