Android开发探究微信小程序（一）

前言：最近微信小程序非常火，一度抢了Android开发的饭碗，虽然有些移动端公司认为小程序太依靠腾讯，但是也架不住它越来越火的趋势啊，所以移动端开发人员还是要学会小程序开发的！我是一个前端小白，所以入手小程序也是从零开始！

一、首先在微信公众平台官网上（https://developers.weixin.qq.com/miniprogram/dev/?t=1474644089807）下载我们需要的东西，包括AppId，和微信开发工具。然后新建一个项目。这些百度一下有很多下载和安装的示例。

二、熟悉微信小程序开发的界面。

 

1. .json 后缀的 JSON 配置文件
2. .wxml 后缀的 WXML 模板文件
3. .wxss 后缀的 WXSS 样式文件
4. .js 后缀的 JS 脚本逻辑文件

app.json 是对当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。

 

从事过网页编程的人知道，网页编程采用的是 HTML + CSS + JS 这样的组合，其中 HTML 是用来描述当前这个页面的结构，CSS 用来描述页面的样子，JS 通常是用来处理这个页面和用户的交互。同样道理，在小程序中也有同样的角色，其中 WXML 充当的就是类似 HTML 的角色。

 

WXSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些扩充和修改。

1. 新增了尺寸单位。在写 CSS 样式时，开发者需要考虑到手机设备的屏幕会有不同的宽度和设备像素比，采用一些技巧来换算一些像素单位。WXSS 在底层支持新的尺寸单位 rpx ，开发者可以免去换算的烦恼，只要交给小程序底层来换算即可，由于换算采用的浮点数运算，所以运算结果会和预期结果有一点点偏差。
2. 提供了全局的样式和局部样式。和前边 app.json, page.json 的概念相同，你可以写一个 app.wxss 作为全局样式，会作用于当前小程序的所有页面，局部页面样式 page.wxss 仅对当前页面生效。
3. 此外 WXSS 仅支持部分 CSS 选择器

下面赶紧开始新建项目动手操作吧！