sourceMap source-map cheap-source-map // 编译转化后的代码，并且只定位到首行， 生成.map inline-cheap-source-map 开发环境 --config-- --描述-- --map-- eval-cheap-module-source-map 折中的选择， 编译后的代码，定位不准， 没有生成…

Lane (通道设计) 不同类型的任务占有不同的通道位置， 一个通道可以存储多个任务 通道为总长31位的二进制码， 可用31位 位运算 &= 删除 二进制按位与=> 均为1则为1， 否则为0 |= 添加 二进制按位或=> 有一个为1，则为1 ~ 按位翻转 1=>0, 0=>1 ~0 = -1 -1的值 1111 11…

typescript Awaited 用于限定 promise.then 和 async/await 函数 的返回值类型， 可多层嵌套异步函数 type AC = Awaited<Promise<string|number>>; // string | number | PromiseLike<string | num…

首页加载缓慢 一、同构解决方案 使用场景：通过虚拟DOM，操作DOM; 有SEO需求； 客户端渲染：首页白屏，慢 服务端渲染：首页快，但每次跳转需请求服务端，慢 同构：结合客户端和服务端渲染的优点，服务端先渲染一遍html(静态页面)，客户端添加事件绑定。 解决首屏慢问题。 只首次访问请求服务端。 (1) 路由的处理 // 服务端渲染使用 静态路由…

create-react-app 替代方案 react-app-rewired npm install react-app-rewired customize-cra customize-cra addLessLoader 报错问题：Invalid options object. PostCSS Loader has been initialize…

副作用函数 (useEffect) 执行顺序 useState=>render=>useEffect，建立真实的DOM树之后（即浏览器渲染完成页面之后）开始调用 什么是副作用？ react 副作用主要作用是：React组件与React之外的第三方系统数据同步，例如：发送分析日志、服务器请求或者用React状态控制非React组件等等；是…

事件 小驼峰格式书写 onClick, onChange, onSubmit ... 受控组件事件属性 <input name="your-input" value={inputVal} onChange={(e)=>{console.log('your-input-event-keys', e)…

通用组件的通用DOM标准属性 名称 描述 建议或更多 accesskey 定义元素功能快捷键的方式: chrome/windows 环境： Alt + [key], <button accesskey="s"></button> => 快捷键 Alt + s 会有很多问题，不建议使用 aria-* …

React内置属性 适用于通用内置组件 名称 描述 建议或更多 children 子组件[React节点，string|number|portal|null|undefinded|boolean|HtmlElement|Array<React节点>] 只读 dangerouslySetInnerHTML 渲染html原始字符串 ref …

// myStyles.css .content-wrap { width: 200px; ... } .content-wrap-right { float: right; } // 引入 myStyles.css import './myStyles.css' // 配置 class 使用 <div className…