文档介绍：小程序开发入门指南——前端篇

小程序开发入门指南——前端篇
一、开发前的准备
开发环境：微信推出的官方开发工具。
申请Appid：相关公司或个人申请到Appid后可以进行真机的调试

小程序开发入门指南——前端篇

小程序开发入门指南——前端篇
一、开发前的准备
开发环境：微信推出的官方开发工具。
申请Appid：相关公司或个人申请到Appid后可以进行真机的调试和预览，否则只能在开发工具里进行调试。
备案域名和证书：微信小程序仅支持https协议，所以务必绑定含有证书的域名，才能在正式上线后进行使用。
二、项目结构
微信小程序底层借鉴了React框架的思想，整个开发围绕着组件化开发和数据绑定的模式进行，与传统的jQuery开发逻辑不同。
在开发工具中建立项目，选择quickstart选项，会自动生成项目的框架，并补充部分代码。
如图所示，.wxss后缀是样式文件，类似于css，整个文件的书写语法和css一致，.js后缀的是脚本文件，和传统前端开发的js文件作用一样，.json后缀文件是配置文件，页面相关配置的书写都在这个文件中。这些文件在进入小程序之后就会运行，生成小程序实例。
下面我们简单学****一下这三个文件的作用。

1、。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量、建立一些登录和获取用户信息的全局方法，进行本地数据的读写存储。
2、。在这个文件中我们可以注册每个页面，设定小程序窗口的背景颜色和导航文字，设置小程序的tab分页等。
3、。它是全局的，页面里的元素也都可以直接使用该文件里的样式规则。

小程序开发入门指南——前端篇
一、开发前的准备
开发环境：微信推出的官方开发工具。
申请Appid：相关公司或个人申请到Appid后可以进行真机的调试和预览，否则只能在开发工具里进行调试。
备案域名和证书：微信小程序仅支持https协议，所以务必绑定含有证书的域名，才能在正式上线后进行使用。
二、项目结构
微信小程序底层借鉴了React框架的思想，整个开发围绕着组件化开发和数据绑定的模式进行，与传统的j