一个小程序从零到上线记录全过程

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、本地持久化数据,调用方法即可,不复杂;

5、openid账户接入,这个稍微费了些功夫,获取openid开一个后台接口就可以,不复杂,但要获取用户昵称、头像信息,则需要通过用户授权,所以在授权和没有授权的用户之间,做了些处理逻辑;

6、最后上线审核,不到一天时间就通过了,比预想的要快。

欢迎体验:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值