第二章总结

2.1.1主体文件
微信小程序的主体部分由3个文件组成,这3个文件必须放在项目的主目录中,负
程序的整体配置,它们的名称是固定的。
app.js小程序逻辑文件,主要用来注册小程序全局实例。在编译时,app.j文和其他页面的逻辑文件打包成一个JavaScript文件。该文件在项目中不可缺少。
app. json小程序公共设置文,配置小程序全局设置。该文件在项目中不可缺少 app.wxss小程序主样式表文件,类似HTML的.css文件。在主样式表文件中的样式在其他页面文件中同样有效。该文件在项目中不是必需的。
2.1.2 页面文件
小程序通常是由多个页面组成的,每个页面包含4个文件,同一页面的这4个文件具有相同的路径与文件名。当小程序被启动或小程序内的页面进行跳转时,小程序会相 app.json 设置的路径找到相对应的资源进行数据绑定。
.js文件页面逻辑文件,在该文件中编写JavaScript代码控制页面的逻辑。该在每个小程序的页面中不可缺少。
.wxml文件页面结构文件,用于设计页面的布局、数据绑定等,类似HTML页中的.html 文件。该文件在页面中不可缺少。
.wxss文件页面样式表文件,用于定义本页面中用到的各类样式表。当页面中有式表文件时,文件中的样式规则会层叠覆盖app.wxss中的样式规则;否则,直接 app.wxss中指定的样式规则。该文件在页面中不可缺少。
.json 文件页面配置文件。该文件在页面中不可缺少。
2.2 小程序的开发框架
微信团队为小程序的开发提供了MINA 框架。MINA框架通过微信客户端提供文件系网络通信、任务管理、数据安全等基础功能,对上层提供了一整套JavaScriptAPI,让刑
小程序MINA框架示意如图2-3所示。    能够非常方便地使用微信客户端提供的各种基础功能快速构建应用。

小程序MINA框架将整个系统划分为视图层和逻辑层。视图层(View)由框架设计的标签语言WXML (WeiXinMarkup Language)和用于描述WXML组件样式的 WXSS(WeiXin
4个文件必    Style Sheets)组成,它们的关系就像HTML和 CSS的关系。逻辑层(App Service)是MINA    框架的服务中心,由微信客户端启用异步线程单独加载运行。页面数据绑定所需的数据、页    
小程序会根据    面交互处理逻辑都在逻辑层中实现。MINA框架中的逻辑层使用JavaScript来编写交互逻辑、    
逻辑。该文逻辑层来实现数据管理、网络通信、应用生命周期管理和页面路由。网络请求、数据处理,但不能使用JavaScript中的DOM操作。小程序中的各个页面可以通过
MINA框架为页面组件提供了bindtap、bindtouchstart等与事件监听相关的属性,并与逻
美似 HTML页    辑层中的事件处理函数绑定在一起,实现面向逻辑层与用户同步交互数据。MINA框架还提    
供了很多方法将逻辑层中的数据与页面进行单向绑定,当逻辑层中的数据变更时,小程序会
当页面中有    主动触发对应页面组件的重新数据绑定。    
则,直接使用    微信小程序不仅在底层架构的运行机制上做了大量的优化,还在重要功能(如page切    
换、tab切换、多、网络连接等)上使用接近于系统层(Native)的组件承载。所以,小程序 MINA 框架有着接近原生App的运行速度,对Android端和iOS端能呈现得高度一致,并为开发者准备了完备的开发和调试工具。
2.2.1 视图层
端提供文件系统    MINA 框架的视图层由WXML与WXSS编写,由组件来进行展示。对于微信小程序而    
t API,让开发言,视图层就是所有.wxml文件与.wxss文件的集合:.wxml文件用于描述页面的结构;
.wxss 文件用于描述页面的样式。
微信小程序在逻辑层将数据进行处理后发送给视图层展现出来,同时接收视图层的事件反馈。视图层以给定的样式展现数据并反馈时间给逻辑层,而数据展现是以件来进行的。

2.8本章小结
本章首先讲解了小程序的目录结构,然后通过目录结构介绍了小程序的框架,最后主要介绍了小程序文件的类型及其配置。这些知识都是开发微信小程序的基础知识,大家必须深
rough    刻理解和熟练掌握,并勤写代码多加练习,为后续的学习打下扎实的基础。

  • 17
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值