Androider开发小程序系列--Androider转小程序
2018-04-08 本文已影响208人
wan7451
先啰嗦啰嗦,不感兴趣直接跳过。
近日公司开始了新的项目,需要做小程序来增加流量入口,就新招了个前端H5来开发,但那哥们估计刚毕业,技术差的厉害,接口都对接不上,赶不上进度。js 由于语法和 java 非常像,所以就开始由我来做js的业务逻辑。开始了小程序之路。
微信小程序
这个就不介绍了,大家都知道。
主要是以网页的形式,在wx封装的浏览器内展示。所以大多是H5来做小程序。
小程序官网
JS 语法
js语法只是翻翻之前买的一本,主要掌握
1. 变量、常量的声明
使用 var const ,不需要java中的指定类型
2. 方法的声明与调用
需要注意在对象中声明与在其他地方声明的区别(有些地方有疑问,没搞清楚到底如何定义对象)
普通声明方法
function 方法名字(参数....){
//参数直接写参数名就行
方法体
}
调用方法
方法名字(参数);
对象中声明方法
方法名: function (参数....) {
方法体
},
在该对象中调用方法
this.方法名字(参数);
3. 文件引用
开发中会封装很多东西到某个js文件中,可以这样引用
var test= require("js文件相对路径/js文件名字.js");
//调用方法
test.aa();
需要注意
要调用的方法需要暴露出来
module.exports = {
对外暴露的方法名字:方法的名字
}
//可以简写
module.exports = {
方法的名字
}
4. 其他
有不会的就问百度
UI
微信小程序的UI主要使用的自己定义的一套组件,对于Android程序员来说,照着文档用就可以,比较简单。
麻烦的是布局,由于使用的是H5 的这套东西来渲染,使用css样式来设置组件的布局。所以需要学习css相关的知识,我是一边做,有问题直接问H5同学的,或者直接百度。
主要使用的布局是:flex,position
微信小程序的api
1. 微信小程序的api
需要先大致浏览一遍小程序的文档,知道有哪些api,可以实现哪些功能,然后边做边查api。
2. 可以把Android中开发思路带入小程序中。
比如:
- 网络库封装
- mvp思想
- eventbus
后期会根据需求,继续加入其他的逻辑