华云数据技术分享：2019前端战略规划之技术布局

作者：佚名 2019-04-01 16:01:32

云计算 程序猿们都知道前端技术变化很快，随着2019年到来，前端技术又会迎来哪些变化，我们应该学些什么?华云数据“智汇华云”专栏将为您奉上“2019前端战略规划”系列文章，本期将为您讲解2019前端战略规划之技术布局。

[[261171]]

程序猿们都知道前端技术变化很快，随着2019年到来，前端技术又会迎来哪些变化，我们应该学些什么?华云数据“智汇华云”专栏将为您奉上“2019前端战略规划”系列文章，本期将为您讲解2019前端战略规划之技术布局。

布局一：基础知识

可能在大家多开发眼里，前端基础知识，就是html+css+javascript。但是在我看来，基础的范围现在不止这些，还需要多加一项nodejs，各种调查，nodejs也已经作为一个必备技能，而不是拔高技能了。

对于新加入公司的实习生，在走上前端开发这条道路的时候，更应该重视基础知识的学习。

布局二：框架

VUE、React、Angualar在2018年已趋于平衡，要会一个，当然React用户最多，满意度也高，也符合公司需求。

布局三：Web组件化

这里说的组件化是Web组件(Web Compoonents)。Html+Css+Js结构表现行为分离确实是一个好想法，但也带来了一些问题，比如状态管理和数据同步。

组件的特性：

1、高内聚性，组件功能必须是完整的，如我要实现下拉菜单功能，那在下拉菜单这个组件中，就把下拉菜单所需要的所有功能全部实现;

2、低耦合性，通俗点说，代码独立不会和项目中的其他代码发生冲突!在实际工程中，我们经常会涉及到团队协作，传统按照业务线去编写代码的方式，就很容易相互冲突，所以运用组件化方式就可大大避免这种冲突的存在。

3、每一个组件都有自己清晰的职责，完整的功能，较低的耦合便于单元测试和重复利用;

为什么大家会这种热衷组件化，看下组件化给我们带来的好处，其必要性就不言而喻：

• 提高的开发效率
• 方便重复使用
• 简化调试步骤
• 提升整个项目的可维护性
• 便于协同开发

布局四：PWA

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

太阳底下没有什么新鲜事，2005年左右其实数据交互形式很多，这个时候google大张旗鼓地使用ajax，一举让ajax成为了数据交互事实的标准。

10年之后情况类似，各种WebApp开发乱七八糟，google又说了，PWA才是下一代Web 应用。

• 2005年 ajax->数据交互;
• 2015年 PWA->Web App开发。

布局五：GraphQL

1、GraphQL 是 REST API 的替代品，搞数据接口用的。

2、如果你是创业公司或者小公司，没有以前的技术负担，用GraphQL会很爽。

3、如果你想成为全栈，GraphQL是你工资突破50K+的***机会。

布局六：Serverless Services

用了它，你们公司再也不用自己去买服务器，做负载均衡各种事儿了。目前典型的应用就是图床，你上传一堆图片，根据你的需求，别人家的服务器把各种尺寸给你做好，而且还做好防盗链和负载均衡。性能安全没的说。

这种方式将会彻底改变前端和后台扯皮的工作方式(因为根本就不需要后台了)。

布局七：网站静态化

推荐给大家一个技术栈JAMStack

https://jamstack.org/

JAMstack是指使用JavaScript、API和Markup构建的技术堆栈，JAMstack一种基于客户端JavaScript，可重用API和预构建Markup的现代Web开发架构.

什么时候用?我们这里用排除法

1、使用服务器端CMS构建的站点，如WordPress、Drupal、Joomla或Squarespace。

2、一个单片服务器运行的Web应用程序，它依赖于Ruby，Node或其他后端语言。

3、单页应用程序，使用同构呈现在运行时在服务器上构建视图。

除了上面这三种情况下不用，其它情况下随便造。

为什么用它?

作为网站肯定希望快点好。用JAMstack就是一个字-快。开发也快，上线也快。

布局八：Javasctipt AI

了解JavaScript构建的各种AI模型和机器学习模型。为什么?

目前发展速度太快，没准哪天商用的切图和写特效的AI就出来了。到时候设计师出来效果图，上传到我上面说的无服务器服务上面，直接就把图切出来了，js特效都写好了，重点是一点兼容性都没有。这个不是科幻，是很贴近现实的，目前已经有AI抠图，效果还不错，如果经过大量的训练精准度达到商用的话，那些抠图为主要工作的设计师可能就下岗了。同理，到时候会大量的前端人员下岗，这不是危言耸听。大家想一想，现在还有打字员这个职位吗?

但是两类人不会下岗。

1、熟练掌握javascript和AI结合，操作AI让webApp和网站更贴合公司业务的人员。

2、通过js构建自己公司工作流的人员。

这两类人不仅仅不会下岗，反而会更加重要。

为什么?以前10个人团队的工作，现在你一个人操作AI就做了。

布局九：Javascript物联网(IOT)

Nodejs将 javascript推进了服务器端，而不是桎梏与浏览器。同理iot，将js推进到了更广泛的设备。

从简单的语音控制台灯，到复杂的javascript+物联网智能家居，js的应用范围越来越广。而每一次设备疆域的开拓都伴随着巨大的技术核心。

从客户端到服务器，从pc端到智能手机，同理从智能手机到智能设备也必将掀起新一轮的技术和高薪浪潮。

布局十：知识挖掘技术

全球范围内数据库中存储的数据量急剧增加，人们的需求已经不只是简单的查询和维护，而是希望能够对这些数据进行较高层次的处理和分析以得到关于数据总体特征和对发展趋势的预测。因此，知识挖掘这个技术也便非常有用，目前的技术发展，趋势越来越明显的。

前端世界，瞬息万变，谁也无法准确地预测明天，连巴菲特也没办法算出来，苹果公司明天的股价是多少，但趋势是越来越明显的，市场也会给我们足够的时间，跟上浪花的潮流。让自己的事业更上一个台阶，也许并不需要悬梁刺股、呕心沥血，只要我们把眼界放开，提前规划，按照定好的路线一步一个脚印，即便爬不上世界之巅，也足以一览众山小了，希望这篇文章，能变成帮助大家攀登的绳索。