司徒正美

http://web.jobbole.com/82441/

手机百度前端工程化之路

1

本文将围绕作者半年来在移动前端工程化做的一些工作做的总结，主要从localstorage缓存和版本号管理，模块化，静态资源渲染方式三个方面总结手机百度前端一年内沉淀的解决方案，希望对大家移动开发有所帮助。http://mweb.baidu.com/p/baidusearch-front-end-road.html

http://codepen.io/anon/pen/QwPVNW?editors=110 ``` html Payment Issue Date Amount Period Payment #1 02/01/2015 $2,311 01/01/2015 - 01/31/2015 Payment #2 03/01/2015 $3,211 02/01/2015 - 02/28/2015 ``` ``` css body { font-family: arial; }...

从 CSS 到 SCSS 的规模化过渡

2

http://www.w3cplus.com/preprocessor/transitioning-to-scss-at-scale.html

下半年要做的事

1

mmAnimate动画引擎，基于Promise完成过半， 以后会设计对应指令 mmState 基于状态机的路由系统钟，杨 95% avalon移动套装 avalon.touch, avalon.gesture, avalon.shake, avalon.iscroll)杨乾军 基本完成， 现在是直接使用avalon.mobile avalon ms-duplex2.0 像JAVA的struts框架那样,可以添加N个拦截图,进行数据格式化,验证,光标引导,数据类型转换钟 avalon1.3.9已经集成 avalon 视频教材两套 陆 基础教程已经完成 avalon验证框架 基于avalon ms-duplex2.0 钟， 完成 avalon树组件 杨， 完成 注释转文档工具现在可以处理Oniui的JS文件 钟，李，...

如何调试移动端网页

2

http://yanhaijing.com/mobile/2014/12/17/web-debug-for-mobile/

用PhantomCSS、PhantomJS、CasperJS和Grunt的进行CSS测试

1

http://www.phase2technology.com/blog/css-testing-with-phantomcss-phantomjs-casperjs-and-grunt/

Web性能优化之图片优化

1

http://www.codeceo.com/article/web-performance-image.html

http://www.w3ctech.com/topic/669 http://font-spider.org/

CSS框架的设计

1

先定义一个英文字体再定义中文字体，这是因为英文字体中一般不含有中文，执行的时候英文和阿拉伯数字选用“Arial”,中文的字体使用第二个字体“微软雅黑”。比如，可以这样来定义WordPress中的中英文字体： ``` css body{ font-family: Arial,"微软雅黑"; } ``` *需要注意的是，这样的做法对符合网页规范的浏览器比如Firefox虽然有效，但对IE6、IE7会导致中文字体设定无效，也就是说，这样的办法对于微软的IE系列来说等于不设置中文字体，而只是采用系统默认的“宋体”来显示网页内容。 也可以指定两个class分别分配给中文和英文内容，这样就可以对IE也实现如上的字体效果，并可以为中英文的显示进行更详细的定制（比如字号等属性），但缺点是这样的做法比较繁杂，使用上不太方便，特别是对博客这样的中英文混编的文章内容来说更是麻烦。