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