2024年Web前端最全Web前端基础三剑客学习知识分享，一篇文章帮你解答

ES6

• 列举常用的ES6特性：

• 箭头函数需要注意哪些地方？

• let、const、var

• 拓展：var方式定义的变量有什么样的bug？

• Set数据结构

• 拓展：数组去重的方法

• 箭头函数this的指向。

• 手写ES6 class继承。

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

微信小程序

• 简单描述一下微信小程序的相关文件类型?

• 你是怎么封装微信小程序的数据请求？

• 有哪些参数传值的方法？

• 你使用过哪些方法，来提高微信小程序的应用速度？

• 小程序和原生App哪个好？

• 简述微信小程序原理？

• 分析微信小程序的优劣势

• 怎么解决小程序的异步请求问题？

其他知识点面试

• webpack的原理

• webpack的loader和plugin的区别？

• 怎么使用webpack对项目进行优化?

• 防抖、节流

• 浏览器的缓存机制

• 描述一下二叉树, 并说明二叉树的几种遍历方式?

• 项目类问题

• 笔试编程题：

最后

技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。

第一：基础要硬

首先，学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

第二：框架要熟

1.框架搭建

基础差不多，那你应该也会写一些静态的页面了，包括一些样式，js的引入等等。那之后，我是直接学习了框架，框架的学习其实也是一步一步来，首先，可以看一些视频（效率低），或者博客等等，上手搭建一个开发react/vue等框架，其实这些框架都有脚手架，如果刚开始，可以使用脚手架来搭建，之后有时间可以自己尝试着搭建。

2.框架入门

环境没什么问题后，就可以尝试写一个简单的todomvc，包括一些增删查显示等基本的功能，可以结合一些ui组件，效率更高，如果是react，也要了解生命周期的使用，钩子的使用，再到redux状态传输，再到接口的调用等等。

3.熟练使用

可以简单做一个项目，更加熟练的掌握，同时，这个阶段有精力，也要去看一下源码，例如，常见的虚拟dom的原理，相信前端的小伙伴都知道些。

我目前是在职前端开发，如果你现在也想学习前端开发技术，在入门学习前端的过程当中有遇见任何关于学习方法，学习路线，学习效率等方面的问题，你都可以申请加入我所在的前端学习交流裙：前面：42137 后面：4697。里面聚集了一些正在自学前端的初学者,转行者，初阶者，里面也有我整理的一些前端书籍PDF等，文章中的内容感兴趣的可以点此获取~

第三：基本技能具备后

当你差不多都了解后，其实，就要开始学习部署，前端怎么优化，打包，部署，上线的，同时，要了解webpack的打包原理。

总之，是一个从无到有的过程，从搭建到部署，中间的学习的东西很多，我暂时也就了解这么多，前端小伙伴可以参考，找到适合自己的学习方式。

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

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

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

[外链图片转存中…(img-KRktz27Y-1714835813864)]