浅谈2019大前端发展趋势,大佬慎入!

昨天公司内部架构师峰会的讨论了前端发展趋势,听完对迷茫的我有了一丝被点醒的感觉,现在整理分享给你,希望对你有所收获。

前端在生产和开发中占据着越来越重要的地位,PC端、手机端、桌面端、智能手表端等等设备都离不开前端的身影。而想要踏入以及已经踏入前端的小伙伴也越来越多,下面我将围绕编程语言前端工程化开发框架小程序+AR+AI大数据可视化移动/web AI架构,这六个方面进行分享。

正文

编程语言篇:

目前的设备平台包括安卓、IOS、PC、其他移动设备,相应的后台编程语言也有Kotlin、Swift、Java、PHP、Go等,而前端的主攻领域高度重合,这也就意味着不论哪个平台、与哪个后台语言结合,前端三剑客html、CSS、JavaScript总能从里面分到一杯羹,因为它就是为了界面和交互而生的。当前前端社区高度活跃,ECMAScript也在快速的发展,在编程语言类的统计中,JavaScript总能轻松排到前三,这就是这个编程语言的魅力所在!

前端工程化篇:

工程化的一个体现就是模块化。之前进行项目开发都是想到哪里就写到哪里,这在单人开发的时候问题不是很明显,但在多人协作中这是致命的,变量名冲突将导致系统运行出错,为了解决这一问题,人们只能起越来越长的变量名,但同时因为没有规范,这些变量名在团队其他人看起来并不容易理解。后来人们开始用闭包来解决,再到后来的探索AMD、CMD等方式也被人们逐渐运用,直到ES6的模块化语法推行才改变了这一方案,现在ES6的模块化语法也是当前主流最常见的模块化解决方案。

开发框架篇:

在不使用框架之前,我们所开发的代码基本都是MVC架构或者MVP架构的,这样的一个缺点就是性能问题,当用户修改dom元素的时候,页面就要进行相应的回流和重绘,这必将会造成一定的用户等待时间。而框架的产生就解决了这一问题,我们所了解的三大框架都是MVVM架构的,利用数据驱动视图,再将虚拟DOM渲染到页面上,这样就能很好的解决前端性能问题;同时框架是有高复用性的,我们可以写一些公共组件,在需要的地方调用它,这样代码可读性和可维护性都会变得更好。

小程序+AR+AI篇:

随着各家推出相应的小程序的时候,AR增强现实技术和AI人工智能技术也在逐渐发展,以微信小程序为例,它依托于微信的生态,微信小程序可以直接使用微信官方提供的AR和AI的解决方案。在微信宣布这一技术后,阿玛尼美妆官方精品商城推出了业内首个使用AR+AI增强现实的微信小程序,用户可以直接通过手机完成试色。随着AR和AI技术的逐步发展,一定会有越来越多的落地应用来方便用户的。

大数据可视化篇:

现在是“数据为王、流量至上”的时代,流量自然不必多说,有了足够的流量,变现是很简单的。而数据在当今时代也是非常重要的,就像我们经常使用的淘宝,他总是能给我们分发所需要或者未来所需要的产品的广告,淘宝就能够根据用户的使用记录去分析到用户接下来的需求,相信很多程序员的淘宝里总有一些莫名其妙的生发植发广告吧?这就是大数据的力量。但是千万条数据罗列起来肯定是晦涩难懂的,数据可视化就是为了解决这一问题,他能够把千万条的数据利用各种图形帮你更好的展现来让你分析。数据可视化当前两个成熟框架分别是ECharts和D3,当我们能够利用好这两项技术的时候,我们就能站在数据的顶端!

移动/web AI架构篇:

随着人工智能的不断发展,前端人工智能也是必不可少的,而浏览器端所依赖的技术为WebAssembly和WebGL,落实到应用层面,我们可以使用OpenCV.js和ONNX.js这两个框架去操作浏览器,来增强浏览器的智能性。但是单纯去操作浏览器是很慢的,这里面涉及到了CPU、GPU、AI加速器的运算问题,随着问题的暴露,为硬件而生的WebNN API应运而生,它能够帮助我们的浏览器能够更快的去处理和运算数据。前端AI架构将会是未来前端发展不可分割的一部分,我们一定要跟上时代的浪潮。

结论

以上就是我对峰会的一个记录与分享,希望使你能够对大前端的发展趋势能有一定的了解,可以给到你接下来学习的前进方向。这是大前端蓬勃发展的时代,前端能做的事情越来越多,前端工程师的职责也越来越丰富。前端社区高度活跃、前端技术高速发展,我们应当跟着时代的发展努力增强自己的前端竞争力。一定要坚持不断学习、持续学习的思想,这样才能不被大前端时代所抛弃! 以上就是本文章的全部内容了,如果有不正确的地方欢迎指正。

写在后面

感谢您的阅读,如果感觉有用不妨点赞/转发。

由于我才疏学浅,所以文章未免会有出错的地方,若你发现,希望你不吝指教,我定当修改~

前端路漫,踩坑不断。

以上2019-10-11。

原文链接:segmentfault.com

上一篇:es6中的Promise
下一篇:针对angular分页插件tm.pagination二次触发问题三种解决方案

相关推荐

  • (本人)2019前端校招经历

    我是一个想要找前端工作的妹纸,最近电话面了挺多企业,在每次面试中都会发现自己的不足或者没涉及到的方面,一边被拒一边学习新知识。想要在这里记录、分享前端校招遇到的问题,希望每一次都有提升,下一次不会再犯...

    2 年前
  • 阿里2019 校招 前端面试

    在10月初的时候投递了阿里校招之后,在十月中旬的时候终于接到了初面的邀请。 本来预约的是英国时间早上10点,但是突然接到面试组的电话,询问我是否可以提前到9点,我说可以就赶紧洗漱准备面试了。

    7 个月前
  • 邀好友赢大奖!快来抽取你的 2019 新年上上签!

    还有不到一个星期,2019 年就将正式「官宣」。值此之际,七牛云特别推出【好运好礼】新年上上签活动~不仅有好运好彩头,还有超多惊喜好礼等你拿。天猫购物卡、七牛云产品优惠包、樱桃机械键盘、终极大奖 iP...

    1 年前
  • 迟来的2018总结之一个有仪式感的2019启航

    IT平头哥联盟,苏南的专栏,专注于分享前端、测试 等领域的积累,文章来源于自己/群友工作中积累的经验、填过的坑,希望能尽绵薄之力 助其他同学少走一些弯路,苏南的专栏,书籍,码农书籍,前端开发、Reac...

    1 年前
  • 这可能是2019年最全的前端面试题

    本文章主要参照了yck 的掘金小册——《前端面试之道》,以及我自己面试或工作的总结。侵删。 面试题的xmind预览图片(https://img.javascriptcn.com/012f09ac...

    9 个月前
  • 请行动2019 | 一切过往,皆是序章

    图片描述(https://img.javascriptcn.com/3dd6ba661883801dceb30e20a43239a9 "图片描述") 人生苦短。新年的开端是一份可遇不可求的缘。

    1 年前
  • 精读《React Conf 2019 - Day2》

    1 引言 这是继 精读《React Conf 2019 Day1》(https://github.com/dtfe/weekly/blob/v2/127.%E7%B2%BE%E8%AF%BB%E...

    7 个月前
  • 精读《React Conf 2019 - Day1》

    1 引言 React Conf 2019(https://www.youtube.com/watch?v=RCiccdQObpo) 在今年 10 月份举办,内容质量还是一如既往的高,如果想进一步学...

    7 个月前
  • 立即收藏!2019前端工程师如何应对裁员潮?

    前言 2019互联网寒冬已至,大批互联网公司纷纷裁员,其实从2018年下半年开始,裁员和市场部收缩预算就经常被提及,阿里巴巴,华为都传出了收缩招聘的新闻。网易的游戏部门和门户部门也先后裁员,趣店裁...

    1 年前
  • 用 Jest 进行 JavaScript 测试(2019)

    作者:Valentino Gagliardi 翻译:疯狂的技术宅 原文:https://www.valentinog.com/bl...(https://www.valentinog.c...

    9 个月前

官方社区

扫码加入 JavaScript 社区