2024年最全2024(6)，四轮面试完后希望大吗

最后

在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

• HTML5新特性，语义化

• 浏览器的标准模式和怪异模式

• xhtml和html的区别

• 使用data-的好处

• meta标签

• canvas

• HTML废弃的标签

• IE6 bug，和一些定位写法

• css js放置位置和原因

• 什么是渐进式渲染

• html模板语言

• meta viewport原理

• 开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

cur+=pre;

pre = cur-pre;

}

return cur;

}

}

4. 闭包

5. 原型链

6. SQL学生成绩，如何按区间筛选，并且求出每个区间的平均值

第二次一面

---

1. 两个字符串最大子串

想写下面这个算法的，但是最后没写出来，面试官点评说，想不出来可以考虑，先截取子串，再利用 indexOf 去判断是否存在就可以

function lcs(word1,word2) {

var max = 0;

var index = 0;

var lcsarr = new Array(word1.length + 1);

for (var i = 0; i <=word1.length + 1; i++) {

lcsarr[i] = new Array(word2.length + 1)

for (var j = 0; j <= word2.length+1; j++) {

lcsarr[i][j] = 0;

}

}

for (var i = 0; i <=word1.length; i++) {

for (var j = 0; j <= word2.length; j++) {

if (i == 0 || j == 0) {

lcsarr[i][j] = 0;

}else {

if (word1[i - 1] == word2[j - 1]) {

lcsarr[i][j] = lcsarr[i - 1][j - 1] + 1;

}else {

lcsarr[i][j] = 0;

}

}

if (max < lcsarr[i][j]) {

max = lcsarr[i][j];

index = i;

}

}

}

var str = “”;

if (max == 0) {

return “”;

}else{

for (var i = index - max; i < index; i++) {

str += word2[i];

}

return str;

}

}

2. 实现fun函数满足fun(2)(3)(4)=2，要求考虑扩展

函数柯里化

function fun(num){

var sum = 1;

sum= sum * num;

var tempFun=function(numB){

if(arguments.length===0){

return sum;

}else{

sum= sum * numB;

return tempFun;

}

}

tempFun.valueOf=function(){

return sum;

}

tempFun.toString=function(){

return sum+‘’;

}

return tempFun;

}

3. watch和computed区别，对于computed缓存性的理解

计算属性是自动监听依赖值的变化，从而动态返回内容；监听是一个过程，在监听的值变化时，可以触发一个回调，并做一些事情。

区别

1.computed具有缓存性，不会重复计算，适用于一个数据受多个数据影响/当数据变化需要执行异步或开销较大的操作。

2.watch不具有缓存性，适用于一个数据影响多个数据/存在复杂逻辑的操作。

补充

1.watch同样可以实现监听多个数据

利用computed将多个数据整合成一个对象，再用watch监听合成的对象。

2.computed 和 methods 的区别

methods是一个方法，它可以接受参数，而computed不能。但computed是可以缓存的，methods不可以。

3.computed 是否能依赖其它组件的数据？

computed可以依赖其他computed，甚至是其他组件的data

4.watch 是一个对象时，它有哪些选项？

handler（处理事件）

deep 是否深度 （可以利用这个选项监听对象中的属性变动）

immediate 是否立即执行

5.为什么computed具有缓存性

看完这篇你一定懂computed的原理

以我的理解来看，主要是因为computed里面有个dirty属性，每次执行之后watcher.dirty会设置为false，只要依赖的data值改变时才会触发，watcher.dirty为true,从而获取值时从新计算。

4. 惰性加载

vue 懒加载

5. vue-router怎么触发模块变化

最后

由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

最后

由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-IBBufpqi-1715638225209)]

[外链图片转存中…(img-niisY3Vt-1715638225210)]