Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Writing better code

1,265 views

Published on

writing better code

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

Writing better code

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

×