一个微信小程序从零开始的实现记录

2018-12-12 11:50:58 +08:00
 twoconk

PS:以前写过简单的 js,所以入门不算太难

0、先是将微信小程序的“简易教程”来回看了好几遍,算是明白了一个小程序的目录结构,json 配置文件,wxml 模板文件,wxss 样式文件和 js 文件的作用,以及交互逻辑,从小程序的启动到生命周期方法,程序和页面,以及组件和 API,这些构成了小程序的全部,不得不说,整体结构涵盖了入门初学者的便宜性和高阶的可扩展性,小程序获得“世界互联网领先科技成果”奖,确实能当此殊荣。

1、首页:单个页面,包括网络请求封装,也就是涵盖程序和页面的部分,如果加上录音和播放器,则使用到了微信开发的 API ; UI 这块,作为 css 的初学者,确实不那么方便写一个漂亮的 css 框架,但你可以很方便的集成 weui 的小程序部分,控件和样式都能很全面的使用,定制修改也不那么复杂;

2、页面跳转带参数 有多种方式实现,一种是 navigater,直接把参数放在 url 中;

<navigator hover-class="navigator-hover" url="/page/navigate/navigate?title=navigate">跳转到新页面</navigator>

二种是写 tap 方法,将控件的参数传递到 tap 处理方法中后,再通过 navigate

另一种是设置 app 的全局变量,放整个 app 的全局数据,这样即使有页面跳转,但每个页面都能共享这些数据,而且有部分带=号的参数则不能通过 navigate 传递,只能换全局的方式,这样也说明了怎样在多个页面间可以通过 app 的全局数据共享来实现。

3、组件的 hidden 属性,能很好的控制组件的隐藏和显示

4、本地持久化数据,调用方法即可,不复杂

1858 次点击
所在节点    微信
0 条回复

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/516823

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX