小程序简介


1.发展历程
英文名Mini Program
2016年9月21日,微信小程序正式开启内测。
2017年1月9日0点,万众瞩目的微信第一批小程序正式低调上线。
2017年12月28日,微信更新的 6.6.1 版本开放了小游戏,微信启动页面还重点推荐了小游戏「跳一跳」。

2.开发的技术:
wxml+wxss+js+wxs
前面3个跟前端的html+css+js类似。多了个wxs。官方解释:WXS(WeiXin Script)是小程序的一套脚本语言。为什么这样呢?
我的理解是:wxml与html不同,在页面中不能有<script>标签。wxml想要跟js交互,必须是js里的Page构造函数连接。然后微信推出了wxs,语法基本跟js相同,但没有es6的特性。
所以,有些逻辑可以在js中写,也可以在wxs中写。js是支持es6的。当然,2者应该有具体的适用场景。

3.小程序是数据驱动响应的吗?
自从AngluarJS出现之后,这种数据驱动页面表现的开发理念就有深入人心。目前流行的RractJs,vue都是这类框架,核心:
UI=F(state)
即数据的改变引发UI的渲染,不需要直接操作DOM。
事实上,小程序的写法有些类似react。包括setData()函数,只是他是同步的。

4.函数传参
无论是react还是vue,页面中的函数传参类似:

<div class="course-intro" @click="toCourseContent(course)">

 

但是,小程序上是这么传的:想要传的值作为标签的属性值。

<view class="grade-li" bindtap="selectgrade" data-value="{{item.value}}" wx:for="{{config.gradeArr}}" wx:key="{{index}}">

  

小程序获取参数通过e.dataset得到

selectgrade(e){
let grade = e.currentTarget.dataset.value;
},

 

5.小程序里可以打开网页URl吗
可以,最新的版本提供了<web-view>组件

6.小程序需要考虑ipad布局吗?
ipad和手机的宽高比不一致,目前ipad微信不支持小程序。只有手机微信可以用小程序。

猜你喜欢

转载自www.cnblogs.com/xiaochongchong/p/8952832.html
今日推荐