小程序初体验

  最近发现关注的公众号好多都有了本身的小程序，鉴于小程序刚起步，我的的帐号也能够进行开发，我的微信公众号就开发的权限很小，因此就想试试看小程序的开发过程。

  开发小程序的前期准备大体是先注册一个公众号，而后获取一个微信小程序的AppID，而后在设置的开发者设置里面查询要这个AppID。使用这个AppID就能够在开发者工具上进行小程序开发建立了。若是不适用AppID建立小程序，有些功能是会受到限制的。

  在一个空文件夹下建立一个小程序，选择quick start会自动建立一个简单的demo，能够直接在上面修改代码。

  小程序的工程基本结构为app.js,app.json,app.wxss和一个pages文件夹。

  app.js是小程序的脚本文件，在这个文件中监听并处理小程序的生命周期函数，全局变量。调用框架提供的API。舒适小程序提供了不少的API，很方便。

  app.json是一个全局配置文件，能够设置小程序有哪些页面，窗口背景色，tab等。具体配置能够看文档，重点是小程序所使用到的页面都须要在json文件里面进行配置后才能够用。

  app.wxss是公共样式表，是微信小程序上用的css文件。用法和通常的css差很少。

  pages文件夹里面放的是具体的页面，每一个页面独立成一个文件夹，页面里面还能够嵌套页面。每一个页面文件夹里面有js,json,wxml和wxss四个文件，其中，js文件为脚本编写文件，页面具体的方法都是写在这里，json是具体页面的配置文件，如同app.json文件，不过只设置window里面的具体内容，好比页面标题，样式等。wxml文件如同html文件，写具体的页面结构。wxss是页面具体的样式，会覆盖app.wxss里面的样式。

  小程序和普通的html写页面是同样的，页面，行为，样式等。但小程序写法比较明显的特色是更组件化。里面的每个标签都是一个组件，好比view,form，这些组件绑定的属性和方法甚至是样式均可以做为data保存在js文件里面。经过{{}}的方式来进行读取，在js里面能够用setData的方法来修改这些data。这种写法和如今的react或者vue等框架都有必定的类似。

  小程序有个很大的有点是提供不少的API，这些API能够帮助完成不少事，在微信的支持下，能够完成视频，音频，定位，存储，动画，绘图等等事件。非我的的公众号开通微信支付后，制做一个购物的小型app是彻底ok的。

  这里只是简单的介绍微信小程序，不算教程，具体实践才知道小程序的优缺点。我目前只简单的写了一个连接外部的查询功能的小程序，以后再增长功能，进行更多实践。

小程序搜索：cathy的生活小工具