前端笔试题知识点(一)

发布时间:2024年01月17日

1.vue如何实现数据的双向绑定

利用 v-model
通过 Object.defineProperty() 来劫持各个属性的 setter getter ,在数据变动时发布
消息给订阅者,触发相应的监听回调来渲染视图

2.使用vue渲染大量数据时,如何进行优化(思路)

分页:将数据分成多个页面,每次只加载当前页面的数据
虚拟滚动:只渲染可见区域的数据,而不是全部数据
懒加载:只在需要时加载数据
虚拟 DOM
监听和计算属性
nextTick :将渲染任务放到事件循环的下一个 tick 中执行
异步组件: async await
缓存组件: keep-alive
当在组件之间切换的时候,有时会想保持这些组件的状态,以避免反复重
渲染导致的性能等问题,使用包裹动态组件时,会缓存不活动的组件实
例,而不是销毁它们。
v-for
v-show v-if
但是需要注意,一个页面当中不能大量使用 v-if ,要不然也会造成性能问题

3.分别写出jQueryvue、小程序、uniapp中本 地存储数据和接收数据时什么

jQuery vue
本地存储的三种方式: cookie localstorage sessionstorage 通过 Ajax 来从服务器接收数据
小程序
wx.setStorageSync(key,data) :其中 key 时数据的键, data 时要存储的数
可以通过发送网络请求来接收服务器端的数据。使用 “wx.request 方法发
送请求,并使用回调函数处理返回的数据 .
uniapp
uni.setStorageSync(key,data)
和小程序类似,在 uni-app 中也可以通过发送网络请求来接收服务器端的
数据。使用 "ni.request 方法发送请求,并使用回调函数外理返回的数据。

4.数组去重有哪些方式,请写出1-2种你觉得最优 的方案

set( 最优 )
一大特性:不允许有重复值的存在
双重 for 循环
indexof
includes

5.varletconst的区别

var
声明的变量存在变量提升
声明的是全局变量
可以重复声明相同的变量名
let
声明的变量不存在变量提升
声明的是局部变量(块级作用域)
不可以重复声明相同的变量名
可以重新进行赋值
const
声明的常量不存在常量提升
声明的是局部常量(块级作用域) 不可以重复声明相同的常量名
如果是基本数据类型的话,不允许重新进行赋值;如果是引用数据类型的
话,可以重新赋值

6.什么时候需要清除浮动,清除浮动的方式有哪些

什么时候需要清除浮动
父盒子没设高
子盒子使用了浮动
影响到了布局
清除浮动的方式
给父元素加高
overflow hidden
给使用浮动元素后面添加空的块元素,添加 clear: both
给使用浮动的父级添加 after 伪类
/* #father::after{content: ""; display: block; clear: both;} */

7.行内元素、块级元素、空元素有哪些

行内元素
span a input button img textarea label( 标签为 input 元素定义标注(标记) )
select( 单选或多选 ) 块级元素
div p h1-h6 dl ul ol li table( 表格 ) td( 单元格 )
空元素
hr br link template(vue 中的 )

8.=====的区别

==
只判断值是否正确,可能会有隐式类型转换的情况
===
先会判断值是否相等
类型之间不可以进行隐式转换
判断当前值的数据类型是否相等
(三个条件都成立才会达到 ===

9.谈一谈你对MVVM模式的理解

vue 的底层原理,是一种设计模式
全称是 model-view-ViewModel
model 是数据模型, view UI 组件, ViewModel model 层和 view 层之间的桥梁。 view 层的
数据变化会同步到 model 中, model 的数据更新也会立刻反应到 view 层上, ViewModel 通过
双向数据绑定把 view 层和 model 层连接起来

10.vue的生命周期有哪些

vue2
beforeCreate -- 创建前
created -- 创建后
beforeMount -- 挂载前
Mounted -- 挂载后
beforeUpdate -- 更新前
Updated -- 更新后
beforeDestroy -- 销毁前
Destroyed -- 销毁后
vue3
setup -- 创建前后
onBeforeMount -- 挂载前
onMounted -- 挂载后
onBeforeUpdate -- 更新前
onUpdated -- 更新后
onBeforeUnmount -- 销毁前
onUnmounted -- 销毁后
文章来源:https://blog.csdn.net/Mangcun_tutu/article/details/135562162
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。