分类 前端 下的文章

BrowserSync 启动慢

  忘了从什么时候开始「保守估计应该有好几个月了」,BrowserSync 的启动就变得很慢了;大概要两到三分钟才能启动完。前几天我痛定思痛,花了点时间查相关资料;最后在stackoverflow 找到解决办法了。据这个回答说,BrowserSync 的推特账户推荐加上online: true 这个配置。

居然有!important 不好使的情况

  有不少的文章都说没有什么必要的话,尽可能的不要使用!important。但在实际开发的时候,总有那么一两处匹配了好几个规则,这时候使用!important 相对于分析已匹配规则的优先级来说,无疑是剩下了宝贵的时间。然而,常在河边走,哪有不是鞋。终于,在前几天的时候遇到了连!important 都不管用的情况了。

分享 • 查npm 包的大小

  前段时间被问到某个引入的依赖有多大,刚好那个包上并没有说明大小,所以当时的我是懵比的。后来用谷歌找到了个查npm 包的大小的网站,直接在上面输入包名就可以了。它上面的数据具体准不准确就没有细究了,不过排版倒是蛮简洁的。

ECMASCript 6 的解构赋值

  解构赋值是ECMASCript 6 「简称ES6」中新增加的特性之一。MDN 上面是这样定义的:The destructuring assignment syntax is a JavaScript expression that makes it possible to unpack values from arrays, or properties from objects, into distinct variables. 翻译过来就是:解构赋值可以将数组元素或对象属性赋值给不同的变量「这个范围其实不太准确」。个人觉得一般情况下解构赋值对于数组来说没有多大的意义,因为并没有减少多少代码。当然,如果你要赋值多个数组值的话,使用解构赋值是比较简洁。

传入参数给npm run xxx

  有时候,我们希望执行npm run xxx 时能够有更多的选择;比如说:不使用babel 处理,不生成source map 等。为了更好的管理和维护,编写另外的脚本来实现是不可取的。最好还是脚本初始化的时候询问用户,或者加命令行参数来控制。我个人比较偏向与后者^_^。

关于sass 的import

  sass 的import 默认是相对当前文件路径的;一般来说,没啥特别的。但是,最近我重构gulp 打包脚本的时候,发现相对于当前文件路径对重构后的打包不友好。所以去查了下,看看能不能指定一个相对路径。你看到这篇文章的话,就意味着我找到了。

NPM 列出全局安装的包

  今天看到了ESLint 的恶意代码事件,所以马上自查一下有没有中招>_> 。项目上的比较好检查「只要检查package.json 就好了」,而全局安装的包就没有头绪了「本来我还想去全局的node_modules 文件夹看的...」。最终还是从Google 查到了解决办法。

您的浏览器已过时

要正常浏览本网站请升级您的浏览器。现在升级

×