首页 > 代码库 > (微信小程序)一 : 初识微信小程序
(微信小程序)一 : 初识微信小程序
首先看过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 更好理解
(微信小程序)一 : 初识微信小程序
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。