[移动开发]微信小程序复习题

1. 简单描述下微信小程序的相关文件类型？

页面文件：pages——index——index.js——index.json——index.wxml——index.wxss

全局文件：app.js、app.json、app.wxss、project.config.json

2. 你是怎么封装微信小程序的数据请求的？

1.将所有的接口放在统一的js文件中并导出

2.在app.js中创建封装请求数据的方法

3.在子页面中调用封装的方法请求数据

3. 有哪些参数传值的方法？

<navigator url="....?id=2"></navigator>

wx.navigateTo({
    url:"...?id="+2
})

4. 你使用过哪些方法，来提高微信小程序的应用速度？

1.提高页面加载速度

2.用户行为预测

3.减少默认data大小

4.组件化方案

5. 小程序与原生App哪个好？

1.通过微信搜索即可打开；从应用商店下载安装

2.占用内存和微信共同使用；安装与手机内存，一直占用内存空间

3.一次开发，多终端适配；需适配各种主流手机

6. 简述微信小程序原理？

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

7. 分析下微信小程序的优劣势？

优点：1.无需下载，通过搜索和扫一扫就可以打开

     2.良好的用户体验：打开速度更快

     3.开发成本低

缺点：1.页面大小不超过2M，页面栈只能存储10个

     2.组件样式单一，且无法修改

     3.不能分享朋友圈

     4.依托于微信，无法开发后台管理系统

8. 微信小程序与H5的区别？

1.传统h5运行的环境是浏览器，而微信小程序运行环境并非完整的浏览器，是
  微信开发团队基于浏览器内核完全重构的一个内置解析器

2.微信小程序有自己的开发语言标准

3.不需要顾虑浏览器的兼容性

4.系统权限都可以和小程序无缝衔接

9. 怎么解决小程序的异步请求问题？

在回调函数中调用下个组件函数

10. 小程序的双向绑定和vue哪里不一样？

小程序直接this.data的属性不可以同步到视图的，必须调用

11. 小程序的wxss和css有哪些不一样的地方？

1.wxss的图片引入需要使用网络连接地址

2.没有body样式

12.webview中的页面怎么跳回小程序中？

Webview 是一个基于webkit的引擎，可以解析DOM 元素，展示html页面的控件，
它和浏览器展示页面的原理是相同的，所以可以把它当做浏览器看待

h5需要引入最新版的jweixin-1.3.2.js，然后

wx.minProgram.navigateTo({
    url:'小程序路径'
})

13. 小程序关联微信公众号如何确定用户的唯一性？

同一用户，对同一个微信开放平台下的不同应用，unionid 是相同的
使用wx.getUserInfo方法withCredentials为true时可获取
encryptedData，里面有union_id。后端需要进行对称解密

14. 如何实现下拉刷新？

在页面的json文件中写入{ "enablePullDownRefresh": true }
js页面调用onPullDownRefresh()函数

15. 使用webview直接加载要注意哪些事项？

1.要在小程序后台使用管理员添加业务域名

2.h5页面跳转至小程序的脚本必须是在1.3.1以上

3.h5的支付不可一世微信公众号的appid，必须是小程序的appid

16. 小程序调用后台接口遇到哪些问题？

1.数据的大小有限制，超出会导致小程序崩溃

2.小程序不可以直接渲染html文本内容，必须借助插件

17.webview的页面怎么跳转到小程序导航的页面？

wx.miniProgram.navigateTo({
    url: '/pages/index/index'
})

18. 小程序和Vue写法的区别？

1.vue动态绑定属性使用v-bind，微信小程序动态绑定值加上{{}}

2.vue中使用v-if和v-show控制显示与隐藏，小程序使用wx:if和wx:hidden

3.vue使用this.变量名取值；小程序使用this.data.变量名

19. 小程序生命周期

页面生命周期：onLoad()  onShow() onReady() onHide() onUnload()

全局生命周期：onLaunch() onShow() onHide() onError() onPageNotFound()

20. h5页面如何传递参数给小程序？

wx.miniProgram.navigateTo({
    url: '/pages/index/index?id='+2
})

21.微信小程序本地存储

设置：wx.setStorageSync()  wx.setStorage()

获取：wx.getStoragesync()  wx.getStorage()

移除：wx.removeStorageSync()  wx.removeStorage()

清除所有：wx.clearStorageSync()  wx.clearStorage()