小程序开发随笔

Posted 2020-09-26

一直在开发RN，突然被领导叫停，让先开发小程序，上午看了一会，下午就直接上手写小程序，我就谈谈自己的一些小体会，作为最基础的入门。其实小程序很简单，框架都是封装好的，代码我觉得是主要是仿照Vue，还有些是模仿RN的，基本上一个页面是一个文件夹，由A.JS,A.JSON,A.wxml,A.wxss组成。先给大家讲讲: app.js在这里写的是一些全局的变量，app.json中的pages是项目中所有的页面，tabBar是项目的底部tab导航，window定义全局的导航的样式，app.wxss定义全局的样式。父给子传递参数也是用的props，跳转路由的时候传递参数有两种，一种是直接在url后面拼接参数，一种是使用wx.navigator(‘url‘, params),由于小程序只允许页面嵌套的层级是5层，所以对于一个页面如果有很多个跳转到其他的页面的同时返回这个页面并携带参数的话，就要使用var arr= getCurrentPages(),可以获取当前页面的所有栈，arr[arr.length-2].data获取上一个页面的pages对象下面的data对象，就是在A页面获取B页面的数据并修改，然后执行wx.navigateBack({}）。对于全局的变量除了使用global对象外还可以使用在app.js下面APP({})定义全局变量，使用的时候是getApp().变量,由于项目大小的限制所有在使用localstorage的时候要考虑好，能使用传参的就不用localstorage。日期选择器有时分秒需求的请使用picker-view然后在wx:for循环中操作。改变参数的时候跟RN一样，都不能直接修改，而是使用this.setState({})来修改变量。由于onLoad生命周期只会执行一次，因此对于多次调用的请在onShow中使用，比如说每次刷新显示loading的动画。