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...

meta标签常用字段属性 值 描述charset (HTML5) character_set 定义文档的字符编码。content text 定义与 http-equiv 或 name 属性相关的元信息。http-equiv content-type、default-style、refresh 把 co...

Shadow DOM接口是关键所在，它可以将一个隐藏的、独立的DOM添加到一个元素上，内部样式不会影响到外部的元素。代码示例如下：...