小程序

140 阅读2分钟

小程序相关

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})来取值

12.小程序中传参是怎么传的

13.和 vue 类比介绍

14.说一下微信小程序的适配问题

15.小程序页面间有哪些传递数据的方法?

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

17.说一下微信小程序的适配问题

18.小程序跳转页面的方式

19.微信小程序如何跳转到其他小程序

小程序加载过慢的解决方式