web游戏开发，CSS的浮动属性，2024年最新华为 前端 面试

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

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

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

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

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

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

正文

2，基础知识

html，css，js 的核心知识，其中 js 的核心知识尤为重要。

HTML

1，你如何理解HTML结构的语义化

2，说说 title 和 alt 属性

3，Html5 有哪些新特性、移除了哪些元素

4，Label的作用是什么？是怎么用的？

5，浏览器是怎么对 Html5 的离线储存资源进行管理和加载的呢

6，iframe有那些缺点？

7，HTML W3C的标准

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区别

…

需要前端基础，面试题宝典，算法面试题PDF完整版，私信 “前端基础” 获取。

3，算法知识

把算法单独拿出来，是因为近年来在大厂的面试中对数据结构和算法的考察越来越重视。

算法和数据结构的学习是很有必要的，虽然对于前端岗位的算法要求可能不会那么高，但是基本的递归、遍历、链表的操作、栈与队列的常见算法还是要会的。

• 时间复杂度

• 位运算

• 左移 <<

• 算数右移 >>

• 按位操作

• 排序

• 冒泡排序

• 插入排序

• 选择排序

• 归并排序

• 快排

• 堆排序

• 系统自带排序实现

• 链表

• 二叉树的先序，中序，后序遍历

• 递归实现

• 非递归实现

• 中序遍历的前驱后继节点

• 树的深度

• 动态规划

• 斐波那契数列

• 背包问题

• 最长递增子序列

• 字符串相关

4，整理面试题

整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。

最后

给大家分享一些关于HTML的面试题，有需要的朋友可以戳这里免费领取，先到先得哦。

1i6-1626950420604)]

[外链图片转存中…(img-aJT5HJga-1626950420605)]

最后

给大家分享一些关于HTML的面试题，有需要的朋友可以戳这里免费领取，先到先得哦。
[外链图片转存中…(img-DOp0Umfj-1626950420606)]
[外链图片转存中…(img-uKzvMV5c-1626950420606)]

总结

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！

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

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

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

喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！

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

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

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