2024前端发展方向，再不刷题就晚了

之前解决的只是页面级的问题，现在想解决应用级的问题。

总结现在

---

当然了，现在的讨论的比较多的、正在进行中的技术和解决方案肯定不止我说到的这两种，欢迎大家补充。

目前大公司的前端们也在结合业务在做这方面的事情，如果你所在的团队在做相关的事情，不如加入进去，不管是技术或职业发展，都会有比较好的收获。

展望未来

===============================================================

React Server Component

---

这个目前还在提案中，未来成熟之后极有可能改变前端的开发方式，前端React生态的范围又向服务度端扩展了，一波新的基础建设、技术方案可以考虑了。

Serverless大规模落地

---

按照现在社区以及各大公司内部的发展，Serverless应该会在2021有大规模的落地，运维岗位会进一步减少

NoCode和LowCode持续发展

---

低代码这个概念在2021年初因为钉钉发布会被再次带火，因为钉钉的使用量以及toB端市场有很多内部应用的搭建需求，所以它强调这个概念也不奇怪。

相信有像阿里钉钉这样的企业的推动，低代码和零代码会发展的更好。

不用焦虑

说了这么多，是不是更焦虑了？其实不用。

React核心成员Dan Abramov都大方承认了他并不了解Flex、Webpack等等技术，没试过Serverless等等“时髦”技术，很多你会的技术他不会，照很多招聘标准来看他还评不上阿里P7，但是这并不影响他能成为React核心成员，以及他在他自己擅长的领域的造诣。

所以，不用都会，选定一个自己喜欢的、能做出成绩的技术，深入下去吧！

最后

=============================================================

前端学习是一条漫长的道路，我们要学习的东西不仅仅只有表面的 技术，还要深入底层，弄明白下面的原理，只有这样，我们才能够提高自己的竞争力，在当今这个竞争激烈的世界里立足。

千里之行始于足下，愿你我共勉。

金三银四快到了，送给大家一个小福利，下面是我在工作之余整理的一些面试题，包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、react等等。

HTML 篇

• 图片中 title 和 alt 区别？

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

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

• 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？

• canvas在标签上设置宽高 和在style中设置宽高有什么区别

• 浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢？

CSS 篇

• CSS中link与@import的区别：

• position的absolute与fixed共同点与不同点：

• BFC 有什么用

• 清除浮动的几种方式

• Css3 新增伪类 - 伪元素

• IE盒子模型 、W3C盒子模型

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

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

由于内容较多，为了避免阅读体验仅展示部分面试题，完整版的面试题+解析，【点击我】免费获取。

JavaScript篇

• js的各种位置，比如clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop的区别？

• js拖拽功能的实现

• 异步加载js的方法

• js的防抖

• 绕不过去的闭包

• 说说你对作用域链的理解

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

• 请解释什么是事件委托/事件代理

• Javascript如何实现继承？

Vue

• vue中 key 值的作用

• Vue 组件中 data 为什么必须是函数？

• vuex的State特性是？

• 介绍一下Vue的响应式系统

• computed与watch的区别

• 介绍一下Vue的生命周期

• 为什么组件的data必须是一个函数

• 组件之间是怎么通信的

由于篇幅有限，只能分享部分面试题，更多面试题及答案可以【点击我】阅读下载哦~无偿分享给大家，算是一个感恩回馈吧

React

• 介绍Redux，主要解决什么问题？数据流程是怎么样的？多个组件使用相同状态如何进行管理？

• React-Redux到react组件的连接过

• Redux中间件是什么东西，接受几个参数

• redux请求中间件如何处理并发

• 如何配置React-Router

• 路由的动态加载模块

• React生命周期及自己的理解，以及V16对生命周期的修改

• 为什么使用虚拟dom？

浏览器

• 跨标签页通讯

• 浏览器架构

• 浏览器下事件循环(Event Loop)

• 从输入 url 到展示的过程

• 重绘与回流

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

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

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

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

最后

由于文档内容过多，为了避免影响到大家的阅读体验，在此只以截图展示部分内容

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

svqFze-1710582998909)]

最后

[外链图片转存中…(img-5b38Kofg-1710582998910)]

[外链图片转存中…(img-0i68XjVu-1710582998910)]

由于文档内容过多，为了避免影响到大家的阅读体验，在此只以截图展示部分内容

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