参考：1、深入探究event loop与浏览器渲染的时序问题...

`focus`与`blur`事件不触发冒泡`focus`与`blur`事件可以触发捕获`IE`下可以通过`focusin`与`focusout`来解决//非IE，input,textarea 中focus,blur事件委托 在事件捕获阶段处理 (document.documentElement || document.body).addEventListener('focus',function(...

html简单代码<div class="parent"> <div class="son"></div> </div> 1、定位 + margin负值/margin:auto/transform.parent{ width:400px; height:400px; position:relative; back...

1、使用纯组件 PureComponent 它对状态和 props 数据进行浅层比较（shallow comparison）。如果先前的状态和 props 数据与下一个 props 或状态相同，则组件不会重新渲染。（比较基元和对象引用）2、使用 React.memo（高阶组件）进行组件记忆 ，同时可以自定义比较函数，作为第二个参数传给memo3、使用 shouldComponentUpdate 生...

1、添加meta viewport标签<meta name="viewport" content="width=device-width, viewport-fit=cover"> 2、ios 11.1以下使用constant ,以上使用env，底部fix元素添加如下css属性.fixed{ box-sizing:content-box; padding-bottom:c...

arguments对象是所有（非箭头）函数中都可用的局部变量。你可以使用arguments对象在函数中引用函数的参数。非严格模式下，对形参重新赋值会改变arguments的值function test(a,b){ a = [].shift.call(arguments); console.log(Array.from(arguments)); } test(1,2);// [1];...

yarn的包遵守semver,即语义化版本。定义的格式为 X.Y.ZX.主版本号：进行不向下兼容的修改时，递增主版本号Y.次版本号: 做了向下兼容的新增功能或修改Z.修订号：做了向下兼容的问题修改yarn中依赖版本范围的表示方法有以下几种:1、通过比较器 > 2.0.02、通过连字符 2.0.0 - 3.1.43、范围 * ,2.x 4、～字符范围 ～3.1.4 表示大于...

// 计算加载时间 function getPerformanceTiming () { var performance = window.performance; if (!performance) { // 当前浏览器不支持 console.log('你的浏览器不支持 performance 接口'); return; } var t = performance.timing; var t...