首页>资讯中心 > 干货分享 > 编程视角 > 2018前端值得关注的几个趋势

2018前端值得关注的几个趋势

发布时间:2018-01-13 13:45:40来源:嘉华金蛛

  2017悄然过去,2018已经来到。2018年前端有哪些领域,技术值得关注,哪些技术会兴起,哪些技术会没落。

2018年前端值得关注的几个趋势

  1.PWA

  PWA(Progressive Web Apps)由谷歌提出,用前沿的技术开发,让网页使用如同App般的体验的一系列方案。明确的一点就是:PWA就是一个网页, 可以通过前沿的技术开发出一个网页应用。

  自从谷歌提出PWA后,就持续的获得了业界的关注,热度可见一斑。就在今年,谷歌也宣布:PWA将获得与安卓原生应用同等的待遇与权限。这就意味着以后的网页基本和APP将越发将近,那么关注度将会进一步的上升。

  2.TypeScript

  TypeScript由微软开发。它是JavaScript的一个超集,自由和开源的编程语言。在这个语言中,添加了可选的静态类型和基于类的面向对象编程。

  angular已经开始使用TypeScript进行开发,react和vue也进一步加深对TypeScript的支持。不难发现,TypeScript的火热程度!

  3.parcel能给webpack带来多大的威胁

  webpack大家都知道是JavaScript模块打包工具,简单的来说就是把各个模块就行分析,编译,打包等,使产出的文件可以在浏览器中运行。

  在2017末就出现了一个黑马:parcel,出乎了大多数人的意料也算是2017的最大惊喜之一。说到parcel的最大优势,貌似就是webpack的最大劣势:配置和性能!parcel号称零配置,多核打包,并且使用文件缓存,在时间上比webpack快了将近10倍!

  4.WebAssembly

  由谷歌、微软、Mozilla、苹果等公司合作的一个面向Web的通用二进制和文本格式的项目。2017年,chrome,火狐,IE,Safari四个浏览器统一通过了WebAssembly的方案,这是很少见的情况,我所了解的是第一次出现这样的统一情况,可见四个浏览器厂商对WebAssembly的重视。至于2018年,WebAssembly会有如何的发展,这个难说,初步预测应该还是普及推广,但

  5.react,angular,vue三驾马车

  2017年,react发展的迅猛,vue更是扮演框架黑马的角色,而angular虽然关注度不如以前,但是不容忽视!在2017的调查报告中,趋势基本上是react已经占据主流,不使用框架位居第二,angular1,angular2分列三四。

  vue在2017年很火,但在2018年vue的潜力不容小觑。虽然超过react的可能性不是很大,但是位置依然会提升

  无论如何,框架这个没有最好,只有最适合。三驾马车也没有说一定要全部都要会!如果js基础好,学习框架会比较容易上手。如果前端的不学js,直接上手框架,会很吃力,很容易懵。

  6.人工智能和大数据

  人工智能和大数据,不是一门技术,而是一个领域,也是一个流行的趋势,因此一些数据可视化的工具(echart,D3等)和人工智能的库都得以收到关注!

  7.yarn VS npm

  相信接触到前端工程化,模块化的开发者都不可避免的使用npm进行功能包的安装依赖。尤其是在node.js的初期,npm就是工程化的一个标配。但是2017年,npm的地位显然是收到了yarn的威胁!今年的调查结果,yarn还超越了npm。yarn的优势在于:快,安全,和一些感人细节!如果照着情况下去,差距会逐渐变大!

  8.css in js依然备受争议?

  前端领域,一向是推荐结构层(html),表现层(css),行为层(javascript)分离。但是在react出来之后,这个准则就貌似被推翻了!因为react的组件结构,要求把html,css,javascript写在一起。很多开发者对css in js不适应甚至反对。那么在新的2018年,是否还是继续的争议下去?

  9.flex和grid布局更加流行

  以前前端页面布局的时候,inline-block,float,postion布局等。但是有了flex和grid,布局变得更加的简单。

  flex基本已经被所有的浏览器支持的,其方便的特性也受到了很多开发者的热捧!而grid,网格布局号称是下一代的布局方式,但是浏览器兼容方面就没有flex那么好。但是这个也是有必要了解的。毕竟已经被W3C纳入标准了。兼容性也是进一步增强。

  10.rxjs

  RxJS 是使用 Observables 的响应式编程的库,它使编写异步或基于回调的代码更容易。这个项目是 Reactive-Extensions/RxJS(RxJS 4) 的重写,具有更好的性能、更好的模块性、更好的可调试调用堆栈,同时保持大部分向后兼容,只有一些破坏性的变更(breaking changes)是为了减少外层的 API 。

相关热词搜索: 2018前端趋势
分享:
我要评论:

就业喜报

刘*勇深圳市班缇娜服饰有限公司8000

李*青奥达化工5000

邓*君深圳蓝海医疗6000

张*玲毛豆新车网5500

杨*东莞市永衡网络科技有限公司5000

李*霞深圳匠心共创科技有限公司6000

匡*丽力玛科技5500

贺*辉众*商务(香港)有限公司9000

黄*婵深圳市伊美姿美业文化传播有限公司6500

袁*松深圳市天*金电子商务有限公司8000

付*彬迪迪*贝服装有限公司6000

张*鹏东莞市永衡网络科技有限公司5000

李*深圳市家家顺6000

李*深深圳市家家文化传播有限公司6500

黄*英深圳市华尔康净水科技有限公司5000

申请免费线下基础班试听名额
姓名
电话
课程

推荐阅读