(微信小程序)一 : 初识微信小程序

首先看过angularjs的同学们在看微信小程序的创始文件应该不算很陌生吧。
需要看的 先是文件目录
(微信小程序)一 : 初识微信小程序
看完这个目录。。得知(微信小程序)一 : 初识微信小程序
( 一 )    pages   他存放于多个页面 如 index ,log页面。可以把他里面的每个文件夹看成一个整体。这个整体存放着 html 、css 和 数据
    1:index文件夹    ---    存放的index页面的目录。
    2:index.js    ---    他可以处理得到(ajax),或自定义定义的数据。把得到的值封装成一个对象 交给wxml渲染数据。(类似与angular的数据绑定或者express的res.render({}))另外 他还有一些生命周期。
            (1)、onLoad(options)    ---    进入这个页面时候触发而options就是页面跳转时候所传的参数
            (2)、onReady     ---    页面跳转完成
            (3)、onShow    ---    页面显示
            (4)、onHide    ---    页面隐藏
            (5)、onUnLoad    ---    页面关闭    
            他们的类型 都是 function 哦。
    3:index.wxml    ---    他其实就类似于 html
    4:index.wxss    ---    相当与 css
 
( 二 )    utils    这里存放一些小工具吧 比如一些逻辑的处理。可以跟自己的喜好来命名 比如 controller
 
( 三 )    app.js  用于注册一个小程序。 
    1:他类似于用xcode(swift语言)开发ios应用时的AppDelegate.swift 他管理于程序的启动与关闭。通俗点的来说启动app的时候就需要用到app.js
    2:他有一些生命周期
        (1)    onLaunch    ---    初始化完成时会触发,且只触发一次。--- 其实就相当于点了一下app的图标。这个时候这个程序就启动起来了。走的就是他 
                    他和index.js中的onload可不一样。他全局只触发一次。而onload是每次进入这个页面时候都触发
        (2)    onShow    ---    当程序从后台进入前台时候触发    ---     就相当于我打开了这个程序,然后用iphone点击home键从程序进入了主桌面。
        (3)    onHide    ---    当程序从前台进入后台    ---    同理 用iphone手机从桌面双击home键进入 小程序。
 
( 四 )    app.json  配置文件。说白了就是配置页面的一些功能。 
 
之后我会按照初始程序一点一点的深入了解。不过不得不说 感觉和angular2是一个妈生出来的产物。不过比angular2 更好理解
 

(微信小程序)一 : 初识微信小程序

上一篇:(微信小程序)二 : 创建一个页面。


下一篇:CSS 文本样式