随着现代浏览器对JavaScript的支持，使之成为了最易访问的开发语言。 在2010年，对于前端开发者来说，JavaScript的库与框架就已经成熟稳定。 1. AngularAngular 是当今最成熟的JavaScript框架之一，Google公司早在2010年发布了它的第一个版本AngularJS。随着2016年Angular 2的发布，它…

# MVVM（Model–view–viewmodel） ## 基本流程 1. 获取DOM元素 ```javascript el.cloneNode(true) //特点：具有移动性，将html中的dom元素剪切成html字符串。 解析元素创建渲染function 构造观察对象 使用 Object.defineProperty： var confi…

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-* …