微信小程序简述

  最近在公司实习,经理要求作一个微信小程序,晚上闲时来写一下。css

  微信小程序问世没多久,但毋庸置疑的是在不久的未来,它能够替代掉不少的APP。我的认为它的优点在于占用资源少,能够作到即用即走,对于一些使用频率不是很高的APP来讲,使用相应的小程序会方便不少。html

  要进行微信小程序的开发:java

  1.首先得注册一个开发者的帐号,能够到微信公众平台进行注册,选择注册的帐号类型为小程序,进行相应的注册后便可进行之后的操做git

  2.下载微信Web开发者工具,进行相应的安装,具体的安装过程在这儿就不详细说了github

  打开微信Web开发者工具,能够用手机扫描二维码进行登陆json

  登陆后有如下两种选项,在这儿我选择本地小程序项目小程序

  能够添加项目,也能够打开之前的项目,在这儿我添加一个项目微信小程序

  AppID的话能够填写,也能够不填写,但不填写部分功能可能会受到限制,项目目录能够选择一个已有的项目,若是没有,能够新建一个空的目录,若是是空的目录,会出现“在当前目录中建立 quick start 项目”这一句话,会默认建立quick start项目,而后添加项目。微信

  这就是开发工具的总体布局app

  下面来说一讲小程序的结构,每一个小程序包含pages、app.js、app.json、app.wxss。

  pages中包含若干个page,一个page表明一个页面,page中包含*.js、*.json、 *.wxml、 *.wxss文件, *.wxml、 *.wxss相似于html和css,分别为页面结构文件和样式表文件,*.js为脚本文件,*.json为配置文件。固然这四个文件中只有*.js文件和*.xml文件是必须的,其它两个无关紧要。

  app.js为小程序的入口,是小程序的脚本代码,能够监听并处理小程序的生命周期函数,以及声明全局变量等。

  app.json为小程序的全局配置文件,能够配置小程序是由哪些页面组成,窗口背景色,导航栏样式等等,每一个页面都要在app.json的pages中注册,例如在这儿有两个页面,一个是index,另一个是logs,注册信息以下

  app.wxss是小程序的公共样式表,为小程序定义相应的样式。

  小程序的框架的核心是一个数据绑定系统,分为视图层和逻辑层,即将数据层和逻辑层进行绑定,只在逻辑层修改数据,视图层便会进行相应的更新。

  要学习微信小程序,开发文档必不可少,在简易教程中,咱们能够进行相应组件和API的学习,小程序封装了许多API,也为开发带来了许多便利。

   最后补充一下,知乎大神们提供的开发资料:

如何入门微信小程序开发,有哪些学习资料?

GitHub上的微信小程序资源汇总:

微信小程序开发资源汇总

相关文章
相关标签/搜索