SimpleXD

前端团队有评审代码的要求，但由于每个开发人员的水平不同，技术关注点不同，所以对代码评审的关注点不同，为了保证代码质量，团队代码风格统一，特此拟定一份《前端团队代码评审 Ch...

1. 内置对象 JavaScript是面向对象的语言，为了方便操作基本类型值，ECMAScript还提供了3种特殊的引用类型：Boolean, Number, String...

（一维)数组去重最原始的方法就是使用双层循环，分别循环原始数组和新建数组；或者我们可以使用indexOf来简化内层的循环；或者可以将原始数组排序完再来去重，这样会减少一个循...

webpack 是目前 javascript 主流的工程自动构建工具，目前 Vue，React 以及 Angular 等项目脚手架都是基于 webpack 进行构建的。 为...

开发环境和生产环境的构建目标是有很大的不同的。 在开发环境中，为了便于代码调试以及实现浏览器实时更新,我们需要开启 source map 和 localhost serve...

如果没有设置 mode ，webpack 默认以 production 模式进行打包。 webpack-dev-server 是 webpack 官方提供的一个小型 Exp...

在之前的 demo 中，webpack 打包后会在根目录下自动创建 dist 目录，并且把生成的文件输出到 dist 下。 当配置的输出包名含有 [hash] 时，hash...

通过 IcoMoon 平台，我们可以挑选和定制项目所用到的字体 icon ，最后导出字体的 eot , svg , woff , ttf 格式，并包含一个定义了 @font...

url-loader: 可以将 css 文件中的字体和图片 url 转化为 base64 字符串，从而减少对资源的发起 http 请求次数。 实现对文件进行处理，比如修改文...

虽然webpack4不支持 ExtractTextWebpackPlugin 插件，但是我们可以使用 mini-css-extract-plugin 来实现把 css 提取...

transform 样式被添加了相应的前缀。...

1.如何处理scsssass-loader>css-loader>style-loader(以<style>标签形式添加到html中)或sass-loader>file-l...

在 webpack 中，所有类型的文件都是模块，比如 js、css、图片、字体、json（可以说是万物皆模块）。 但是，在普通的 js 代码中，我们直接 import (或...

借助于 es6 (es2015) 模块系统 (import 和 export) 的静态解析，webpack 能够利用 Tree Shaking 进行按需加载，移除掉没有被引...

在单页面或多页面应用中，通过代码分离的方式，能够优化性能。 比如把异步加载的代码分离成一个单独的chunk，等到需要调用的时候再按需加载（比如click时），这样可以减少首...

从 webpack4 开始，用 SplitChunksPlugin 插件替换了 CommonsChunkPlugin 插件。 相对于 CommonsChunkPlugin ...