小程序的开发流程:
确定小程序的功能定位和小程序所解决的用户痛点
首先你需要确定小程序的功能定位是怎么样的,是具有购买功能的商城小程序,还是具有分销功能的小程序,或是为了展示企业形象的展示类型的小程序。
小程序功能种类繁多,所以能化身为应用于各场景下用户的使用工具,对于商家和企业首先需要考虑的就是,小程序能够为用户解决什么?怎么样解决?
定义制作周期和制作团队
小程序的制作就是一个项目,需要计算它制作的周期和相关的人员配备,这样能够清晰计算出这个项目所带来的成本消耗是否符合预期;
制作团队,如果商家和企业具备开发实力的话,可以自行按照微信所规定的设计规范进行开发,其中包括了前端和后台的开发设计;如果商家和企业不具备开发实力的话,可以按照自身的需求来寻找第三方开发公司来实现小程序的开发设计。
确定设计方案
设计方案是根据设计的交互,来进行出具高保真模型的设计,再根据高保真模型来进行渲染开发,设计除了传统主色调、副色调的安排,还需要具备功能交互设计的合理性。
准备应用素材
此处的应用素材除了小程序内部运营的素材,如小程序内部广告banner的设计,引导图的设计等等,还需要具备小程序外部运营的素材,线上的推广,文案引导的设计。
小程序的环境测试
开发成形的小程序必须要环节测试,不然会出现许多BUG,检验出BUG就可以及时进行修复,避免在上线后产生不必要的成本损失。
小程序上线准备
小程序的上线准备包括了,小程序的注册、运营管理者的开通,支付账号的开通等,小程序递交至后台审核代码后方可进行上线发布版本。
小程序的优势:
无需下载安装,直接使用,运行速度快,项目搭建迅速,短小精悍,每个app源代码不超过2mb
小程序的页面构成(4个文件)
Index.js index.json index.wxml index.wxss
小程序的生命周期:
Onload onready onshow onhide onunload
Onpulldownrefresh onreachbottom onshareappmessage
小程序如何请求数据:用request
如何提高小程序的首屏加载时间
提前请求:异步数据数据请求不需要等待页面渲染完成
利用缓存:利用storage API对异步请求数据进行缓存,二次启动时先利用缓存数据渲染页面,再进行后台更新
避免白屏:先展示页面骨架和基础内容
及时反馈:及时地对需要用户等待的交互操作给出反馈,避免用户以为小程序没有响应
性能优化:避免不当使用setdata和onpagescroll
请简述你经常使用的小程序的组件
View icon text image swiper navigator input button map
传统接口wx.getuserinfo 目前可以用,需要用户授权,使用时会有官方发提示,这个方法需要升级
最新方法:open-data标签,使用这个标签可以不用用户授权直接获取头像和用户名,
可以在button中将opendata作为属性写进去,写个点击事件就直接获取到了
请谈谈小程序的双向绑定和vue的异同?
Vue双向绑定是通过数据拦截和观察者模式,通过this.value获取值,小程序是通过触发表单元素绑定的方法,在方法中用this.setData({key:value})来取值
以及相关小程序的其他问题:
1、 Wxss与css的区别请简述
2、Wxss新增了尺寸单位 rpx
3、提供了全局样式和局部样式
4、Wxss仅支持部分css选择器 id’ class 元素等
5、小程序如何实现响应式
6、怎么优化小程序
7、提高页面加载速度
8、用户行为预测
9、减少默认data的大小
10、组件化方案
11、自主获知自己的服务器
12、小程序如何显示用户头像与用户名