付振华 前端开发环境优化

3,005 views
2,872 views

Published on

付振华 前端开发环境优化

Published in: Technology
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,005
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
87
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

付振华 前端开发环境优化

  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. 谢谢 ;-)

×