前端JS面试题汇总

面试题参考1

JS面试题

1、继承的方式

• call、apply的使用，其他对象.method.call(本对象);
• prototype的使用（原型）

https://blog.csdn.net/qq_36981190/article/details/118656533

2、ES6的

3、闭包

4、export和export default的区别？
https://segmentfault.com/a/1190000010426778
使用上的不同
export default xxx
import xxx from ‘./’

export xxx
import {xxx} from ‘./’

5、cookie
cookie是服务器返回的，指定了expire time（有效期）的是持久cookie,没有指定的是会话cookie
6、 get、post的区别

• get传参方式是通过地址栏URL传递，是可以直接看到get传递的参数，post传参方式参数URL不可见，get把请求的数据在URL后通过？连接，通过&进行参数分割。psot将参数存放在HTTP的包体内
• get请求可以被缓存，post不可以被缓存
• get后退不会有影响，post后退会重新进行提交

7、检查对象类型,检查对象是否是数组，Date
typeof
construct
typeof的值为String,number,boolean,object,function,undefined
typeof “john” + “
” + //String
typeof 3.14 + “
” + //number
typeof NaN + “
” + //number
typeof false + “
” + //boolean
typeof [1,2,3,4] + “
” + //object
typeof {name:‘john’, age:34} + “
” + //object
typeof new Date() + “
” + //object
typeof function () {} + “
” + //function
typeof myCar + “
” + //undefined
typeof null; //object
https://www.w3school.com.cn/js/js_type_conversion.asp
8.数值转换为字符串、字符串转化为数字
toString()
String()
Number()
parseint()
parseFloat()
9、instanceof
如果对象是对象类型的实例，返回true,用于继承关系中使用
10、Undefined与Nulld的区别
11、() 运算符调用函数
12、NaN - 非数值
isNaN() 确定是否为数字
NaN 是数，typeof NaN 返回 number
toString() 以字符串返回数值
13、查找字符串中的字符 indexOf 、lastIndexOf
提取部分字符串 slice
替换字符串 replace
转换大小写 toUpperCase toLowerCase
连接两个字符串 concat
删除字符串两端的空白符 trim
把字符串转换为数组 split
14、数组和对象的区别
数组使用数字索引，对象使用命名索引
https://www.w3school.com.cn/js/js_arrays.asp
15、遍历数组，增删改查
instanceof 运算符用来测试一个对象是否是array(主要是原型链)
typeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。
判断变量是否是数组类型：两种方法
toString、join，pop、push、shift、unshift、concat、splice()，reverse，sort

construct属性可以返回所有 JavaScript 变量的构造器函数
function isArray(myArray) {
return myArray.constructor === Array;
}
16、js变量的有效期：局部变量会在函数完成时被删除。全局变量会在您关闭页面是被删除
函数参数：函数参数也是函数内的局部变量。
17、在严格模式中，您无法，例如，使用未声明的变量。
举例来说，在普通的 JavaScript 中，错打变量名会创建新的全局变量。在严格模式中，此举将抛出错误，这样就不可能意外创建全局变量。

css面试题

1、清楚浮动
::after /
/ clear: both
创建父级 BFC(overflow:hidden)
父级设置高度
BFC （块级格式化上下文），是一个独立的渲染区域，让处于 BFC 内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。

2、html如何渲染

• 浏览器解析html源码，然后创建一个 DOM树
• 浏览器解析CSS代码，构建CSSOM树
• DOM Tree + CSSOM 一一对应生成 --> 渲染树（rendering tree）

3、事件冒泡和事件委托
待补充