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

(微信小程序)一 : 初识微信小程序的更多相关文章

  1. 初识微信小程序

    一.简介 微信小程序是运行在微信环境中的应用,它只能在微信中运行,不能运行在浏览器等其他环境中,微信团队提供了专门的开发工具用于微信小程序的开发,还提供了丰富的API,让我们的小程序能够具备与手机设备 ...

  2. 前端笔记之微信小程序(一)初识微信小程序&WXSS与CSS|WXML与HTML的差异&像素和DPR

    一.小程序概述 2017 年 1 月 9 日小程序正式上线,腾讯开放了个人开发者开发小程序,小程序从此就开始火爆,这一年,小程序狂揽 4 亿用户.1.7 亿的日常活跃,上线 58 万个.这是一个巨大的 ...

  3. 微信小程序开发详解——小程序,大颠覆!

    微信小程序开发 联系 苏念 188.1414.7927  微信小程序系统开发 微信新功能开发 小程序开发 小程序怎么开发 app小程序开发 简化小程序开发 微信小程序定制 小程序制作 开发微信小程序  ...

  4. 微信小程序来了,小程序都能做些什么

    2017年的微信大动作就是微信小程序了,到底小程序都能做些什么?这是很多人关注的热点,小程序开发对企业又有什么帮助呢?下面让厦门微信小程序开发公司来为你就分析下.       微信小程序与APP的关系 ...

  5. 微信公众号支付|微信H5支付|微信扫码支付|小程序支付|APP微信支付解决方案总结

    最近负责的一些项目开发,都用到了微信支付(微信公众号支付.微信H5支付.微信扫码支付.APP微信支付).在开发的过程中,在调试支付的过程中,或多或少都遇到了一些问题,今天总结下,分享,留存. 先说注意 ...

  6. C#开发微信门户及应用(47) - 整合Web API、微信后台管理及前端微信小程序的应用方案

    在微信开发中,我一直强调需要建立一个比较统一的Web API接口体系,以便实现数据的集中化,这样我们在常规的Web业务系统,Winform业务系统.微信应用.微信小程序.APP等方面,都可以直接调用基 ...

  7. 微信小程序一:微信小程序UI组件、开发框架、实用库

    作者:NiceCui 本文谢绝转载,如需转载需征得作者本人同意,谢谢. 本文链接:http://www.cnblogs.com/NiceCui/p/8079095.html 内容持续更新,维护中 邮箱 ...

  8. 微信小程序中实现微信支付

    最近在做微信小程序,今天刚好做到小程序里的微信支付这块,踩过不少坑,特此写个博客记录下,希望能帮到其它人吧. 我总结了一下,小程序中的微信支付和之前其它的公众号里的微信支付有两个区别,第一就是小程序必 ...

  9. 一个C#程序员学习微信小程序的笔记

    客户端打开小程序的时候,就将代码包下载到本地进行解析,首先找到了根目录的 app.json ,知道了小程序的所有页面. 在这个Index页面就是我们的首页,客户端在启动的时候,将首页的代码装载进来,通 ...

  10. 微信小程序开发01 --- 微信小程序项目结构介绍

    一.微信小程序简单介绍: 微信官方介绍微信小程序是一个不需要下载安装就可使用(呵呵,JS代码不用下载吗?展示的UI不用下载吗?)的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用. ...

随机推荐

  1. UniGUI的 TUniPageControl控件动态拖动tabsheet的实现方法

    https://blog.csdn.net/shuiying/article/details/54932518 实现可以用鼠标动态拖动tabsheet,共三个步骤: 1.在ServerModule中, ...

  2. 软件测试实践平台(Mooctest)FAQ

    0. 背景 我们在<软件测试技术>课程使用 MOOCTEST (mooctest.net) 作为课程的实践教学平台. 在教学过程中学生们遇到了一些问题,本文将一一总结. 注意:本文在解决问 ...

  3. java中int和Integer对比的一些坑

    --------------------- 作者:狂飙的yellowcong 来源:CSDN 原文:https://blog.csdn.net/yelllowcong/article/details/ ...

  4. 文本框仅可接收decimal

    文本框html如下: <div><label class="label">价格:</label><input id="TextP ...

  5. 网页登入验证码的实现(java&html)

    前端界面实现(由于验证码是动态获取所以用jsp格式) <%@ page language="java" contentType="text/html; charse ...

  6. PHP eval函数

    代码: eval("echo'hello world';"); 上边代码等同于下边的代码: echo"hello world"; 在浏览器中都输出:hello ...

  7. CentOS 7 下网络管理

    如果最小化安装centos7  后会发现,安装完了进去配置网络发现,ifup ,ipconfig 这些命令不见了,那是因为 7 使用了新的网络管理工具NetworkManager ,具体的命令是nmc ...

  8. java后端导出excel表格

    转载 :https://www.cnblogs.com/zhaoyuwei/p/9038135.html 不需要在实体类些@Excel(name = "登录名", width = ...

  9. linux系统坏了,进不了登陆界面怎么办?

    装oracle时,命令弄错了,结果系统崩溃之后就进不去系统了,启动后光标一直在闪烁,就是不显示登陆界面. 网上查了很多,什么grub引导之类的,完全没办法恢复系统. 系统坏了倒是无所谓,主要是系统上还 ...

  10. Go指南练习 rot13Reader

    题目: 练习:rot13Reader 有种常见的模式是一个 io.Reader 包装另一个 io.Reader,然后通过某种方式修改其数据流. 例如,gzip.NewReader 函数接受一个 io. ...