80%的前端新手都不懂的8大布局 刚学前端布局一团糟不会写

一、基础知识

没错我所说的基础，就是html+css，顶多加一个基础的原生javascript。

当然现在很多公司把nodejs也当做一名web前端的基础必备技能，而不是加分项了。

二、框架学习

Vue、React、Angular至少要精通一个吧，而且对于这三个框架最好是都有所了解。目前来说，React多年来一直主导Web开发，Vue处于快速增长阶段，而Angular的活跃度也不可小觑。当然也要看公司具体项目对于框架的使用和选择了。

三、Web组件化

很多人听到这个词，第一个想的就是模块化，或者class，以及匿名函数自执行。但我指的不是这些，而是web组件。html+css+js结构表现行为分离确实是一个挺好的想法，但是也带来了一定的问题，比如状态管理和数据同步。这就好比一个公司分了好几个部门，各司其职确实是个好想法，但是存在问题，比如各个部门的进度、信息不同步，而跨部门协作是个很需要技巧的事情。web组件化的好处就是不依赖于任何框架，可以复用。

四、PWA

渐进式网络应用程序（简称PWA）是一种带有一些额外功能的Web应用程序，是一种编写Web应用程序的新方式。

五、GraphQL

GraphQL是REST API的替代品，搞数据接口用的，如果你是创业公司或者小公司，没有以前的技术负担，用GraphQL会很爽。这么说吧，如果你想成为全栈，GraphQL将是你的工资突破50K+的绝佳机会。

六、Serverless Services（无服务器服务）

用了它，你们公司再也不用自己去买服务器，做负载均衡各种恶心事儿了。目前典型的应用就是图床，你上传一堆图片，根据你的需求，别人家的服务器把各种尺寸给你做好，而且还做好防盗链和负载均衡。性能安全没的说，而且这种方式将会彻底改变前端和后台扯皮的工作方式。

七、Javascript AI

了解JavaScript构建的各种AI模型和机器学习模型。为什么？目前发展速度太快，没准哪天商用的切图和写特效的AI就出来了。到时候设计师出来效果图，上传到我上面说的无服务器服务上面，直接就把图切出来了，js特效都写好了，重点是一点兼容性都没有。这个不是科幻，是很贴近现实的，目前已经有AI抠图，效果还不错，如果经过大量的训练精准度达到商用的话，那些抠图为主要工作的设计师可能就下岗了。

八、Javascript 物联网（lot）

nodejs将Javascript推进了服务器端，而不是桎梏与浏览器。同理lot将js推进到了更广泛的设备。从简单的语音控制台灯，到复杂的javascript+物联网智能家居，js的应用范围越来越广。而每一次设备疆域的开拓都伴随着巨大的技术核心和高薪机会。从客户端到服务器，从pc端到智能手机，同理从智能手机到智能设备也必将掀起新一轮的技术和高薪浪潮

打算深入了解这个行业的朋友，可以来我们的前端小分队，技术交流，还有大礼包！每天都有大牛分享技术，私信获取群号。

我们采集的是石头，但是必须时刻展望未来的大教堂。

持续做一些小改进，慢慢地你就会惊奇地发现你的经验得到了怎么样的发展，你的技能得到了怎样的提升。