Webpack 构建性能优化

1.关闭source-map选项 【压缩构建文件大小,避免生成调试文件,只针对线上环境】 2. HappyPack 配置附配置 :const HappyPack = require('happypack'); const ParallelUglifyPlugin = require('webpack-parallel-uglify-plugin'[...]

HappyPack配置

npm install happypack --save-dev { test: /\.(js)$/, exclude: /node_modules/, use:{ loader: 'happypack/[...]

JS开发小技巧

1. 类型强制转换1.1 string强制转换为数字可以用*1来转化为数字(实际上是调用.valueOf方法) 然后使用Number.isNaN来判断是否为NaN,或者使用 a !== a 来判断是否为NaN,因为 NaN !== NaN'32' * 1 // 32 'ds' * 1 // NaN n[...]

React 组件生命周期

getDefaultPropsobject getDefaultProps()执行过一次后,被创建的类会有缓存,映射的值会存在this.props,前提是这个prop不是父组件指定的 这个方法在对象被创建之前执行,因此不能在方法内调用this.props?,另外,注意任何getDefaultProps()返回的对象在实例中共享,不是复制getIni[...]

图片在div中等比缩放

width: auto; height: auto; max-width: 100%; max-height: 100%;