微信小程序相关整理

经过了毫无学习阶段，直接上手就用的微信小程序，1.0 版已经做完了，这里总结一下必要的知识吧：

1、简单描述下微信小程序的相关文件类型？
答：微信小程序项目结构主要有四个文件类型,如下：
一、WXML （WeiXin Markup Language）是框架设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。内部主要是微信自己定义的一套组件。
二、WXSS (WeiXin Style Sheets)是一套样式语言，用于描述 WXML 的组件样式，
二、js 逻辑处理，网络请求
三、json 小程序设置，如页面注册，页面标题及 tabBar。
四、app.json
必须要有这个文件，如果没有这个文件，项目无法运行，因为微信框架把这个作为配置文件入口，整个小程序的全局配置。包括页面注册，网络设置，以及小程序的 window 背景色，配置导航条样式，配置默认标题。
五、app.js
必须要有这个文件，没有也是会报错！但是这个文件创建一下就行 什么都不需要写以后我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。
六、app.wxss

2、你是怎么封装微信小程序的数据请求的？
答：
一、将所有的接口放在统一的 js 文件中并导出
二、在 app.js 中创建封装请求数据的方法
三、在子页面中调用封装的方法请求数据
3、有哪些参数传值的方法？
答：
一、给 HTML 元素添加 data-*属性来传递我们需要的值，然后通过 e.currentTarget.dataset 或 onload 的 param 参数获取。但 data-名称不能有大写字母和不可以存放对象
二、设置 id 的方法标识来传值通过 e.currentTarget.id 获取设置的 id 的值,然后通过设置全局对象的方式来传递数值
三、在 navigator 中添加参数传值

4、你使用过哪些方法，来提高微信小程序的应用速度？
答：
一、提高页面加载速度
二、用户行为预测
三、减少默认 data 的大小
四、组件化方案

**5、小程序与原生 App 哪个好？ **
答： 小程序除了拥有公众号的低开发成本、低获客成本低以及无需下载等优势，在服务请求延时与用户使用体验是都得到了较大幅度 的提升，使得其能够承载跟复杂的服务功能以及使用户获得更好的用户体验。

**6、简述微信小程序原理？ **
答：微信小程序采用 JavaScript、WXML、WXSS 三种技术进行开发，从技术讲和现有的前端开发差不多，但深入挖掘的话却又有所不同。

JavaScript：首先 JavaScript 的代码是运行在微信 App 中的，并不是运行在浏览器中，因此一些 H5 技术的应用，需要微信 App 提供对应的 API 支持，而这限制住了 H5 技术的应用，且其不能称为严格的 H5，可以称其为伪 H5，同理，微信提供的独有的某些 API，H5 也不支持或支持的不是特别好。

WXML：WXML 微信自己基于 XML 语法开发的，因此开发时，只能使用微信提供的现有标签，HTML 的标签是无法使用的。

WXSS：WXSS 具有 CSS 的大部分特性，但并不是所有的都支持，而且支持哪些，不支持哪些并没有详细的文档。

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

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

7、分析下微信小程序的优劣势？
答：
优势：
1、无需下载，通过搜索和扫一扫就可以打开。
2、良好的用户体验：打开速度快。
3、开发成本要比 App 要低。
4、安卓上可以添加到桌面，与原生 App 差不多。
5、为用户提供良好的安全保障。小程序的发布，微信拥有一套严格的审查流程， 不能通过审查的小程序是无法发布到线上的。
劣势：
1、限制较多。页面大小不能超过 1M。不能打开超过 5 个层级的页面。
2、样式单一。小程序的部分组件已经是成型的了，样式不可以修改。例如：幻灯片、导航。
3、推广面窄，不能分享朋友圈，只能通过分享给朋友，附近小程序推广。其中附近小程序也受到微信的限制。
4、依托于微信，无法开发后台管理功能。
8、微信小程序与 H5 的区别？
答：
第一条是运行环境的不同
传统的 HTML5 的运行环境是浏览器，包括 webview，而微信小程序的运行环境并非完整的浏览器，是微信开发团队基于浏览器内核完全重构的一个内置解析器，针对小程序专门做了优化，配合自己定义的开发语言标准，提升了小程序的性能。
第二条是开发成本的不同
只在微信中运行，所以不用再去顾虑浏览器兼容性，不用担心生产环境中出现不可预料的奇妙 BUG
第三条是获取系统级权限的不同
系统级权限都可以和微信小程序无缝衔接
第四条便是应用在生产环境的运行流畅度
长久以来，当 HTML5 应用面对复杂的业务逻辑或者丰富的页面交互时，它的体验总是不尽人意，需要不断的对项目优化来提升用户体验。但是由于微信小程序运行环境独立
9、怎么解决小程序的异步请求问题？
答：
在回调函数中调用下一个组件的函数：
app.js

success: function (info) {
that.apirtnCallback(info)
}

index.js

onLoad: function () {
app.apirtnCallback = res => {
console.log(res)
}
｝

10、小程序的双向绑定和 vue 哪里不一样？
答：
小程序直接 this.data 的属性是不可以同步到视图的，必须调用：

this.setData({
dataA:data //dataA 是页面初始化 data：｛｝里面的值；data 是要赋的值
})