（微信小程序）一 ： 初识微信小程序

Posted 2020-08-20 淡定君

首先看过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 更好理解