字节内部前端开发手册（完整版）开放下载，写给程序员的Flutter详细教程

但是今年问的难度和深度应该比前几年有所增加，下面从总体分析和重要点两个维度来分析一下：

总体分析

• 前端问的最多的还是 js基础、计算机网络基础等，建议在此处多下功夫。

• 而 css 相关的很少问到，最多也就问个三栏布局、两栏布局、水平垂直居中，把前两节看了面试基本没啥问题。

• 框架 React/Vue 相关的在中小公司问的多一些，差不多占到面试时间的一半。而大厂不爱问框架，更注重基础，因为入职之后让你用哪个框架你就用哪个框架…即使问也是问比较底层的东西，比如 vue 的双向绑定原理。

重要点

最后再列举几个重要的点，无论大中小公司基本都会问的：

性能优化，以及每个优化点具体怎么做，每个点都可能延伸了问。

• 比如你说异步加载，面试官会追问异步加载的方法，deffer 和 async 的区别。

• 你说充分利用缓存，面试官会问缓存都有哪些方式，什么是强缓存什么是协商缓存，它们的返回码分别是什么，哪些资源存在 memory cache 哪些存在 disk cache…

http/https/http2.0。三次握手四次挥手，https 为什么安全为什么慢，跟 http 的区别，http2.0 都有哪些优化，浏览器输入url到看到页面的整个流程…

• 安全类的常见的攻击手段，记好 CSRF 和 XSS 攻击的原理和防范措施就好了。

• ES6 新特性，还有针对 var 和 let 的各种变态题。

• 跨域的几种方式。

除了以上这些，大公司还喜欢让你介绍一个你觉得做的比较好的项目，有哪些亮点。这块一定要好好准备，你讲的项目用到的技术最好能够了解的非常深入，避免给自己挖坑。

不同于其他，工程师真的是一个终身学习的行业，尤其是前端领域，知识杂且多、网上资料还良莠不齐，想要靠自己梳理清楚确实不容易。不管你是社招还是校招，下面这份前端面试攻略，请收好。

这里给大家分享一份由字节3-1前端面试官整理的「2021大厂前端面试手册」，内容囊括Html、CSS、Javascript、Vue、HTTP、浏览器面试题\数据结构与算法。全部整理在下方文档中，共计111道，文档结构如下：

HTML

• HTML5有哪些新特性？

• Doctype作⽤? 严格模式与混杂模式如何区分？它们有何意义?

• 如何实现浏览器内多个标签页之间的通信？

• ⾏内元素有哪些？块级元素有哪些？ 空(void)元素有那些？⾏内元 素和块级元素有什么区别？

• 简述⼀下src与href的区别？

• cookies,sessionStorage,localStorage 的区别？

• HTML5 的离线储存的使用和原理？

• 怎样处理 移动端 1px 被 渲染成 2px 问题？

• iframe 的优缺点？

• Canvas 和 SVG 图形的区别是什么？

• …

JavaScript

• 问：0.1 + 0.2 === 0.3 嘛？为什么？

• JS 数据类型

• 写代码：实现函数能够深度克隆基本类型

• 事件流

• 事件是如何实现的？

• new 一个函数发生了什么

• 什么是作用域？

• JS 隐式转换，显示转换

• 了解 this 嘛，bind，call，apply 具体指什么

• 手写 bind、apply、call

• setTimeout(fn, 0)多久才执行，Event Loop

• 手写题：Promise 原理

• 说一下原型链和原型链的继承吧

• 数组能够调用的函数有那些？

• PWA使用过吗？serviceWorker的使用原理是啥？

• ES6 之前使用 prototype 实现继承

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

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

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

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

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

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

最后

==
就答题情况而言，第一问100%都可以回答正确，第二问大概只有50%正确率，第三问能回答正确的就不多了，第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法，都是一些可能会遇到的场景，而大多数人但凡有1年到2年的工作经验都应该完全正确才对。
只能说有一些人太急躁太轻视了，希望大家通过此文了解js一些特性。

就答题情况而言，第一问100%都可以回答正确，第二问大概只有50%正确率，第三问能回答正确的就不多了，第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法，都是一些可能会遇到的场景，而大多数人但凡有1年到2年的工作经验都应该完全正确才对。
只能说有一些人太急躁太轻视了，希望大家通过此文了解js一些特性。

并祝愿大家在新的一年找工作面试中胆大心细，发挥出最好的水平，找到一份理想的工作。