小程序mina框架，及优点
mina框架：
小程序使用的是mina框架，目的是通过简单、高效的方式让开发者可以在微信中开发具有原生app体验的服务。
mina的核心是一个响应的数据绑定系统。
整个系统分为两块：视图层（view,描述语言wxml和wxss）和逻辑层（app serice，基于 javascript）。这可以让数据与视图非常简单的保持同步。当做数据修改时，只需要在逻辑层改数据，视图层就会做响应的更新。开发者只需要将页面路由、方法、生命周期函数注册进框架，其他的一切复杂的操作都将由框架处理。
小程序优点：
• 方便使用：无需下载，打开即用，用完即走。不占用手机内存，省流量，省安装时间
• 开发简单：开发的本质是mvvm风格的javascript框架上开发的，有前端经验的程序员可以无缝衔接，无经验的“小白”也可以快速入门。
• 跨平台运行：不用再分别开发ios和andriod版本，只需要发布微信小程序平台，所有平台都可以使用。开发成本低
• 快速分发与迭代：无需关心各种发布渠道，也无须担心旧版本升级的兼容问题。
打开速度比h5快，体验接近原生app
小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 app 体验的服务。
微信团队为小程序提供的框架命名为mina。mina框架通过封装微信客户端提供的文件系统、网络通信、任务管理、数据安全等基础功能，对上层提供一整套javascript api，让开发者方便的使用微信客户端提供的各种基础功能与能力，快速构建应用。
mina框架
微信小程序的框架示意图如下所示：
mina框架主要分为两大部分：
第一部分页面视图层，开发者使用wxml文件来搭建页面的基本视图结构（wxml是类似于html标签的语言和一系列基础组件），使用wxss文件来控制页面的表现样式。
第二部分appservice应用逻辑层，是mina框架的服务中心，通过微信客户端启动异步线程单独加载运行，页面渲染所需的数据、页面交互处理逻辑都在其中实现。mina框架中的appservice使用javascript来编写交互逻辑、网络请求、数据处理，但不能使用javascript中的dom操作。小程序中的各个页面可以通过appservice实现数据管理、网络通信、生命周期管理和页面路由。
mina框架为页面组件提供了一系列事件监听相关的属性（比如bindtap、bindtouchstart等），来与appservice中的事件处理函数绑定在一起，来实现页面向appservice层同步用户交互数据。mina框架同时提供了很多方法将appservice中的数据与页面进行单向绑定（注意数据的绑定方向是单向的），当appservice中的数据变更时，会主动触发对应页面组件的重新渲染。
框架的核心是一个响应式的数据绑定系统，它能让数据与视图很简单的保持同步。只需要在逻辑层修改数据，视图层就会做相应的更新。示例如下：
我要评论
<!--页面视图层代码-->
<view class="apptitle">
<text class="app-avatar">欢迎使用{{appname}}</text>
<button bindtap="changeappname">更换名称 </button>
</view>
//appservice应用逻辑层代码
//初始数据
page({
data:{
appname:'易投票'
},
changeappname:function(e){
this.setdata({
appname:'我的小程序'
})
}
})
图1：初始名称
图2：点击按钮“更换名称”以后
示例中数据是如何更新的呢？首先，开发者通过框架将appservice应用逻辑层数据中的appname与页面视图层名为appname的变更进行了绑定，页面在刚打开的时候会显示“欢迎使用 易投票。然后，当点击按钮“更换名称”之后，视图层会发送changeappname的tap事件给逻辑层，逻辑层找到事件函数changeappname。最后，逻辑层changeappname函数执行了setdata操作，将对象appname的值改变为“我的小程序”，因为该对象已经在视图层绑定，所以视图层会显示为图2的名称了。
小程序的mina框架有着接近原生app的运行速度，在框架层面做了大量的优化，在重功能上（page或tab切换、多媒体、网络连接等）上使用接近于native的组件继承，对安卓和ios端做出了高度一致的呈现，还有近乎完备的开发、调试工具。
目录结构
典型的小程序目录结构非常简洁，一般一个项目包含两个目录（pages和utils）三个文件（app.js、app.json、app.wxss）。pages目录下包括程序所需的各个页面，一个页面对应一个目录，包含2至4个文件（.js、.wxml、.json及.wxss）。utils目录则包含一些公共的js代码文件。当然，我们还可以添加其他的公共目录，如用来存放本地图片资源的images目录。
逻辑层
小程序的逻辑层就是所有.js脚本文件的集合。小程序在逻辑层处理数据并发送至视图层，同时接受视图层发回的事件请求。
mina框架的逻辑层是由javascript编写，在此基础上，微信团队做出了一些优化，以便更高效的开发小程序，这些优化包括：
1、增加app方法用来注册程序，增加page方法用来注册页面；
2、提供丰富的api接口；
3、页面的作用域相对独立，并拥有了模块化的能力；
简单概括，逻辑层就是各个页面的.js脚本文件。
需要注意的是，小程序的逻辑层由js编写，但并不是在浏览器中运行的，所以javascript在web中的一些能力都不能使用，比如 dom、window等，这也是我们开发过程中要克服的阻碍。
视图层
对于微信小程序而言，视图层就是所有的.wxml（weixin markup language）文件与.wxss（weixin style sheet）文件的集合：.wxml用于描述页面结构而.wxss用于描述页面样式。
视图层以给定的样式来展现数据并反馈事件给逻辑层，而数据展现是以组件来进行的。组件（component）是视图的基本组成单元。
数据层
数据层包括临时数据或缓存、文件存储、网络存储与调用。
1、页面临时数据或缓存
在页面page()中，我们要使用setdata函数来将数据从逻辑层发送到视图层，同时改变对应的this.data的值。this在小程序中一般指调用页面，广泛情况下指的是包含它的函数作为方法被调用时所属的对象。直接修改this.data是无效的，无法改变页面的状态，还会造成数据的不一致。单次设置的数据有一个大小限制，不能超过1024kb，避免一次性设置过多的数据。
setdata()函数的参数接受一个对象。以key,value的形式表示，将this.data中的key对应的值改变为value。key可以非常灵活，包括以数据路径的形式表示，如array[0].title，并且无需在this.data中预定义。
2、文件存储（本地存储）
使用微信提供的现成数据api接口，如：
wx.getstorage：获取本地数据缓存
wx.setstorage：设置本地数据缓存
wx.clearstorage：清理本地数据缓存
3、网络存储与调用
上传或下载文件的api接口，如：
wx.request：发起网络请求
wx.uploadfile：上传文件
wx.downloadfile：下载文件
调用url的api接口如下：
wx.navigateto：保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。可返回原页面。
wx.redirectto：关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。不可返回原页面。
以上就是微信小程序框架的相关描述，微信团队一直在不断的优化框架能力，及时的关注官方提供的，了解小程序的最新能力及优化点。
总结
以上所述是小编给大家介绍的微信小程序开发框架（mina）,希望对大家有所帮助
如对本文有疑问， 点击进行留言回复！！
javascript如何使用函数random来实现课堂随机点名方法详解
通过if else和switch开关语句与随机数实现模拟猜拳小游戏
网友评论