小程序概况

一、微信小程序原理

微信小程序采用WXML 、WXSS、JS三种技术进行开发，从技术讲和现有的前端开发差不多，但又有所不同。

小程序分为两个部分webview和appService。其中webview用来展示UI，appService用来处理业务逻辑、数据及接口调用。它们在两个进程中运行，通过系统层JSBridge实现通信，实现UI的渲染、事件的处理。

WXML：基于XML语法开发的，因此开发时只能使用微信开发者文档提供的现有标签 。

WXSS：具有CSS的大部分特性，同时也引入了一些东西。

JS：首先js代码是运行在微信APP中的，并不是运行在浏览器中，因此一些h5技术的应用需要微信APP提供对应的API支持，这限制了h5技术的应用，而且微信提供特有的某些API，h5也不支持或者支持的不是特别好。

小程序本质就是一个单页面应用，所有的页面渲染和事件处理，都在一个页面内进行，但又可以通过微信客户端调用原生的各种接口；

它的架构，是数据驱动的架构模式，它的UI和数据是分离的，所有的页面更新，都需要通过对数据的更改来实现；

二、小程序的优缺点

优点：

1、无需下载，通过搜索和扫一扫就可以打开。

2、良好的用户体验：打开速度快。

3、开发成本比App低。

4、为用户提供良好的安全保障，小程序的发布，微信拥有一套严格的审查流程，不能通过的审查的小程序是无法发布到线上的。

缺点：

1、限制较多。页面大小不能超过1M。不能打开超过5个层级的页面。

2、样式单一。小程序的部分组件已经是成形的了，样式不可以修改如：幻灯片、导航。

3、推广面窄，不能分享朋友圈，只能通过分享给朋友。

4、依托于微信，无法开发后台管理功能。

三、小程序的开发流程

1、注册微信小程序账号。

2、获取微信小程序的AppID。

3、下载微信开发者工具。

4、创建项目。

5、去微信公众平台配置域名。

6、手机预览。

7、代码上传。

8、提交审核。

9、发布小程序。

 四、微信小程序主要文件作用

 App.js：项目的入口文件，写入全局的公共方法，像本地存储的数据。

App.json：底部tab，标题栏等设置。

App.wxss：全局样式。

index.wxml：页面结构。

index.wxss：页面样式。

index.js：页面的逻辑、请求和数据处理。

index.json：配置当前页面标题和引入组件

project.config.json：项目配置文件，用得最多的就是是否开启https校验。

五、小程序的目录结构