Writing Better Code
袁川 2010/12 [email protected]
一、编程风格二、高效地使用工具三、前端结构
一、编程风格1. DRY 原则 -- Don't Repeat Yourself
2. 命名清晰一致,缩进整齐统一3. 少耦合,多正交4. 适当的注释
命名方式不一致ShowPosPara()
getCallback()
applyInfo_Punch()
神秘的数字无意义的变量名 h, h2
间隙不够,可读性差
吓人的 Tab
容易导致很难发现的 bug
多余的属性 低效率
重复重复重复
一处改变,许多地方都要修改增加新的操作困难
改进 1 : 把 ID 单独放在一边,避免耦合
为什么要关心程序风格?
A developer who doesn't care about style is like an artist, a painter,who doesn't care about color. ---- Brian Ensink
Q:
Wiki : http://192.168.1.69/styles/js/ http://192.168.1.69/styles/css/
二、高效地使用工具1. 调试工具2. 源代码管理工具 , svn, git 等等3. 编辑器, IDE
三、前端结构
a. 做到 html( 内容 ) css( 表现 ) javascript( 行为 ) 相分离b. 向 web 标准靠拢c. 保持良好的性能
1. 原则
2. 当前系统的层次关系
App App App App
IE6/IE8/FF/Chrome/Safari/..
基础库 jQuery
公共组件
DOM 选择器 事件模型ajax 封装
动画效果实用工具....
树结构弹出窗口Grid
日期选择框, jQuery 扩展 ....
3. 缺少的关键部分---- 封装良好的 程序核心
扩展困难名称空间混乱API 不统一无代码规范,难以维护复用困难复杂性在增长
目前出现的问题:
4. 建立核心框架与公共组件
UI 库Debug 工具数据验证工具数据存储通信接口其它扩展......
aiocp
任务不是想象当中的简单,需要大家一起努力
分享技巧
http://www.slideshare.net/paul.irish/perfcompression