小程序相关
1.小程序的优势
无需下载安装,直接使用,运行速度快,项目搭建迅速,短小精悍,
每个 app 源代码不超过 2mb
2.小程序的页面构成(4 个文件)
Index.js index.json index.wxml index.wxss
3.小程序的生命周期
Onload onready onshow onhide onunload
Onpulldownrefresh onreachbottom onshareappmessage
4.小程序如何请求数据
用 request
5.如何提高小程序的首屏加载时间
-
提前请求:异步数据数据请求不需要等待页面渲染完成
-
利用缓存:利用 storage API 对异步请求数据进行缓存,二次启动时
-
先利用缓存数据渲染页面,再进行后台更新
-
避免白屏:先展示页面骨架和基础内容
-
及时反馈:及时地对需要用户等待的交互操作给出反馈,避免用户以为小程序没有响应
-
性能优化:避免不当使用 setdata 和 onpagescroll
6.请简述你经常使用的小程序的组件
View icon text image swiper navigator input button map
7.Wxss 与 css 的区别请简述
Wxss 新增了尺寸单位 rpx
提供了全局样式和局部样式
Wxss 仅支持部分 css 选择器 id’ class 元素等
8.小程序如何实现响应式
Rpx
9.怎么优化小程序
-
提高页面加载速度
-
用户行为预测
-
减少默认 data 的大小
-
组件化方案
-
自主获知自己的服务器
10.小程序如何显示用户头像与用户名
-
传统接口 wx.getuserinfo 目前可以用,需要用户授权,使用时会有官方发提示,这个方法需要升级
-
最新方法:open-data 标签,使用这个标签可以不用用户授权直接获取头像和用户名,可以在 button 中将 opendata 作为属性写进去,写个点击事件就直接获取到了
11.请谈谈小程序的双向绑定和 vue 的异同?
Vue双向绑定是通过数据拦截和观察者模式,通过this.value获取值,
小程序是通过触发表单元素绑定的方法,在方法中用 this.setData({key:value})来取值