微信小程序_小程序开发框架

2024-04-13 18:08:48

微信小程序_小程序开发框架

微信小程序框架

微信小程序小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生APP体验的服务。

框架提供了自己的视图层描述语言WXML和WXSS，以及基于JavaScript的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，可以让开发者可以方便的聚焦于数据与逻辑上。

响应的数据绑定

微信小程序框架的核心是一个响应的数据绑定系统。

整个系统分为两块视图层(View)和逻辑层(App Service)

框架可以让数据与视图非常简单地保持同步。当做数据修改的时候，只需要在逻辑层修改数据，视图层就会做相应的更新。

通过这个简单的例子来看：

<!-- Thie is our View -->
<view> Hello {{name}}! </view>
<button bindtap="changeName"> Click me! </button>
// This is our App Service.
// This is our data.
var helloData = {name: 'WeChat'
}// Register a Page.
Page({data: helloData,changeName: function(e) {// sent data change to view.this.setData({name: 'MINA'})}
})

开发者通过框架将逻辑层数据中的name与视图层的name进行了绑定，所以在页面一打开的时候会显示Hello WeChat!
当点击按钮的时候，视图层会发送changeName的事件给逻辑层，逻辑层找到对应的事件处理函数
逻辑层执行了setData的操作，将name从weChat变为MINA，因为该数据和视图层已经绑定了，从而视图层会自动响应改变为Hello MINA! 。

微信小程序-页面管理

微信小程序框架管理了整个小程序的页面路由，可以做到页面间的无缝切换，并给以页面完整的生命周期。开发者需要做的只是将页面的数据，方法，生命周期函数注册进框架中，其他的一切复杂的操作都交由框架处理。

微信小程序-基础组件

微信小程序框架提供了一套基础的组件，这些组件自带微信风格的样式以及特殊的逻辑，开发者可以通过组合基础组件，创建出强大的微信小程序。

微信小程序-API接口

微信小程序框架提供丰富的微信原生API，可以方便的调起微信提供的能力，如获取用户信息，本地存储，支付功能等。

posted on 2018-07-03 13:04 微信小程序开发资源阅读(...) 评论(...) 编辑收藏

转载于:https://www.cnblogs.com/lanshu/p/9258045.html

微信小程序_小程序开发框架相关推荐

企业微信小程序_小程序开发工具及真机调试_host配置及代理
文章目录一.开发前准备 1. 开发文档 2. 工具安装 3. 安装插件 4. 调整编译模式 5. 选择企业 6. PC 调试前端 7. PC 调试后端二.甄姬调试前端 2.1. 预览小程序 2.2 ...
用python 记账小程序_小会计记账小程序走一波
小会计记账小程序最近同事接了个活,提供接送客户的服务,为了方便根据每天接送客户数量记一波账,于是就搞了一个记账类的小程序,记录每天的进账情况. 目前正在开发中. 小程序截图首页首页主要展示当天需 ...
htmlcss实例小项目_小程序websocket心跳库——websocket-heartbeat-miniprogram
前言在16年的时候因为项目接触到websocket,而后对心跳重连做了一次总结,写了篇博客,而后18年对之前github上的demo代码进行了再次开发和开源,最终封装成库.如下: 博客:https: ...
编程小石头点餐小程序_小程序点餐成为餐饮业行业趋势
随着微信小应用程序的不断改进,正朝着适应完全市场发展,并且逐渐实现到这一点.扫码点餐结账一条龙的小程序,这有助于餐饮业成为大趋势. "排队一个小时,吃饭十来分钟."现在,排队等候晚 ...
python发红包小程序_小程序红包雨
前言话不多少先上效果,引入很简单,将/components/s-packetrain/index放到你的组件文件夹中直接引用就可以了. 首先你要先在页面引入组件 index.json 引用组件 { ...
c++ 按键暂停继续程序_加工中心程序代码 M30 M03 M04 M05 M07 M08 M09 S F R IJK
M0 M01 M02 M30 M03 M04 M05 M07 M08 M09 S F R IJK N T M06 代码讲解代码讲解: M00 程序暂停 M0 只要走程序时,遇到M0程序就会停止不动, ...
python 购物车程序_购物车程序python
广告关闭腾讯云11.11云上盛惠 ,精选热门产品助力上云,云服务器首年88元起,买的越多返的越多,最高返5000元! 第3点要求: 用户选择商品后,检测余额是否够,够就直接扣款,不够就提醒在循环外层 ...
python有哪两种表现形式小练笔_小练笔的各种形式
新课程倡导教师 " 用教材教 " ,而不是简单的 " 教教材 " ,教材作为重要的课程资源,其开发和利用的重点是研究和处理教材, 必须发挥教师在使用教材时的主 ...
ar 微信小程序_小程序可以实现AR效果了微信还为开发者提供了基础能力支持
[TechWeb]7月7日消息,据微信官方发布的消息,小程序可实现AR效果了,包括AR试穿.AR逛展等各种体验.同时,首个小程序AR动态试妆的美妆品牌小程序也正式落地,品牌商户和服务商也可以通过能力的 ...

最新文章

热门文章