前端的世界里没有“容易”二字

桃翁

发布于 2019-09-19 07:31:04

8310

文章被收录于专栏：前端桃园前端桃园

转眼，2019年已经过去一大半了。

这半年，你过得怎么样？新的热点技术学会了吗？写的代码还有bug吗？头发还好吗？还记得年初的 Flag 吗？

2019年对于大前端技术领域而言变化不算太大，目前三大技术框架日趋成熟，短期内不大可能出现颠覆性的前端框架。

我将在这篇文章中，带大家盘点一下：2019高级前端必备的 TOP 级知识点。你可以看一下你自己的技术体系和当下流行的技术栈，有多大的区别，以及接下来你该如何去规划自己的学习方向。

框架层的更新

React，Vue，Angular依旧保持了前三，今年React发布了16.9,Vue3也即将发版，但是总体情况来看Angular在国内的开发者占有率还是偏低，这个跟当初NG1和NG2的语法巨大变革不无关系(手动捂脸)。同时像Flutter for web(Flutter已经不仅仅可以运行在Android或者iOS上，还可以运行在Windows, MacOS, Linux, Chrome OS甚至是Web上)、还有Omi(融合Web Components 、JSX、HTM、虚拟DOM、功能样式和代理合并到一个小型、高性能的框架)也是值得各位同学关注的。不过前端框架千千万，唯有原理永流传。

状态管理

随着前端框架的流行，组件化开发成为主流，然而随着页面复杂度越来越高，在一个组件文件中，要做UI渲染、事件处理、状态管理等等事情，于是一个文件变的越来越复杂。同时，页面组件层级变的复杂后，跨组件间的数据通信也变的很繁琐，需要将数据上提到父节点，通过property传输数据、回调方法更新父节点状态等等。这个时候状态管理也显得尤为重要。一想到状态管理大家肯定脱口而出Vuex、Redux、mobx等等。但是随着React Hooks的愈加成熟，基于Hooks版本的轻量状态管理也非常值得大家关注。https://github.com/mobxjs/mobx-react-lite

前端工程化

说到这里，请大家看下边这张我总结的图吧。翘首企盼的Webpack5、一个前端在前端工程化中的具体实践中，要做的工作越来越多。

微前端

微前端简单地说，就是将一个巨无霸（Monolith）的前端工程拆分成一个一个的小工程，你也可以理解微服务前端化，每一个小项目完全具备独立的开发、运行能力。整个系统就将由这些小工程协同合作，实现所有页面的展示与交互。微前端也从最初的一个概念变为前端的新宠儿。一图胜千言吧~

编程语言

来自statesofjs的统计，在类JS编程语言上，ES6遥遥领先，TypeScript也获得接近半数的使用量。其次是Flow、Reason、Elm和ClojureScript。不过笔者更倾向于TS吧，因为我可以用装饰器很轻松的实现依赖注入，而且像抽象类、接口、类型推断、强类型这里ES6-10还没没有。不过仁者见仁智者见智，选择TS还是ES6还是要看具体的项目而定。