本文回顾了前端技术的发展，指出统一化、工程化和生态化的进步。Serverless在前端领域受到关注，解决了前端在服务端和运维上的短板。NoCode和LowCode产品也在拓展其能力范围。未来，React Server Component可能改变前端开发，Serverless将大规模落地，低代码平台将继续发展。开发者无需焦虑新技术，选择擅长的领域深入即可。同时，分享了HTML、CSS、JavaScript、Vue和React等领域的面试题，供前端学习者参考。
从过去这些发展的技术可以看出来，前端主要是在做统一化、工程化、生态化的事情，从早些年间的刀耕火种跨越到比较完善的工程化开发，前端的能力范围也得到了扩展，以前不能做的事情现在可以做了。
很多互联网公司的前端高p也是在这一波浪潮中晋升，得到了更好的职业发展。
===============================================================
首先定义一下我说的“现在”是2020年左右。
现在基本上各大公司的前端工程化改造大体完成，各种改造方案、组件库都层出不穷，所以前端又有新玩法了。
准确来说，Serverless并不是前端的技术领域，因为它解决的是让开发者不用关心服务器底层架构和运维工作，形成一种“无服务器”的假象。
那为什么这个技术在前端领域会受到追捧呢？
因为这个技术刚好解决了整个开发链条中前端缺失的能力，即服务端底层和运维能力。各个大公司的前端团队也都在尝试把Serverless落地，比如在知乎上就可以看到很多关于Serverless的布道。
在我看来，低代码（LowCode）和零代码（NoCode）产品，是前端对现有能力整合之后，对其他领域的一种扩张和赋能。其实各大公司在某些特定业务场景中早已经有相关的产品落地了，比如广告业务、电商运营的繁多的落地页需求可以使用零代码产品来解决，全程不需要代码参与。
那既然之前有，现在为什么又提起低代码和零代码呢？我觉得原因有两个：
之前解决的只是某些特定业务场景的问题，现在想把这种能力逐渐扩展到更多的业务场景，比如扩展到公司外部，来做toC的使用。
之前解决的只是页面级的问题，现在想解决应用级的问题。
当然了，现在的讨论的比较多的、正在进行中的技术和解决方案肯定不止我说到的这两种，欢迎大家补充。
目前大公司的前端们也在结合业务在做这方面的事情，如果你所在的团队在做相关的事情，不如加入进去，不管是技术或职业发展，都会有比较好的收获。
===============================================================
这个目前还在提案中，未来成熟之后极有可能改变前端的开发方式，前端React生态的范围又向服务度端扩展了，一波新的基础建设、技术方案可以考虑了。
按照现在社区以及各大公司内部的发展，Serverless应该会在2021有大规模的落地，运维岗位会进一步减少
低代码这个概念在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前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）
结尾
学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。
mg2.imgtp.com/2024/03/13/H4lCoPEF.jpg" />
结尾
学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。
扫一扫
18万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
