2013前端开发之准备随记

 一,如何保持最新的Web技术

1,睡个好觉
2,清晰的列出所有的选项
3,考虑每个选择的结果
4,选择最好的一个开始做
5,看它进展如何
 
二,一个新的基线前端开发者
 
===模块化===:
1,保持你的脚本的<head>外
2,限制http请求的数量
3,缩小减少http开销
 
AMD
RequireJS/Almond,
UglifyJS(JS代码优化工具),
Closure Compiler(JS代码压缩工具)
 
===开发工具===:
 
console.log(输出日志)
console.dir(输出对象的结构)
editing CSS,
查看Network,
firebug调试,
breakpoints & step debugging (断点,步调试)
timelines & profiles,(时间线,配置文件)
其他浏览器
 
命令行:
 
===css样式===:
模块化css
合并css
压缩css
 
SASS(http://sass-lang.com/),
Stylus(http://learnboost.github.com/stylus/),
LESS(http://www.lesscss.net/),
CSS优化
 
===测试===:
模块化代码使测试更容易
代码质量:
微妙的缺陷在代码可以毁掉你的天,一个项目现有的风格
JSHint,
pre-commit hooks
编辑器插件
 
 
原文:
【https://speakerdeck.com/chriscoyier/how-to-stay-up-to-date-on-web-technology】
【https://speakerdeck.com/rmurphey/a-new-baseline-for-front-end-devs】

你可能感兴趣的:(开发)