sublime如何配置stylelint

stylelint

A mighty, modern CSS linter and fixer that helps you avoid errors and enforce consistent conventions in your stylesheets.

以前我简单发过一篇csslint的公众号,时过境迁,csslint已经落后于时代,不禁又要感叹一句:前端变化好快。

stylelint是一个检测你css、scss代码写得规不规范的工具,你看stylelint的logo是一个整齐的领结,估计也是帮助开发者写出整齐的代码,对强迫症的开发者来说是一个福音,所以我果断的装进了我的Sublime编辑器里。下面来简单的介绍一下。 继续阅读“sublime如何配置stylelint”

记一次Code Review

最近同事之间互相在review代码,这是我对同事的一次review分析,他看不到所以得罪不到。

主要Review的是这页面的js:https://newhouse.591.com.tw/home/housing/vr

1.eslint检测

eslint-error
eslint-error

自从我们有了使用eslint检测代码的优良传统,首先要做的就是消除eslint的错误提示。 继续阅读“记一次Code Review”

答非所问

某天我的公众号收到了一份较长的留言,让我觉得每天坚持发个一两句话还是值得的。留言的具体内容是什么,我就不公开了,来自一位陌生的学生,她表达了一些困惑。因为是早上,我赶着上班就没有好好回答那些问题,现在我再记录一下,不算是回答她的问题,而是对我自己的大学时光做一个总结。 继续阅读“答非所问”

sublime如何使用eslint

JavaScript的校验工具有很多,例如JSLint、jshint、JavaScript lint、eslint等等,刚接触这些会傻傻分不清楚。简单来说,JSLint是大牛Douglas crockford撰写,是比较老派的工具,诞生于IE6时代,主要从浏览器的兼容性去考虑;jshint可以看做是jshint的升级版,扩展了JSLint的一些功能;而JavaScript lint和JSLint派系并不相干,估计用的也少;现在最符合时代变化的工具应该是eslint了,一脉相承,可配置性高,下面来看看在Sublime里面如何使用eslint。 继续阅读“sublime如何使用eslint”

CSS sprite和他的小伙伴

这个月要在591工程部门的分享会上分享css sprite的相关知识,我先收集一些资料,了解一下大致的来龙去脉。

 

在http1的时代(http2有所不同),能够有效减少http请求数,减少网络握手延时,就会对前端的性能提升起到很大的帮助。雪碧图作为一种图片拼合技术,将多个小图合并成一张大图,能够大大节省请求次数和减少图片字节大小,从而成为前端工程师作为性能优化的必做工作。但是在刀耕火种茹毛饮血的前端时代,雪碧图只能手动拼合,实在是一种费时费力爹不疼娘不爱的苦力工作。

本文主要讲述了如何借助compass和其它相关工具自动合成css雪碧图,来解放生成力、以及针对雪碧图的应用场景简单说明了图标字体和svg作为替代方案的应用案例。 继续阅读“CSS sprite和他的小伙伴”