基础面试题常问

最新推荐文章于 2024-09-15 21:53:26 发布

gradient123

最新推荐文章于 2024-09-15 21:53:26 发布

阅读量77

点赞数

文章标签：前端 javascript 开发语言 Powered by 金山文档

本文链接：https://blog.csdn.net/gradient123/article/details/129007466

版权

h5新特性：

新增选择器 document.querySelector、document.querySelectorAll

拖拽释放(Drag and drop) API

媒体播放的 video 和 audio

本地存储 localStorage 和 sessionStorage

语意化标签 article、footer、header、nav、section

增强表单控件 calendar、date、time、email、url、search

地理位置 Geolocation

多任务 webworker

全双工通信协议 websocket

历史管理 history

跨域资源共享(CORS) Access-Control-Allow-Origin

Form Data 对象

绘画 canvas

html5语义化

语义化优点：

易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。

有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。

方便屏幕阅读器解析，如盲人阅读器根据语义渲染网页

有利于开发和维护，语义化更具可读性，代码更好维护，与CSS3关系更和谐。

let const var 区别

let、const、var的区别：①重复声明 ②变量提升 ③暂时性死区 ④块级作用域 ⑤window对象的属性和方法（全局作用域中）

var允许重复声明，let、const不允许

区别三：暂时性死区

只要作用域内存在let、const，它们所声明的变量或常量就会自动“绑定”这个区域，不再受外部作用域的影响

这个暂时性死区说白了就是在函数作用域内部声明的变量将会与对应的函数作用域进行绑定（当然没有的话还是会向上查找），当函数内部存在重复声明或者变量提示时，就算外面的作用域已经声明了这个变量，它的运行还是认准的该函数作用域中的声明情况

区别四：window对象的属性和方法（全局作用域中）

全局作用域中，var声明的变量，通过function声明的函数，会自动变为window对象的变量，属性或方法，但const和let不会

区别五：块级作用域

var没有块级作用域，let和const有块级作用域

js数据类型

基本数据类型：

Number，String，Boolean，null，undefined，symbol，bigint（后两个为ES6新增）

引用数据类型：

object，function（proto Function.prototype）

object：普通对象，数组对象，正则对象，日期对象，Math数学函数对象。

两种数据存储方式：

基本数据类型是直接存储在栈中的简单数据段，占据空间小、大小固定，属于被频繁使用的数据。栈是存储基本类型值和执行代码的空间。

引用数据类型是存储在堆内存中，占据空间大、大小不固定。引用数据类型在栈中存储了指针，该指针指向堆中该实体的起始地址，当解释器寻找引用值时，会检索其在栈中的地址，取得地址后从堆中获得实体。

两种数据类型的区别：

堆比栈空间大，栈比堆运行速度快。

堆内存是无序存储，可以根据引用直接获取。

基础数据类型比较稳定，而且相对来说占用的内存小。

引用数据类型大小是动态的，而且是无限的。

Object.assign的理解

作用：Object.assign可以实现对象的合并。

语法：Object.assign(target, ...sources)

Object.assign会将source里面的可枚举属性复制到target，如果和target的已有属性重名，则会覆盖。

后续的source会覆盖前面的source的同名属性。

Object.assign复制的是属性值，如果属性值是一个引用类型，那么复制的其实是引用地址，就会存在引用共享的问题。

constructor的理解

创建的每个函数都有一个prototype（原型）对象，这个属性是一个指针，指向一个对象。在默认情况下，所有原型对象都会自动获得一个constructor（构造函数）属性，这个属性是一个指向prototype属性所在函数的指针。当调用构造函数创建一个新实例后，该实例的内部将包含一个指针（继承自构造函数的prototype），指向构造函数的原型对象。注意当将构造函数的prototype设置为等于一个以对象字面量形式创建的新对象时，constructor属性不再指向该构造函数。

map 和 forEach 的区别

相同点：

都是循环遍历数组中的每一项

每次执行匿名函数都支持三个参数，参数分别为item（当前每一项），index（索引值），arr（原数组）

匿名函数中的this都是指向window

只能遍历数组

不同点：

map()会分配内存空间存储新数组并返回，forEach()不会返回数据。

forEach()允许callback更改原始数组的元素。map()返回新的数组。

map不会改变原始数组

JS for-in和for-of的区别

for-in实例：

let arr = [1, 2, 3, 4, 5]

Array.prototype.id = 123

arr.name = 'Jessica'

for (let index in arr) {

console.log(index, arr[index]);

}

for-of实例：

let arr = [1, 2, 3, 4, 5]

Array.prototype.id = 321

arr.name = 'Mars'

for (let value of arr) {

console.log(value);//只能拿到[1,2,3,4,5]

}

两者区别：

1.for-in只是获取数组的索引；而for-of会获取数组的值

2.for-in会遍历对象的整个原型链，性能差；而for-of只遍历当前对象，不会遍历原型链

3.对于数组的遍历，for-in会返回数组中所有可枚举的属性(包括原型链上可枚举的属性)；for-of只返回数组的下标对应的属性值

4.for-of适用遍历数组／字符串/map/set等有迭代器对象的集合，但是不能遍历普通对象（obj is not iterable）

补充说明for-of只遍历当前有迭代器对象的集合，不会遍历原型链

iframe有什么优点、缺点

优点：

iframe能够原封不动的把嵌入的网页展现出来。

如果有多个网页引用iframe，那么你只需要修改iframe的内容，就可以实现调用的每一个页面内容的更改，方便快捷。

网页如果为了统一风格，头部和版本都是一样的，就可以写成一个页面，用iframe来嵌套，可以增加代码的可重用。

如果遇到加载缓慢的第三方内容如图标和广告，这些问题可以由iframe来解决。

缺点：

iframe会阻塞主页面的onload事件；

iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载。会产生很多页面，不容易管理。

iframe框架结构有时会让人感到迷惑，如果框架个数多的话，可能会出现上下、左右滚动条，会分散访问者的注意力，用户体验度差。

代码复杂，无法被一些搜索引擎索引到，这一点很关键，现在的搜索引擎爬虫还不能很好的处理iframe中的内容，所以使用iframe会不利于搜索引擎优化（SEO）。

很多的移动设备无法完全显示框架，设备兼容性差。

iframe框架页面会增加服务器的http请求，对于大型网站是不可取的。

dva的数据流流向是怎么样的

数据的改变发生通常是通过用户交互行为或者浏览器行为（如路由跳转等）触发的，当此类行为会改变数据的时候可以通过dispatch发起一个 action，如果是同步行为会直接通过Reducers改变State，如果是异步行为（副作用）会先触发Effects然后流向Reducers最终改变State，所以在 dva 中，数据流向非常清晰简明，并且思路基本跟开源社区保持一致。