2018前端发展有哪些新趋势?
1、HTML 5.2
不到一个月前,HTML 5.2成为正式的W3C推荐标准(REC),增加和删除了一些功能,具体改变可以在 HTML 5.2 Changes 中查看。
新功能
引入了本地dialog元素,一个本地的对话框标签
1 | <dialog> |
目前dialog已经在Chrome和Opera中得到了支持。
使用iFrames中的Payment Request API
1 | <iframe allowpaymentrequest> |
尺寸的苹果图标
要定义网页图标,我们使用 link rel=”icon”文档头部的元素。要定义不同大小的图标,我们使用该sizes属性。
1 | <link rel="icon" sizes="16x16" href="path/to/icon16.png"> |
多个main元素
还有其他等等…
2、PWA
Progressive Web App, 简称 PWA,由谷歌提出,用前沿的技术开发,是提升 Web App 的体验的一种新方法,能给用户原生应用的体验。
自从谷歌提出PWA后,就持续的获得了业界的关注,热度可见一斑。就在今年,谷歌也宣布:PWA将获得与安卓原生应用同等的待遇与权限。这就意味着以后的网页基本和APP将越发将近,那么关注度将会进一步的上升。
传送门:
1、什么是PWA?
2、PWA 入门: 写个非常简单的 PWA 页面(来源知乎)
3、Javascript的超集-TypeScript
TypeScript是一种由微软开发的自由和开源的编程语言。它是JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。
angular已经开始使用typeScript进行开发,react和vue也进一步加深对typeScript的支持。相信在2018年,typeScript的火热也将程度猛增!
传送门:
4、下一代打包工具-parcel
Parcel 是一个Web应用程序 打包器(bundler) ,与以往的开发人员使用的打包器有所不同。它利用多核处理提供极快的性能,并且你不需要进行任何配置。
parcel的最大优势貌似就是webpack的最大劣势:配置和性能!parcel出乎了大多数人的意料,也算是2017的最大惊喜之一。
传送门
5、WebAssembly
WebAssembly 是除了 JavaScript 以外,另一种可以在浏览器中执行的编程语言。由谷歌, 微软, Mozilla,苹果等公司合作的一个面向Web的通用二进制和文本格式的项目。2017年,chrome,火狐,IE,Safari四个浏览器也统一通过了WebAssembly的方案,相信在2018年会有更大的发展。目前知道研究得比较牛的有饿了么π团队的于航大佬。
传送门:
1、官网
6、react,angular,vue三大主流框架
2017年,react发展的迅猛,vue更是扮演框架黑马的角色,而angular虽然关注度不如以前,但是不容忽视!react native目前也是很多人学习方向。
据统计,在国内,react使用第一,vue第二,不用框架的第三,angular第四,backbone第五
无论如何,框架这个我觉得没有最好,只有最适合。三驾马车也没有说一定要全部都要会!一下就是,如果js基础好,学习框架会比较容易上手。如果极端得不学js,直接上手框架,会很吃力,很容易懵。
传送门
7、人工智能和大数据
“大数据”这词热了十年,“人工智能”这词现在也火了一年。
人工智能和大数据,不是一门技术,而是一个领域,最近两年都很火,也不止于前端。我也觉得是互联网下一波的红利。非常值得关注与学习!这也是一个流行的趋势,因此一些数据可视化的工具(echart,D3等)和人工智能的库都得以收到关注!
传送门
8、小程序
目前开发小程序主要有2大产商:微信小程序,支付宝小程序。微信自从问世以来,现在已经是许多民众必不可少的交流工具。对于微信小程序来说,是一种不需要下载安装就可以使用的应用软件,所以微信小程序的出现实现了触手可及的梦想,所以说用户使用起来特别的方便快捷,在最近的微信6.6.1更新中,直接把小程序提前到聊天列表上方,用户调用起来更加方便了。但支付宝小程序虽然关注度没那么高,但也不容小觑,随着马爸爸的新零售,无人超市的推广,支付宝小程序也会大有市场的。
传送门
小结
目前就写到这里了,后续有新的关注会持续更新。关于上面的,也希望大家不要盲目的去跟风,应打实好基础,后面不管技术方向怎么变,你永远比那些基础不扎实的掌握的要快。也希望大家对新鲜事物技术保持鲜度和热度,一起努力提高自己的技术栈。