2015年10大web预测

柔情只为你懂 2022-08-06 09:25 229阅读 0赞

前端开发whqet,csdn,王海庆,whqet,前端开发专家

翻译自：[www.sitepoint.com][]

翻译人员：[前端开发whqet][whqet]，意译为主，不当之处敬请指正。

译者说，时值年初，各种各样的预测类文章大行其道，今天从sitepoint上弄篇文章翻译翻译，到年底看看预测的如何。据说[该老外][Link 1]（Craig Buckler，sitepoint知名写手，近二十年的web从业经验）的2014年的预测半数作准。

\------------------------------------------------------------

\--[我参加了博客之星评选，如果你喜欢我的博客，求投票，您的支持是我的动力之源][Link 2]，[走起！][Link 2]

\-----------------------------------------------------------------------------------------

新年快乐，2015的二进制代码为11111011111，所以必定会是web技术的不平凡一年。我的[2014预测半数作准][2014]，让我们来看看我2015年预测的表现吧。来，让我们拨清迷雾，娓娓道来……

## 1.响应式图像可用 ##

经过漫长的等待，我们终于有了比较好的兼容主流桌面、移动浏览器的解决方案（不仅仅是兼容chrome和opera）。

img标签的srcset属性，允许我们根据设备屏幕能力为不同的设备指定不同的图像(相同图像的不同大小)。

picture标签面向艺术需求，我们可以给不同的设备指定不同的图像，例如在电脑屏幕上显示一片森林，而在移动终端上显示几棵树。

<picture width="500" height="500">
    	<source media="(min-width: 45em)" srcset="large-1.jpg 1x, large-2.jpg 2x">
    	<source media="(min-width: 18em)" srcset="med-1.jpg 1x, med-2.jpg 2x">
    	<source srcset="small-1.jpg 1x, small-2.jpg 2x">
    	<img src="small-1.jpg" alt="">
    	<p>Accessible text</p>
    </picture>

## 2.网页组件提升 ##

如果google靠谱，网页组件将是网页平台的未来，它承诺：

a.HTML Template-可克隆的DOM块

b.The Shadow DOM-元素和样式的封装

c.Custom Elements-扩展HTML现存标签集

d.HTML Imports-client端包含功能

## 3.Node.js成为主流 ##

Node.js已经五岁了，已经用在了eBay、PayPal、Uber、Yahoo!和Walmart等高数据展示的网站，但是这种基于javascript的服务器端技术仍然是一种小众的选择，游离于整个技术社区边缘。

2015年将是Node.js重要的一年，即使不能打败PHP、Ruby、Java、.net这些主流的服务器端语言，我们也将看到它的使用程度的极大提升。

悲催的是，人们开始漠不关心“你到底使用什么技术”。

## 4.框架疲劳 ##

web已经被成千上万的用于满足开发过程的一时兴趣需求的html、css、js、服务器端框架所淹没，这些框架有些很有用，但会不会物极必反。

新的闪亮的框架当然好，但框架升级之后就一团糟，我们很难在不改变api、工作过程的情况下提高系统。例如，AngularJS这个最流行的客户端应用框架，2.0版本不兼容1.x版本，程序的升级之路充满艰辛。

过量的框架也导致了选择困难，开发者需要花费大量的时间去选择合适的框架，一旦选择错误后果不堪设想，你可能需要返工很多工作。

幸运的是，浏览器技术的更新能减少框架的使用，使用jQuery的理由消减了很多，使用Polymer会显得比较out。

框架不会消失，但使用YUI这种整体解决方案的日子一去不返，开发者将转向更小、功能更具体的组件（容易修改、容易删除）。这个理念已经深得Node.js和Ruby技术社区的拥护。

## 5.Google的艰难一年 ##

google取得了不可思议的成功，并且无往不利，但是2015年将面临巨大挑战。

小屏移动设备的井喷导致广告（代理）困难。

亚马逊是电子商务世界的绝对赢家，只有极少数的用户通过google搜索产品。

Mozilla已经将美国地区和一些其他地区的默认搜索引擎从google改为yahoo，

facebook已经成为youtube的最大竞争者。

google老因为错误原因吸引公众的注意力，不可信抱怨、个人隐私、国外税收漏洞等总上图条。

人们不再相信google的“Don’t be evil”信条（曾经相信过吗？）。

google的成功建立在诸多竞争对手的失败基础上，现在这些竞争对手开始反击了。至少不会保持不可思议的增长速度了。

## 6.Chrom将占据超过50%的市场份额（桌面和移动端） ##

根据 [StatCounter][]的统计结果，2014年底Chrome的桌面浏览器市场份额达到48%，这个数字将在2015年第一季度超过50%。

我预测在移动浏览器市场份额中，Chrome也将占据半壁江山。现在虽说只有30%，但随着年末原生Android浏览器的消亡，Chrome迎来了一个超越的良好时机。

对于其他浏览器厂商来说，不是个好消息。

## 7.IE将落后于Firefox ##

Microsoft和Mozilla都已经被Chrome打败，回顾历史两个厂商都曾经拥有最好的浏览器，但是现在不是。

到2015年底，Firefox的市场份额将在15%左右，IE将迅速下降，略低于这个数字。

苹果的桌面浏览器Safari获得了一些不正常的增长，得益于iPhone和iPad的持续增长，移动端浏览器将获得增长（仅限于移动端）。

## 8.移动设备使用率超过50% ##

已经被预测了很多年，在2015年底将会得以实现吧，2014年从20%上升到34%，增长趋势将继续。

如果你的网站、服务没有迎合移动用户，现在是时候开启新的策略了。

## 9.2015年将是性能之年(The year of Performance) ##

我们努力让网站适应于不同设备屏幕，但是没有网站使用用户的交互和带宽。web拥有美好的未来，但是人们更倾向于本地应用因为这样更快。因此有些情况下，我们应该提供一些小的安装包，而不是响应式网页。

过去三年间，网页平均大小增长一倍达到2M，我们有没有考虑过，同期的带宽有没有加倍，我们的服务有没有加倍？

虽说在业界已经被强调了很多年，但绩效才刚刚走入开发者的意识。很多时候，开发者还是倾向于选择快速开发、节省成本而忽略绩效。用户往往不堪你臃肿、依赖资源的web应用，转向使用本地APP。

2015年我们需要重新评价、优先选择绩效，可能我们需要回到拨号时代，开发者为效率而战，让我们重拾那些丢失的技能。

## 10.Skype翻译将成为改革性的技术 ##

微软将驯养宝贝鱼(Bable fish，yahoo公司的翻译项目)?利用skype的近自然语言的翻译将改变世界。网页突破了地理的界限，Skype将同样突破交流和合作的界限，它将为商业领域、世界各地的自由职业者带来巨大的机遇。

我怀疑Skype可以翻译所有语言的微妙，但是至少可以帮助我理解SitePoint上的澳大利亚佬。

2015，好运!

感谢您耐心读完，如果对您有帮助，[请支持我][Link 2]！

\----------------------------------------------------------

[前端开发whqet][whqet 1]，关注web前端开发，分享相关资源，欢迎点赞，欢迎拍砖。  
\---------------------------------------------------------------------------------------------------------

[www.sitepoint.com]: http://www.sitepoint.com/10-web-predictions-2015/?utm_medium=email&utm_campaign=SitePoint+Newsletter++8+January+2015&utm_content=SitePoint+Newsletter++8+January+2015+Version+B+CID_80ec38cfa7edb10bac7e4b3867ec49b7&utm_source=CampaignMonitor&utm_term=Read%20more
[whqet]: http://http//blog.csdn.net/whqet
[Link 1]: http://www.sitepoint.com/author/craig-buckler/
[Link 2]: http://vote.blog.csdn.net/blogstar2014/details?username=whqet#content
[2014]: http://www.sitepoint.com/10-web-predictions-2014-results/
[StatCounter]: http://gs.statcounter.com/
[whqet 1]: http://blog.csdn.net/whqet