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.

付振华 前端开发环境优化

3,155 views

Published on

付振华 前端开发环境优化

Published in: Technology
  • Be the first to comment

付振华 前端开发环境优化

  1. 1. 》前端开发环境优化 网易游戏 • 网站组 付振华 2010 年 Webrebuild 年会广州站
  2. 2. 大四时,我按照 web 标准做了一份网页制作课的作业得了 76 分, 用表格和“胶水”临时帮朋友拼的网页得了 93 分, 这件事让我明白了一个道理: 好东西要首先分享给朋友
  3. 3. 〉 前端开发环境
  4. 4. 〉前端 开发环境 HTML CSS Javascript CSS Javascript CSS Javascript 顶部条 内容 版权 … .
  5. 5. 〉前端 开发环境
  6. 6. 〉 前端开发环境 <ul><li>多终端、多种浏览器 </li></ul><ul><li>网络环境复杂 </li></ul><ul><li>用户体验要求高 </li></ul><ul><li>… </li></ul>
  7. 7. 〉 前端开发环境 <ul><li>规范如何推行? </li></ul><ul><li>代码如何复用? </li></ul><ul><li>经验如何积累? </li></ul><ul><li>… </li></ul>
  8. 8. 假如把建造航天飞机的全部资料都提供给古埃及人, 并且假设他们能够理解这些资料,那么古埃及人可以建造出航天飞机么?
  9. 9. 〉 经验知识怎样继承和运用?
  10. 10. 文档 人工环境 社会群体
  11. 11. 〉 团队如何协作?
  12. 12. 制度 流水线 规范 工具
  13. 13. 〉工具是关键
  14. 14. 〉前端开发的工具
  15. 15. 〉 开发环境优化
  16. 16. 〉 理想的开发环境 HTML CSS Javascript
  17. 17. 〉 开发环境优化 HTML CSS Javascript 仿真测试环境 API 发布器 内容解释器
  18. 18. 〉 一次编写多处兼容
  19. 19. 〉为可 复用代码提供简单的 API
  20. 20. 〉 推行规范
  21. 21. 〉 积累知识、推进合作
  22. 22. 〉 目前的进度 <ul><li>import,min-height,png,:hover,CSS3 </li></ul><ul><li>nie:copyright, nie:video, nie:topbar,nie:panel </li></ul><ul><li>header,bodyer,footer,page </li></ul><ul><li>jQuery </li></ul>
  23. 23. 〉 demo 演示
  24. 24. 〉扩展思考 <ul><li>怎样让每个人的经验成为集体的智慧? </li></ul><ul><li>怎样让新人快速学习提高? </li></ul><ul><li>集体智慧如何管理和构建? </li></ul><ul><li>集体智慧如何成为每个人的百宝箱? </li></ul>
  25. 25. 〉参考资料
  26. 26. 谢谢 ;-)

×