[转] 大前端年终总结与展望:大前端时代即将来临?

回顾 2016

iOS 和 Android 系统不约而同学习了对方的优点,长得越来越象:3D touch、权限控制、夜间模式、电话防骚扰... 原本属于桥的两侧的开放与封闭,越来越往一个中心靠;由此看来,真正在 OS 里的应用 App 才是系统的灵魂。

像「微信」,不论你用 iOS 还是 Android,很多人平常耗电量最多的 App 就是它。而微信借助大量的用户与使用时长,也在 2016 年末期,推出了「小程序」的内测,继续百度「轻应用」未完成的使命,在微信应用里再打造一个「小程序」生态市场。

而在微信发布「小程序」之前,Google 也在自己今年的 IO 大会中提出 PWA(Progressive Web Application),推动 Web 应用向前一步,在 Chrome 里完成用户按需使用,无需安装(还可将资源离线),还有着类似客户端的高性能体验,还有桌面添加快捷方式等功能。在离线技术上用 Service Worker 来做离线化,相比之前的 App cache 更灵活高效。PWA 这项技术实际是与 Android 的 App 理念是有相应冲突的,它的未来如何还要看未来 Android 与 Chrome 如何整合吧。

Android Stdio 2 出现了 Instant Run 特性,美团以此为基础推出了「Robust」的热修复技术(http://tech.meituan.com/android_robust.html), 解决了原来热修复上方案的兼容性问题。

Google 除以上外,还联合了 Microsoft,Mozilla ,Apple 几个主要浏览器厂商发起了一个面向 Web 的通用二进制和文本格式项目,它是 Web 上 JavaScript 有效补充,在本地解码速度比现行 JS 解析要快得多。如果这一标准能广泛实施将影响所有 Web 开发者。

Apple 也没闲着,在 WWDC 2016 上宣布,Apple 在 iOS 上 的 ATS (App Transport Security)策略,将在 2017 年 3-4 月左右(原计划是 1 月 1 号),非 HTTPS 的网络请求将被禁止。

客户端我们可以不用 HTTP 协议,走自建长链或自定义应用层协议,在 WebView 里 HTTPS 则是绕不过的槛,也就是说,大多数 Web 站点将必须由 HTTP 迁移到 HTTPS。

在网络基础设施上还不及欧美的国内, 由于 DNS 劫持与代码注入,迁至 HTTPS 将遇到证书错误,造成原来只是注入代码变成页面不可访问,最终导致 HTTP 请求成功率降低。除此之外,HTTPS 因增加了安全证书验证与加密,相比 HTTP 请求时延增长,影响加载页面性能和用户体验。

HTTPS 的推进一方面对安全是好事,也对 Web 上普及 HTTP2 推进起到很大作用;另一方面对广大的中小站点来说换 HTTPS 真是耗不起。而现在,各大互联网公司都在忙着切协议了。

iOS 相比 Android 的环境,让人头疼的是没有出现类似 Class Loader 的动态插件化技术。就在年底的前几天,滴滴来了个大新闻,出了一个 DynamicCocoa 技术,它是流行的热修复方案 JSpatch 的「升级版」,实现 oc 与 JavaScript 广义互调,实现插件化。不再上架 Appstore 就实现功能更新,相当让人期待。如果坑真的已被踩完,很有可能 Apple 将停止动态利用 JavaScript Core 来运行代码的这个机制。

Web 框架上,从 Google 查询关键字的大势看,jQuery 时代已慢慢离我们而去。Web 前端框架已基本三足鼎立,分别是 React / AngularJS / Vue。让人想不到的是 AngularJS 查询指数最多的地区不在欧美,也不是中国,而是在「印度」。

如图:

不管是 Web,还是客户端,都不同程度遇到业务越来越复杂,代码量越来越大,编译性能越来越慢的问题。国外大厂们用之前服务端的分布式编译思路拓展到客户端实现了并行编译。Google 的 Bazel,Facebook 的 Buck,在很大程度上提升编译效率;Web 我们也做过类似尝试,能提升约 40% 左右的性能。并行编译这都是针对大厂复杂业务的方案,对于个人开发者与创业公司来说,这些都不是工程化中的最大痛点。

Web 开发中,Node.js已在驱动前后端的再分工,这已是事实。而 Node.js最火的地方在哪?中国。也得益于知乎与一些技术论坛的热炒,现在不论在哪种场合,都在说「前后端分离」这事。事实上这谁都都有自己的理解方式,真正应用 Node.js 在前端与后端的重新分层,有轻如用它只做数据 IO 的 API,也有重如创业公司从业务到数据库连接全是 Node.js 的。前端向后端渗透,后端再后移,具体怎么分,没有定论。

最后总结一下「跨端」,它在今年是「百花齐放」。

跨端技术今年已不再去谈论 Hybrid 技术了。离线化、差量更新、Web 与端互调等能力已不是什么新鲜事,说明混合开发已基本成熟,在各大厂均有较为广泛的使用,如果还没做的,也在补齐当中。

新的技术是:React Native、Weex,还有 PWA、小程序,甚至还有 Electron。我向培训行业的人了解过,今年 Android、iOS 的培训人数在减少,而以 Web 技术栈的培训中心的前端生源一直没减,这充分说明市场对这块技术人材的渴求。

展望 2017

通过简单梳理完 2016 的前端技术之后,可以总结出 2017 的一些趋势。我也简单列举自己关注的几点:

  1. iOS 动态插件化技术。特别是 iOS 上的插件化技术期待能够得到更大的发展,来解决目前发版效率与包大小问题。
  2. Google 一边是 Chrome 的 Web,另一边是 Android 的 App,我很期待的是 Chrome 与 Android 融合之后对开发的影响。
  3. Web 框架层面明年难有创新,中期还仍是 React/AngularJS/Vue 三驾马车的技术栈体系,但我仍期待是否有超越 React 的模板/框架思路。
  4. HTTP 到 HTTPS 的更替将会推动 HTTP 2 的使用。让 Web 页面性能十年以来以请求数为首要基准成为过去式。为应对 HTTPS,部分云计算厂商可以提供整套移动端商业解决方案,如:长链透传收费服务和 HTTPS 套装。
  5. 跨端上 React Native 与 Weex 着重于解决跨端技术问题,并不能给开发者带来实实在在的收益。PWA 还谈之过早,所以我更看好小程序未来的发展,并不是技术上现在有多牛,而是在微信它是能给个人开发者和 Web 从业者带来就业机会与收益的最佳方式。脑洞大一点的看,支付宝、Facebook、小米是否也会会推出自己的「小程序」场景呢?是件令人期待的事。

前端的春天

不管是 Web 前端、iOS,还是 Android,对大前端工程师来说,这是最好的时代。放在几年前 1/3 是大前端,2/3 是后端。而现在则是一半以上是大前端的人,这充分说明大前端的重要性。

Web 前端的工程师在问未来在哪里,Android 和 iOS 的工程师也在说 Web 前端抢了他们的饭碗。出口在哪?除了向 NodeJS 向后端的渗透之外,跨端的学习,专注一端技术,关注其他端的技术也是一种出路。现在业务中遇到的问题经常是三端参与,你可以想象当开一个业务会议,后端一个工程师参与,前端一去就三人的感人画面吗?

跨端技术,只是大前端开始。端与端技术之间相互学习和借鉴,这将成为未来前端技术最重要的创新来源。

时间: 2024-10-11 17:57:21

[转] 大前端年终总结与展望:大前端时代即将来临?的相关文章

淘宝前端工程师推荐书笔籍大集合

写了几年的不正规前端,从乱的不可开交的css/html/js,到发现需要看书才能解决问题的状态.这里推荐一下 淘宝前端书籍:http://www.xiaomengku.com/index.php/album?id=6 多看书还是可以很好的理顺自己的思维,写了个小js库(HHJsLib)还在不断完善中,此库指在简化后端的开发任务,从减少后端人员对于前端效果纠结时间,来达到加快网站开发速度的目的.有兴趣的同学可以上GitHub交流下:https://github.com/HongJuZiNetStu

新产品为了效果,做的比较炫,用了很多的图片和JS,所以前端的性能是很大的问题,分篇记录前端性能优化的一些小经验。

第一篇:HTTP服务器 因tomcat处理静态资源的速度比较慢,所以首先想到的就是把所有静态资源(JS,CSS,image,swf) 提到单独的服务器,用更加快速的HTTP服务器,这里选择了nginx了,nginx相比apache,更加轻量级, 配置更加简单,而且nginx不仅仅是高性能的HTTP服务器,还是高性能的反向代理服务器. 目前很多大型网站都使用了nginx,新浪.网易.QQ等都使用了nginx,说明nginx的稳定性和性能还是非常不错的. 1. nginx 安装(linux) htt

阿里爸爸大数据的应用与展望(笔记)

阿里全息大数据构建与应用笔记 阿里全息大数据构建与应用笔记 这个双十一你剁手了吗?→_→反正我的手机是收到了来自阿里爸爸的各种短信轰炸- 然而在购物之余,你又是否能够回答这么几个问题:电商是如何应用在大数据相关技术的?大数据给在线营销带来了怎么样的变革?在线购物体验在过去几年发生了怎么样的变化? 那么接下来就来看看大数据与在线营销能擦出怎样的火花- 1.数据的进化历程 ①大数据与数据的区别 ○量大,如果你只有几千条几百条的数据,还不好意思叫大数据 ○彼此关联,如果你的数据东一个西一个没什么关联,

2014年大数据年终工作总结

2014年大数据年终工作总结 今天是圣诞节,2014年马上要过去了.回顾这一年在大数据研发上的点点滴滴,总结如下三个方面: 一.大数据研发技术路线 目前,存在太多的大数据技术,商业软件,如Teradata.Oracle.SAP.IBM等.开源的,如Hadoop.Spark.MPP DB.NewSQL等.在大数据领域,Hadoop呈一支独大势.经过这段时间的学习和了解,发现Hadoop技术复杂,架构复杂,社区版成熟度可能也就80%左右.要想把Hadoop玩转起来,可能需要投入巨大的成本来完善.Cl

【大前端之前后分离】JS前端渲染VS服务器端渲染

前言 之前看了一篇文章:@Charlie.Zheng Web系统开发构架再思考-前后端的完全分离,文中论述了为何要前后分离,站在前端的角度来看,是很有必要的:但是如何说服团队使用前端渲染方案却是一个现实问题,因为如果我是一个服务器端,我便会觉得不是很有必要,为什么要前后分离,前后分离后遗留了什么问题,如何解决,都得说清楚,这样才能说服团队使用前端渲染的方案,而最近我刚好遇到了框架选型的抉择. 来到新公司开始新项目了,需要做前端框架选型,因为之前内部同事采用的fis框架,而这边又是使用的php,这

006_饿了么大前端总监sofish帮你理清前端工程师及大前端团队的成长问题!

作者|Sofish编辑|小智 & 尾尾本文是前端之巅向 sofish 的约稿<什么样的人可以称为架构师?>.采访< 饿了么大前端团队究竟是如何落地和管理的?>以及 sofish 做客大咖说直播节目的总结和整理,希望能帮助各位淀粉更清晰地理解 sofish 的观点.获取大咖说视频下载链接,请关注前端之巅并回复"鱼老板",查看饿了么大前端更多实践请回复"饿了么".视频回顾 程序员成长之:跨界.困惑与架构师1. 如何看待"大跨度入

大数据现状和未来展望--百度大数据主任架构师马如悦访谈

导读:6 月 1 ~ 2 日,GIAC 全球互联网架构大会将于深圳举行.GIAC 是一个面向架构师.技术负责人及高端技术从业人员的技术架构大会.今年的 GIAC 已经有腾讯.阿里巴巴.百度.今日头条.科大讯飞.新浪微博.小米.美图.Oracle.链家.唯品会.京东.饿了么.美团点评.罗辑思维.ofo 等公司专家出席. 在大会前夕,高可用架构采访了本届 GIAC大数据分论坛 出品人马如悦,就目大家广泛关注的大数据方面的问题进行了访谈. 马如悦,百度大数据主任架构师,当前是百度大数据技术总负责人,百

前端开发学习路线_零基础如何学web前端_从小白到大神进阶

下面给大家讲解一下前端需要掌握哪些技术和学习路线Web前端基础知识:一.前端相关概念建立主要内容:浏览器的概念介绍: 浏览器的作用.工作方式浏览器的概念介绍: 浏览器的作用.工作方式HTTP协议: 协议产生的原因.作用.及内容页面加载流程:当用户打开浏览器,输入地址栏并按下回车之后发生的事情二.HTML-CSS-JS基础-jQuery学习内容:HTML及HTML5:理解浏览器如何解析HTML.基本的语法规则.不同标签的使用方式.嵌套方式CSS:理解层叠式样式表的语法规则.各种盒模型及常用布局CS

DT大数据梦工厂免费实战大数据视频全集 分享

接触大数据有几年,以前一直都是对hadoop的使用.相比于日新月异的前端技术,我还是比较喜欢大数据--这个已经被热炒多年的课题,也相信从事大数据方面的技术研究是IT从业者的一条光明坦途. 2010年hadoop开始进入我的视野, 不断自学,使用,感谢hadoop国内还是有很多书籍.去年开始各大社区开始讨论spark,也开始学习scala语言,断断续续没有坚持,没多久也会忘掉.今年初看到了王老师的<Spark亚太研究院Spark公益大讲堂>视频,一些实时性需求在工作中出现让我不得不对比hadoo