web前端开发流程，前端和web工程师，文档基础教学视频

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

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

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

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

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

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

正文

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

9，HTML全局属性(global attribute)有哪些

10，viewport的content属性作用

11，meta 相关

12，div+css的布局较table布局有什么优点

13，简述一下src与href的区别

14，知道的网页制作会用到的图片格式有哪些

15， 如何在 HTML5页面中嵌入音频与视频？

CSS

1，水平居中的方法

2，垂直居中的方法

3，link 与 @import 的区别

4，三列布局（中间固定两边自适应宽度）

5，BFC 有什么用

6，清除浮动的几种方式

7，CSS3有哪些新特性

8，css3 新增伪类 - 伪元素

9，为什么要初始化CSS样式

10，IE盒子模型 、W3C盒子模型

11，请解释一下CSS3的Flexbox（弹性盒布局模型）,以及适用场景

12，display:inline-block 什么时候不会显示间隙？

13，行内元素float:left后是否变为块级元素？

14，如果需要手动写动画，你认为最小时间间隔是多久，为什么？

15，display:inline-block 什么时候会显示间隙？

16，CSS权重，计算规则

17，Sass、LESS是什么？大家为什么要使用他们？

18，stylus，sass，less区别

19，rgba() 和 opacity 的透明效果有什么不同？

20，px和em的区别

21，使用css实现一个持续的动画效果

22，重排和重绘

23，什么情况会触发重排和重绘？

JavaScript

1，说几条JavaScript的基本规范

2，闭包

3，变量对象

4，作用域

5，说说你对作用域链的理解

6，JavaScript原型，原型链 ? 有什么特点？

7，什么是事件委托

8，类的创建

9，如何实现继承？

10，谈谈This对象的理解

11，事件模型

12，new操作符具体干了什么呢?

13，Ajax原理

14，Ajax解决浏览器缓存问题

15，如何解决跨域问题?

16，说说你对AMD和Commonjs的理解

17，js的7种基本数据类型

18，介绍js有哪些内置对象

19，JS有哪些方法定义对象

20，你觉得jQuery源码有哪些写的好的地方

21，null，undefined 的区别

22，谈谈你对ES6的理解

23，面向对象编程思想

24，如何通过JS判断一个数组

25，异步编程的实现方式

26，对原生Javascript了解方向

27，sort 快速打乱数组

28，数组去重操作

29，JS 原生拖拽节点

30，深拷贝、浅拷贝

31，节流防抖

32，变量提升

33，JS中的垃圾回收机制

34，如何理解前端模块化

35，js单线程

36，说说event loop

37，描述下this

38，ajax、axios、fetch区别

浏览器

1，浏览器存储的方式有哪些

2，浏览器内核的理解

3，HTTP 的请求方式场景

4，HTTP状态码

5，从浏览器地址栏输入URL后发生了什么？

6，请你谈谈Cookie的优缺点

7，cookies ， sessionStorage 和 localStorage 的区别

8，浏览器缓存

9，浏览器渲染的步骤

10，GET 和 POST 请求的区别

11，什么是reflow

12，什么时候会导致reflow发生呢？

13，减少reflow对性能的影响

性能优化

判断

回到题目，如果你真想检验一个人的水平。第一步先考察一下基本的编程基础，问几个基本的编程问题，可以和前端相关也可以无关。比如垃圾收集大致是怎么做的，setTimeout 大致做了什么（说会在另一个线程里执行回调的直接毙掉）。

第二步考察一下知识面，问问http、tcp的基本知识，dns是怎么工作的，或者常用框架的实现原理，看看候选人是不是除了自己的一亩三分地什么都不关心。

第三步考察hold业务逻辑的能力，从一个简单的注册页，或者查询页开始，先让说下代码的基本架构，然后需求、性能、可靠性、安全层层加码，看看能不能很快的反馈出解决方案。能对答如流的要么做过，要么对他来说这种复杂度的东西是小case。

前三步都没问题，基本上说明候选人已经还行了，但是行到什么程度，不知道。如果想找比较厉害的，就增加个第四步，亮点项目考察。

总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了，我整理一套前端面试题分享给大家，希望对即将去面试的小伙伴们有帮助！

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

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

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

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

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