2，一位前端大牛的BAT面试心得与经验总结，2024一线互联网校招面试真题解析

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

•当赋值或访问一个已知索引的元素时，会得到正确的类型：

•第 3 行，arr[1] 是一个字符串类型，拥有 substr() 方法。

•第 4 行，arr[0] 是一个数字类型，没有 substr() 方法，所以报错。

•元组类型允许在元素类型后缀一个 ? 来说明元素是可选的

•可选元素必须在必选元素的后面，也就是如果一个元素后缀了 ?号，其后的所有元素都要后缀 ?号。

枚举类型（enum）

随着计算机的不断普及，程序不仅只用于数值计算，还更广泛地用于处理非数值的数据。例如：性别、月份、星期几、颜色、单位名、学历、职业等，都不是数值数据。在其它程序设计语言中，一般用一个数值来代表某一状态，这种处理方法不直观，易读性差。如果能在程序中用自然语言中有相应含义的单词来代表某一状态，则程序就很容易阅读和理解。也就是说，事先考虑到某一变量可能取的值，尽量用自然语言中含义清楚的单词来表示它的每一个值，这种方法称为枚举方法，用这种方法定义的类型称枚举类型。

写法

enum 枚举名{

标识符[=整型常数],

标识符[=整型常数],

…

标识符[=整型常数],

} ;

枚举类型（enum）示例

enum Flag {success = 1, error = 2};

let s:Flag=Flag.success; let f:Flag=Flag.error;

alert(s);//1

alert(f);//2

enum Color {blue,red=3,‘orange’};

document.write(JSON.stringify(Color));

let c:Color=Color.blue;

alert©; //0

let d:Color=Color.red;

alert(d); //3 如果标识符没有赋值 它的值就是下标

let e:Color=Color.orange;

alert(e); //4

let g= Color[4];

alert(g);//‘orange’

任意类型（any）

var num:any=123;

num=‘str’;

num=true;

alert(num)

任意类型（any）的用处

var oBox=document.getElementById(‘box’);//typeScript中的数据类型没有Object

oBox.style.color=‘red’;//会有警告：Object is possibly ‘null’

var oBox:any=document.getElementById(‘box’);

oBox.style.color=‘red’;

null 和 undefined  ：属于其他数据类型（never类型）的子类型

//变量定义未赋值

var num:number;

alert(num) //输出：undefined 报错

var num2:undefined;

//定义num2 同时指定undefined

alert(num2) //输出：undefined //正确

var num4:null;

num4 = null;

alert(num4)

一个元素可以设置多个类型

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

专业技能

一般来说，面试官会根据你的简历内容去提问，但是技术基础还有需要自己去准备分类，形成自己的知识体系的。简单列一下我自己遇到的一些题

• HTML+CSS

• JavaScript

• 前端框架

• 前端性能优化

• 前端监控

• 模块化+项目构建

• 代码管理

• 信息安全

• 网络协议

• 浏览器

• 算法与数据结构

• 团队管理

最近得空把之前遇到的面试题做了一个整理，包括我本人自己去面试遇到的，还有其他人员去面试遇到的，还有网上刷到的，我都统一的整理了一下，希望对大家有用。

其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器等等

由于文章篇幅有限，仅展示部分内容

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-YmLxqKVs-1713025011965)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！