微信小程序> 小程序示例的使用-小程序制作

小程序示例的使用-小程序制作

浏览量:2297 时间: 来源:Nice_hong2016
小程序示例的使用-小程序制作

摩拜单车小程序

工具/原料

1.sublime 手机


方法/步骤

2.摩拜单车小程序已于微信小程序上线第一天正式发布,刷爆微博媒体朋友圈。本文主要讲讲技术方向的总结,在段时间的开发周期内内如何一步步从学习到进阶。思维转变微信小程序没有html的常用标签,而是类似React的微信自定义组件,比如view、text、map等没有window变量,但微信提供了wx全局方法集没有a标签链接,不可嵌套iframe事件绑定和条件渲染类似Angular,全部写在WXML中数据绑定采用Mustache双大括号语法无法操作DOM,通过改变page data(类似React的state)来改变视图展现via所以如果你熟悉以上提到的所有前端技术栈,开发微信小程序你会得心应手。生命周期via你可以理解小程序就是一个单页面的H5网页,所有元素的加载都是一次性的,这就引来了生命周期的概念:

3.首次打开,小程序初始化

4.小程序初始化完成后,触发onShow事件

5.小程序被切换到后台(熄屏,切换APP等),触发onHide

6.小程序从后台切换到前台,再次触发onShow

7.小程序出错,触发onError

8.via每个页面也有自己的生命周期:

9.事件广播

10.via“单页面结构”的微信小程序,你可以使用事件广播(统一的事件中心)来注册和触发自定义事件,否则到后期事件管理会越来越乱,而且涉及跨页面传输事件,你更需要这种事件触发机制,可以参考broadcast.JS。比如在摩拜单车中有这样的场景:

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎