小程序初体验

项目结构

WXML: WeiXin Markup Language(xml)

    页面结构文件

    框架设计的一套标签语言,结合基础组件、事件系统,构建出页面结构。

    内部主要是微信自己定义的一套组件。

WXSS:WeiXin Style sheets(CSS)

    样式表文件

    样式语言,用于描述WXML的组件样式

js

    脚本文件

    逻辑处理,网络请求

json

    配置文件

    小程序设置,如页面注册,页面标题,tabBar

notic: 为减少配置项,规定描述页面的这四个文件必须有相同的路径和文件名

根目录下的这四种类型的文件就是程序的入口

app.json

    项目必须

    配置文件入口,整个小程序的全局配置。

    配置小程序是由哪些页面组成,配置小程序的窗口背景色,配置导航条样式,配置默认标题。

    包括页面注册,网络设置,

    该文件不可添加任何注释。

app.js

    项目必须

    此文件可以为空

    需要时在这个文件中监听并处理小程序的生命周期函数、生命全局变量。调用MINA提供的丰富API。

app.wxss

   项目非必须

   全局配置的样式文件。

    在页面组件的class属性上直接使用app.wxss中声明的样式规则。

程序启动顺序

App Launch-->App Show-->onLoad-->onShow-->onReady。

首先是整个 app 的启动与显示,app 的启动在 app.js 里面可以配置,其次再进入到各个页面的加载显示等等。

路由

wx.navigateTo(OBJECT):保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。

wx.redirectTo(OBJECT):关闭当前页面,跳转到应用内的某个页面。

wx.navigateBack():关闭当前页面,回退前一页面。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 当前端在谈论微信小程序的时候,iOS 开发在谈论什么。 本职是iOS 移动开发的,最近研究了一下比较火的微...
    伊尔今夏阅读 11,405评论 2 20
  • 说有点神奇的微信应用号出来了,就好奇跟风看看微信小程序到底是怎样的吧,网上教程暂时不是很多,不过微信官方的开发者文...
    黑曼巴先生阅读 4,702评论 0 0
  • 「小程序」这个划时代的产品发布快一周了,互联网技术人都在摩拳擦掌,跃跃欲试。可是小程序目前还在内测,首批只发放了 ...
    EarlGrey阅读 7,733评论 19 97
  • 近日,微信推出的小程序横空出世,一下引起轩然大波,吃瓜群众纷纷围观。 在这个技术快速更新,牛人辈出的大环境下。作为...
    夕阳下的放牛郎阅读 472评论 0 2
  • 2017年3月10日 周五 阴有小雨 今天是我承诺每日一篇日记的第九篇日记,也是我如实如是记录每天...
    韦炜阅读 470评论 1 3