HTML5系列技术培训讲解.pptx

HTML5系列技术培训;;开发工具;系统结构;Block设计;;Backbone 技术点;Marionette的核心价值在于: 模块化，事件驱动的架构 提供特定的view类型，少view呈现的套路化代码 用Application及附着在其上的模块实现模块化架构 借助?Region?和?Layout，在运行时组合应用的显示效果 在可见区域内的嵌套式视图和布局 内置的内存管理功能，可以杀死 views, regions 和 layouts 中的僵尸对象 灵活, 用啥装啥 架构 Marionette的思想师承 Backbone，它提供的组件也是那种即可独立使用互不干扰，又可相互合作共同发力。但它没像Backbone那样停留在结构化的组件上，在应用层面上提供了很多组件(component)和构件(building block)。 其核心组件包括：而是 Marionette.Application: 可以用它创建一个通过initializers启动应用的 application 对象，不过不光如此，它还有很多能力 Marionette.Application.module: 用来在应用内创建模块和子模块 Marionette.AppRouter: 路由定义就应该只是配置 Marionette.View: 让其它Marionette views扩展的基本View类型 Marionette.ItemView: 用来显示一条数据项的view Marionette.CollectionView: 用来遍历集合，显示每个模型对应的?ItemView?实例 Marionette.CompositeView: collection view 和 item view的组合, 用来显示 分支/组合 模型的层级数据 Marionette.Region: 管理应用中的可见区域，包括内容的显示和移除。 Marionette.Layout: 用来画布局的view，还会创建区域管理器来管理其内部的regions。 Marionette.EventBinder: 事件绑定管理器，实现事件的绑定和unbinding Marionette.Renderer: 以一致和通用的方式来渲染带或不带数据的模板;RequireJS是一个工具库，主要用于客户端的模块管理。它可以让客户端的代码分成一个个模块，实现异步或动态加载，从而提高代码的性能和可维护性。它的模块管理遵守AMD规范（Asynchronous Module Definition）。 RequireJS的基本思想是，通过define方法，将代码定义为模块；通过require方法，实现代码的模块加载;NVD3 图表控件;HTML5学习指导;THANK YOU