每天几个前端小知识

简介: 每天几个前端小知识

小程序



1.小程序的优势


无需下载安装,直接使用,运行速度快,项目搭建迅速,短小精悍,每个app源代码不超过2mb


2.小程序的页面构成(4个文件)


Index.js

index.js

onindex.wxml

index.wxss


3.小程序的生命周期


Onload onready onshow onhide onunload

Onpulld ownrefresh onreach bottom onshare appmessage


4.小程序如何请求数据


用request


5.如何提高小程序的首屏加载时间


提前请求:异步数据数据请求不需要等待页面渲染完成

利用缓存:利用storageAPI对异步请求数据进行缓存,二次启动时

先利用缓存数据渲染页面,再进行后台更新

避免白屏:先展示页面骨架和基础内容

及时反馈:及时地对需要用户等待的交互操作给出反馈,避免用户以

为小程序没有响应

性能优化:避免不当使用setdata和onpagescroll


6.请简述你经常使用的小程序的组件


View icon text images wiper 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})来取值


目录
相关文章
|
6月前
|
移动开发 前端开发 JavaScript
大前端时代
大前端时代
98 1
|
6月前
|
前端开发 JavaScript 测试技术
前端 (3)
前端 (3)
26 0
|
1月前
|
前端开发 JavaScript 数据可视化
前端实用网站
【10月更文挑战第3天】
17 1
|
5月前
|
资源调度 前端开发 JavaScript
|
6月前
|
移动开发 前端开发 JavaScript
前端
前端
50 0
|
6月前
|
SQL 安全 前端开发
前端安全方面
前端安全方面
49 0
|
6月前
|
资源调度 前端开发 JavaScript
前端 (4)
前端 (4)
32 0
|
编解码 移动开发 前端开发
什么是前端,前端是什么?
什么是前端,前端是什么?
179 0
|
缓存 前端开发 JavaScript
每天几个前端小知识
每天几个前端小知识
59 0
|
前端开发
前端,理解this
前端,理解this
57 0