分类 前端 下的文章

ui-grid 改变列名

  在我看了,ui-grid 算是功能完备的AngularJs 表格库了;也许是功能太完备了,官网并没有列出一些use-case。最近,在动态改变ui-grid 列配置的时候发现相同字段名的列名没有更新。本来打算去提issue 的了,后来在一个关闭了3年的issue 里找到答案了;原来ui-grid 更新列配置的时候也会更新也会更新相同字段的列名,只是不支持自定义列名模板(headerCellTemplate)而已(Demo)。

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 打包脚本的时候,发现相对于当前文件路径对重构后的打包不友好。所以去查了下,看看能不能指定一个相对路径。你看到这篇文章的话,就意味着我找到了。

您的浏览器已过时

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

×