美文网首页我爱编程
Androider开发小程序系列--Androider转小程序

Androider开发小程序系列--Androider转小程序

作者: wan7451 | 来源:发表于2018-04-08 14:39 被阅读208次

    先啰嗦啰嗦,不感兴趣直接跳过。


    近日公司开始了新的项目,需要做小程序来增加流量入口,就新招了个前端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

    后期会根据需求,继续加入其他的逻辑

    相关文章

      网友评论

        本文标题:Androider开发小程序系列--Androider转小程序

        本文链接:https://www.haomeiwen.com/subject/rlpphftx.html