小程序学习记录（一）——基本样式介绍

这些天到处跑面试，结果屡屡碰壁。原因除了技术问题、生活上的问题外，遇到的最大的问题就是没有 小程序 开发经验了。于是我搜集了一些小程序的资料，结合慕课网、微信开放平台相关内容进行学习。这个系列将会从我实际学习中出发，去讲述我从学习小程序过程中获得的内容。

 详细安装、申请小程序开发KEY的可直接看微信公众平台，在这里我是想直接进行中大型的小程序项目开发，所以我直接把该申请的都申请了。而对于一般入门学习的初学者，我建议可以先不申请APPID等，直接下载安装微信开发者工具即可。

下图是开发工具的一个样式。

简要说一下，微信小程序和传统web前端组成其实差不多。

小程序项目由 多个 page 组件 + app.js + app.wxss + app.json + app.wxss 组成。其中 app.js 是公用的 js 代码块， app.wxss 是公用的样式表，app.json 是对整个小程序的全局配置，内容不能有注释语句 。

而每个 page 组件中是由 wxml、wxss、js、json 四个文件组成。

前三个文件对应web项目中的 HTML、css、js 文件，wxml 进行页面 DOM 结构编写， wxss 进行页面样式编写， js 进行页