每天几个前端小知识

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

小程序



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


目录
相关文章
|
7月前
|
前端开发
前端必看的8个HTML+CSS技巧 (2)
前端必看的8个HTML+CSS技巧 (2)
|
7月前
|
前端开发 程序员 数据处理
关于前端的一些
关于前端的一些
47 1
|
7月前
|
移动开发 前端开发 JavaScript
前端
前端
52 0
|
编解码 移动开发 前端开发
什么是前端?
一、什么是前端 前端是指网页开发中与用户交互直接相关的部分,包括网页的设计、布局、交互以及与后端进行数据交互的功能。前端开发主要使用HTML、CSS和JavaScript等技术来实现网页的展示和交互功能。前端开发人员通常负责将设计师提供的网页设计转化为网页代码,并与后端开发人员进行协作,实现网页的功能和数据交互。前端开发的目标是提供用户友好的界面和良好的用户体验。 二、前端的特点 前端开发具有以下几个特点: 1. 用户界面设计:前端开发主要负责网页的设计和布局,包括页面的样式、排版、色彩等,以及用户交互的设计。前端开发人员需要具备一定的美学和设计能力,以提供用户友好的界面和良好的用户体验。
297 0
|
JavaScript 前端开发 API
前端攻坚战
前端攻坚战
|
缓存 前端开发 JavaScript
每天几个前端小知识
每天几个前端小知识
62 0
|
XML 前端开发 JavaScript
前端三剑客
前端三剑客
166 0
|
前端开发
前端,理解this
前端,理解this
68 0
|
Web App开发 前端开发 JavaScript
纯前端实现视频混流
随着前端音视频技术的不断成熟越来越多的直播平台开始提供网页开播的直播方式,不需要再使用 OBS 或者各家的直播伴侣。
557 0
|
前端开发 JavaScript UED
关于前端的一些思考
前端开发作为Web前端的重要组成部分,越来越受到关注。为了在竞争激烈的市场中脱颖而出,我们需要不断创新并进行原创性的开发。
100 0