.env 文件修改完毕后执行 npm start 等待出现消息 all done. enjoy. 完成转换，效果如下： copies or substantial portions of the Software. MERCHANTABILITY, FITNESS FOR A …

border边框属性可以说是我们在网页布局中最常用不过的一个属性之一。border它不只是边框，它还有很多非常有用的“黑魔法”哈，让我们一起来学习一下。 是不是剩下4个不同颜色不同方向的三角形了，继续往下看，一起来见证下border的黑魔法。 ... 下面代码都会用简写的形式。…

项目经理：我们要开始一个新的项目，裤裆你来负责项目构建吧。 我：好的没问题，经理请稍等。 我：好了，我们开始吧。 我：接下来没了，可以开发了。 我：。。。。。。 项目经理：（拂袖而去，远远地听到空中传来一句话）年轻人，切勿急躁，稳中求胜啊。 我：项目急的时候你不是这么说的。 我…

最近项目频频遇到 CDN 劫持的事情，学习到可以通过 Subresource Integrity 的方式有效应对。 SRI 全称 Subresource Integrity - 子资源完整性，是指浏览器通过验证资源的完整性（通常从 CDN 获取）来判断其是否被篡改的安全特性。 …

使用webpack4提升180%编译速度

简单的说，骨架屏就是在页面未渲染完成的时候，先用一些简单的图形大致勾勒出页面的基本轮廓，给用户造成页面正在加载的错觉，待页面渲染完成之后再用页面替换掉骨架屏，从而减少页面白屏的时间，给用户带来更好的体验。 可以看到，DOM里面有一个div#app，当js被执行完成之后，此div…

webpack 在如今的前端开发中，算是不可绕过的一个工具吧。特别是在开发SPA应用的时候，无论是开发环境，还是打包上线，都十分依赖webpack。 Let's go。 安装好 webpack 依赖后，创建 src 文件夹，并在 src 中新建一个 index.js。 好，完事…

js一门很容易入门但是很难精通的语言。我很认同这句话。这是因为js是一门古老的语言同时也是一门很灵活的语言。有着一堆神秘的语法和过时的功能。我已经使用js很多年了，迄今为止，我时不时地会发现一些我从未知道的隐藏语法或技巧。 我试图列出一些鲜为人知的js特性。虽然有一些特性在严格…

√多环境配置 √proxy √修复HMR失效 √修复Lazyloading routes Error √添加别名 √去除无效css √打包分析 √ 配置externals √sass提供全局样式及变量 √文件上传alioss √添加IE兼容 √开启gzip