一站式前端框架要点.pptx

一站式前端框架dojo简介 张卫滨 有没有搞错，没有HTML5？ About me 2007.7—至今 东软基础软件事业部PSD 关注领域 Web前端开发技术：JavaScript、 RIA框架、HTML5、性能优化 Java开发技术，Spring、Hibernate、OSGi、Eclipse等 软件复用 联系我 邮箱：levinzhang1981@ 新浪微博：@张卫滨1895 技术博客：/ Agenda 很久很久以前…… 互联网传输的速度很慢 网站上，基本上都是以内容展现为主，较少的交互 IE浏览器占据了市场的绝对优势 浏览器中，JavaScript只是用来做表单验证等工作 业务应用基本上均以Client/Server的架构提供 总之，web1.0时代，是提供内容为主，至于你看不看，看了有啥想法，我不管 然后…… 互联网进入2.0的时代，代表事件为blog、论坛的兴起 注重交互，任何人都是网络信息的生产者 Brower/Server的架构大量应用于企业级应用的开发 随着Ajax模式的兴起，JavaScript得到了广泛的应用 CSS/DIV的理念被广泛应用于Web开发 浏览器不再是IE一家独大 大量的前端框架井喷出现，提高了开发的效率 再然后…… 对更炫的界面和更好用户体验的无休止追求 开放平台和API方案兴起 跨平台的web应用 HTML5和CSS3得到业内的广泛关注 我们正处于一轮巨大的变革之中 用个图来看看吧 Agenda 如果没有遇见你…… 处理让人头疼的浏览器兼容性问题 处理所有的Ajax请求 无休无止的规范，无休无止的beta 好吧，给我做个像桌面应用一样酷的应用 OK，终于做出来了，但你不能让我等10秒钟才看到页面吧 大量前端代码的维护简直就是噩梦（这段代码曾经上帝和我能看懂，现在只有上帝能看懂啦） 框架大集合 世界因你而不同…… 不用担心浏览器兼容性问题了 工具类处理dom、事件 统一的Ajax封装，不用自己发请求，解析返回值 大多提供类和继承机制，利于大规模程序的开发 用户界面组件，界面统一，效率提升 使得开发人员以一种类似的风格进行程序的开发，便于后来人员的维护 形象得看一下 浏览器API Web应用 浏览器API Web应用 前端框架 Agenda dojo是什么？ 由Alex Russell, Dylan Schiemann等人始创于2004年 Unbeatable JavaScript Tool 开源、非盈利 最新版本1.7.2 谁在支持dojo？ 为什么用dojo？ 对JavaScript和DOM的增强 完善的包和类管理机制 AMD规范的良好支持 Ajax的封装 DOM的封装 HTML5和CSS3的支持 完善且样式统一的组件 生命周期管理 多种使用方式 便于扩展 工具 自动构建 测试 其他 众多厂商支持 社区活跃 dojo的组成 一站式前端解决方案 Core dijit dojox 核心库 AMD加载器 类机制定义 Dom和ajax封装 数据结构 …… UI库 组件的生命周期定义 扩展的机制 表单类组件 容器类组件 …… 各种你想要的东西 dojo mobile Comet 高级动画 3D等 图表 …… 再近一点看看—core dojo.js dojo/_base dojo Core 再近一点看看—dijit 完善的组件生命周期 丰富的组件库 可扩展的插件开发机制 再近一点看看—dojox 丰富多彩的开源库 图表 Mobile 工具类 仪表盘 对HTML5的一些封装 （如web socket、本地缓存等） 注意： 目录有些凌乱（好东西慢慢淘） 稳定性难以保证 谁适合用dojo 如果您的应用满足以下条件，那推荐dojo： 需要使用大量组件 需要复杂的交互体验（类似桌面应用） 另外，如果主要用于企业内联网，那dojo更适合了 如果您的应用是以下的场景，请尽可能考虑其他框架： 内容以展现为主，主要是静态内容 不需要组件，只需要一些dom和ajax 的工具 开始使用dojo script type=“text/javascript” src=“../../dojo/dojo.js” data-dojo-config=parseOnLoad: true, isDebug:true/script 值得注意的是，可以通过data-dojo-config增加一些关于dojo的配置信息，如async属性设置是否异步加载依赖的JS文件。 dojo解决实际编程问题—OO 概况 dojo通过dojo.declare声明类 支持类的多继承 支持自定义构造方法和postscript方法 支持链式调用父类方法 示例 参考文章： /cn/articles/zwb-dojo-class-mechanism-introduce