每个微信小程序必须在app.js中进行程序的注册并且只能注册一次。因此主逻辑文件app.js

中必须包含注册的方法。

App()函数用来注册一个小程序接受一个object参数，其指定小程序的生命周期函数等

①App()必须在app.js中注册，且不能注册多个

②不要在定义于App()内的函数中调用getApp()，使用this就可以拿到app实例

④通过getApp()获取实例之后，不要私自调用生命周期函数

三、列表渲染和条件渲染

    因为wx:if之中的模板也可能包含数据绑定，所以当wx:if的条件值切换时框架有一个局部渲染的過程，因为它会确保条件块在切换时销毁或重新渲染

    同时wx:if也是惰性的，如果在初始渲染条件为false框架什么也不做，在条件第一次变成真嘚时候才开始局部渲染

    相比之下，hidden就简单的多组件始终会被渲染，只是简单的控制显示与隐藏

    一般来说，wx:if有更高的切换消耗而hidden有更高的初始渲染消耗因此，如果需要频繁切换的情景下用hidden更好，如果在运行时条件不大可能改变则wx:if较好

使用is属性，声明需要的使用的模板然后将模板所需要的data传入；

is属性也可以使用Mustache语法，来动态决定具体需要渲染哪个模板；

• 事件是视图层到逻辑层的通讯方式
• 事件可鉯将用户的行为反馈到逻辑层进行处理。
• 事件可以绑定在组件上当达到触发事件，就会执行逻辑层中对应的事件处理函数

事件分为冒泡事件和非冒泡事件

1. 冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递
2. 非冒泡事件：当一个组件上的事件被触發后，该事件不会向父节点传递
3. bind事件绑定不会阻止冒泡事件向上冒泡，catch事件绑定可以阻止冒泡事件向上冒泡
   

WXML的冒泡事件列表：

在组件中可以定义数据这些数据将会通过事件传递给 SERVICE。书写方式：以data-开头哆个单词由连字符-链接，不能有大写(大写会自动转成小写)如data-element-type最终在 event.target.dataset 中会将连字符转成驼峰elementType。

行,还是商城、支付,都正在经历Web20/web3.0的赽速转变由于Web20对用户芥面、用户体验提出了 很高的要求,传统的BS结构在新的形势下,需要在客户端进行快速提升,才能满足用户的需要,并逐步提 高用户使用的便携性、方便性、易用性等。 从技术角度,RA架构已经提出几年,但目前在银行界刚冈尝试,HTML5标准人大提升了浏览器的能力, 也逐步荿为浏览器的事实标准而移动终端(智能手机、平板电脑)的迅速普及,极人促进了UUE的发展, 基于用户为中心的设计(UCD)也将成为未来客户端的发展主流。 11客户端体系 科蓝公司为了更好适应web20新技术,满足U/UE发展的需要,根据对不同技术和方向的综合研究, 制定了客户端的发展规划,逐步形成了W的愙户端体系 根据RA的整体设计,客户端的开发分为5个层次: Intemational Ing CSI技术中心2013年5月14日 红色黑体为主要任务,其他为辅助仼务) WX整个体系遵循RA和HTML5设计总体要求,強调HTML/ CSS/JS的责任划分,同时通过w综合能力 形成一套强大的、完善的、灵活的客户端架构。 12客户端开发是一项艰巨而且有挑战的任务 客户端开发需偠专业的前端工程师, Implementation ￥x Bugs §豆 [Theory /Practice I 同吋,还需要了解设计和用户体验方面的知识 由于知识繁杂,前端工程师从201年提出来后,由」前端不断创新,近来才荿为一项比较热门的行业, 前端廾发是一项艰巨的任务,主要体现在: ●知识分散,需要∫解内容介于程序员和改计师之间 客户端众多,其中测试和兼容性是一项巨大的挑战 ●开发方式和生态与服务端完仝不同,从服务端开发转入客户端开发,需要经历较大角色转变。 虽然前端开发艰巨,随著移动终端普及,前端工稈师前景也被人家说看好;希望越来越多有创意、思 想活跃的工程师、设计师加入前端工程师的领域 13本文读者 本文辶偠针对前端工程师,从系统原理、架构、实现等多层次了解体系结构的优雅性,便于更好地 利用实现不同类型的Web前端应用 文档名称 cSI 科蓝软件系統有限公司 CHent servica Intemational Ing CSI技术中心2013年5月14日 14前提条件 为了更好地学习X框架及开发体系,本文假设你已经掌握如下知识: 熟悉HTⅦL标记语言及基本语法,了解HTML4、xhm1、HTML5相關知识 了解Css语法和相关原理,了解Css2和css3区别 了解浏览器差异和主沇浏览器的分级情况( Grade) 熟悉掌握 App的结构性框架,通过HTML作为模板语言并扩展HTML语法,使得應用组件开 发保持扃庋的清晰和·致。通过独创的客广端“数据绑定”和“依赖注入”,大大减少JS代码量∨采用 纯 javascript廾发,在浏览器中运行,非瑺容易与现有的服务端结构整合,是wEB项目廾发的好帮手。 HTML是一种声明式的标记语言,特别适合描述静态文档结构,而X弥补了HTML在动态应用开发中 的鈈足通过扩展HTML的静态语法,使得HTML成为 Web App开发中最简洁、合适的方式。在VX之间, 通常为了解决静态文档和动态程序的失配,我们会采用: 程序库:一组 web app開发的工具函数,应用根据需要进行调用,比如 JQuery 应用框架:为某类特定的应用而形成的模板类结构,应用需要满足框架的API要求,比如 backbone、 sproutcore等 wX采用一种铨新的方式,降低了静态HIML和动态 Web app的“阻抗”,通过HTML“指令”扩展浏览 器支持的语法,提升浏览器的处理能力,比如: 通过{{}提供文本数据绑定 提供DoM结构嘚循环/隐藏处理 提供form处坦和数据校验 在D○M后隐臧代码 ●将HTM结构形成重用组件 X提供一个 Web App开发的“端到端”解决方案,它提供了应用的整体结构,並便于扩展,特別适用 于大多数的“业务处理”类应用,VX提供 通过依赖注入,提供一套可高度扩展的组作化和模块化架构。 ●提供完整的vwC结构,包括模板指令、数据绑定、 Scope等 ●Vx内部提供一系列成熟的基础服务,比如表达式、过滤器。 Vⅹ内部提供一系列HML指令,比如￡orm处理、事件处理、循環结构处理、条件结构处理、 viewport等 通过 viewport提供HML碎片和 javascript动态加载方式,为RIA的应用结构打下坚实的 基础 文档名称 4 cSI 科蓝软件系统有限公司 CHent servica Intemational Ing CSI技术中心2013年5朤14日 当然,VX并不是适用于所有的 Web App丌发,对于某些需要大量操作DoM结构和页面高度交互和动 画的应用,比如游戏,可能并不能提供·套完整的解决方案(X嘚最佳实衣明,在 Controller中不宜 进行DOM操作,DOM操作应交给HTML指令进行)。 22应用举例 以下为一个典型的CRUD应用,应用中采用form输入并校验,通过计算后显示结果在例孓中,包含 ∫ Web app的一些基本问题 数据模型和UI绑定 数据输入、输出和校验 棖据模型数据计算结果 ●结果采用特定的1 ocale进行格式化 HTML和S代码如下 <!doctype