web前端,达内上市公司

时间:2021-11-10 13:57:14 200字

篇一:《成都达内:WEB前端开发新时代-HTML5概述》

成都达内:WEB前端开发新时代-HTML5概述

2004年成立的Web超文本应用技术工作组(WHATWG)创立了HTML5规范,同时开始针对Web应用开发新的功能。那么Html5对于原来的html有些什么新的特性呢?

1. 兼容性:保持与过去技术的兼容和过渡,一旦浏览器不支持HTML5某项功能针对该功能的备选行为就会悄悄运行。

2. 合理性:HTML5新增的元素都是对现有网页和用户习惯进行跟踪,分析和概况出来的,在原有基础上新增了元素,比如原来的<div

id=’head’>这样大家习惯的头部结构,在HTML5中直接新增了<header>这样的标签来替代它,这样说来,HTML5新增了很多的新标签,这些新的标签都是从实际生活中总结概括出来的,也就将它的适用性提升到了最大值。

3. 效率:HTML5规范是基于用户优先的准则来规范的,将用户放在第一位,也就是说当页面发生无法解决的冲突的时,用户是在第一位的,页面制作者屈居第二,浏览器(现实者)最次。举个例子:也就是说我们在定义id、,class的值的时候,我们可以更轻松,比如id=aaa,class=aaa,ID=’aaa’,类似这样的不规范的代码都是可以被识别的,但是从用户的角度来说,他们不懂代码,只需要最后呈现的页面是正常的就行了,对于WEB前端开发的人来说的成都达内的老师需要郑重的提醒你,如果你一开始就不按照规范来写代码,那么你以后页面的代码混乱,后期修改艰难,而且对初学的开发者来说是不利的。我们也不提倡一开始就这样

随意写代码。

4. 安全性;为了保证安全,HTML5中我们引入了新的基于来源的安全模型,可以通过各种不同的API。

5. 分离:清晰分离表现与内容方面,以新增的模块为例子,完整的定义了整个页面的结构。

6. 简化:1.简单的DOCTYPE 2.简单的字符集声明 3.以浏览器原生力代替javaScript。

7. 通用:1.可访问性 2.媒体中立性:功能在不同平台上都可以实现 3.支持所有语种。

8. 无插件

安装插件可能失败,或者被禁用屏蔽又或成为被攻击的对象,插件不容易与HTML其它文档集成,在页面展示的时候会存在一定的问题。集成,在页面展示的时候会存在一定的问题。

以上8点是HTML5的新特性,成都达内的老师简单说下HTML5的开发设计原理。

它的设计原理也就是Web发展背后的驱动力:

1. 简化最为常见的任务。

2. 只为80%设计

3. 给内容创造者最大的权利。

4. 默认设置智能化。

意大利经济学家帕累托提出“世界上20%的人口拥有80%的财富”,这

个也暗合自然界各个领域的分布规律。

它的新增元素 section,article,aside,nav几个元素完美实现了页面的分区。

HTML从早期的2.0版本开始逐步走到现在也渐渐趋于成熟,也是一代代编程工作的汗水结晶。

篇二:《成都达内:WEB前端开发javaScript代码性能优化方案》

成都达内:WEB前端开发javaScript代码性能优化方案 JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

Firefox拥有目前最快的JavaScript解析器SpiderMonkey,

有各种各样的让JavaScript的速度更快的努力,其中一个是asm.js. Asm.js是JavaScript是由Emscripten产生的一个子集,它为C/C++编绎成的

JavaScript代码做了很多优化,编译型后的代码很难看,这就是为什么你不能自己写优化后的代码,但它运行非常快。我建议你阅读一下这篇文章。

好了,我们的目标是写速度更快的JavaScript代码,这里有让你的代码跑得更快一些的小窍门,以及更好的内存效率。请注意,我不是严格讨论DOM和Web应用程序,它是关于JavaScript的,DOM只是一部分。

眼见为实,我要添加为第一个添加jsperf测试用例,使用的是Firefox38和Chrome39测试。

#1不要类型转换

JavaScript是动态类型,但如果你想提高速度不要使用该功能。尽量保持变量的类型一致。这也适用于数组,尽管主要是由浏览器都进行了优化,但尽量不要混用不同类型的数组。这就是为何编译成JavaScript的C/C++代码使用静态类型的原因之一。

{{web前端,达内上市公司}.

var x = '2';

var y = 5;

x = 2;

x + y;

}

测试用例

另外:字符串与数字类型间相互转换

比方说,你必须将字符串转换为数字,parseInt与parseFloat是最好的方法吗?让我们来看看。

parseFloat("100")

+"100"

//整型

parseInt("100", 10)

"100"|0

"100">> 0

"100"<< 0

//仅适用于正数

"100">>> 0

parseInt测试~ parseFloat测试

Firefox对位操作进行了优化,运行的代码比parseInt和+运算速度快约99%。而Chrome显然对位运算符没有偏爱,他们比parseInt函数还慢62%。

parseFloat比+运算符在两种浏览器(Firefox 28%,Chrome 39%)上都要快。

因此,如果你在写Node/Chrome或Firefox的应用程序?我认为,一般使用parseInt函数是正确的。

#2不要重新构造对象

重组对象不便宜,应该避免它:

不要使用delete运算符

删除操作比分配一个null属性慢很多。分配null在两个浏览器都快99%,但它不能修改对象的结构,但删除可以。

编辑:我认为这里有点误导,这并不意味着你不应该使用delete操作符,delete运算符有它自己的使用情况,它可以防止对象的内存泄漏。

delete vs null

不要以后再添加属性

尽量不要在以后再添加属性,最好从一开始就定义对象的架构。这在Firefox中快100%,在Chrome中快89%。

动态属性VS预先定义结构

#3字符串联连

字符串联连是一个非常昂贵的操作,但是应该用什么方法呢?当然不是Array.prototype.join。

+=运算符似乎比+快很多,String.prototype.concat和

Array.prototype.join在两种浏览器都更快。Array.prototype.join是最慢的,符合市场预期。

字符串连接测试

#4正确的使用正则表达式

使用RegExp.prototype.exec是没有必要,不是吗?

然而,RegExp.prototype.test和String.prototype.search之间是有性能差异的,让我们来看看哪个方法更快:

正则表达式的方法

RegExp.prototype.exec比String.prototype.match快了不少,但他们是不完全一样的东西,它们的区别超出了本文的范围,看这个问答。

RegEx.prototype.test更快,可能是因为它不返回找到匹配的索引。String.prototype.search应仅用于找到所需的匹配的索引。

然而,你不应该使用正则表达式来查找另一个字符串的位置,你可以使用String.prototype.indexOf方法。

String.prototype.search VS String.prototype.indexOf

另一个有趣的基准是String.prototype.indexOf VS

RegExp.prototype.test,我个人预计后者要快,这是在Firefox中发生的事情,但在Chrome中,事实并非如此。RegExp.prototype.test在Firefox中快32%,

而在Chrome中String.prototype.indexOf快33%。在这种情况下,你自己选择喜欢的方式吧。

#5限制声明/传递变量的范围(作用域)

假如你调用一个函数,浏览器必须做一些所谓的范围查找,它的昂贵程度取决于它要查找多少范围。尽量不要依辣全局/高范围的变量,尽量使局部范围变量,并将它们传递给函数。更少的范围查找,更少的牺牲速度。

这个测试告诉我们,从局部范围内传递和使用变量比从更高的声明范围查找变量快,无论是Chrome和Firefox。

内部范围VS高范围VS全局

#6你不需要所有的东西都用jQuery

大多数开发者使用jQuery做一些简单的任务,我的意思在一些场合你没有必要使用jQuery,你觉得用$.val()始终是必要的吗?就拿这个例子:

$('input').keyup(function() {

if($(this).val() === 'blah') { ... }

});

这是学习如何使用JavaScript修改DOM的最重要原因之一,这样你可以编写更高效的代码。

用纯JavaScript100%完成同样的功能100%的速度更快,这是JSPerf基准测试

$('input').keyup(function() {

if(this.value === 'blah') { ... }

篇三:《【达内会计】跟上市公司财务总监学!》

【达内会计】跟上市公司财务总监学!

北京时间2015年1月21日,达内会计学院ACC1410班进入万众瞩目的上市公司总账会计真账实操课程阶段。全程以上市公司真实财务运营为例,达内时代科技集团财务总监刘丹亲力主讲。此阶段课程全场座无虚席,同学们热情异常高涨。 主讲人:

达内时代科技集团财务总监 刘丹

上海财经大学会计专业毕业,中国人民大学会计学硕士,执业注册会计师,15年上市公司财务管理工作。于2008年加入达内集团,组织筹划达内IPO运作,于2014年完成达内美国纳斯达克上市工作。{web前端,达内上市公司}.

主办课程讲什么?

上市集团总账会计课程:上市集团财务体系概述;上市集团CRM系统全盘介绍;集团财务工作时间总汇;集团财务出纳日常收款工作;集团财务出纳支付报销业务;上市集团资金日报和资金盘点;合同管理、印鉴管理。

做主办会计,我们有话说:

达内财务总监刘丹:财务是为什么而生?是为运营而生!会计要为运营服务,我们的课程是匹配达内集运营管理的财务架构而来。达内的授课是为企业输送来之既能用的会计人。

W同学说:听你们老总讲课,就是不一样,把之前零碎的知识点都结合起来。另外刘老师还交了好多作为会计,跟各部门打交道的方法。比如报销不能随便报,但又不能得罪同事,怎么处理这都是问题......真没想到会计工作还有这么多门路在里面。

H同学说:我之前也是在中型公司做会计,今天学了达内的财务体系,哎~没法比呀~!你们的内控特别精准,假账之类是不可能的。我觉得,把这套东西都学会了,到哪个大企业都用得上。真不错~~

A同学说:我之前也没学过会计,不过听了总监讲课感觉水平好高哇~原来会计也是蛮深奥的~

实训讲师刘鹏:同学们听得可认真了,有的同学怕PPT记不全,站到教室后面去拍照,站着做笔记。

这样的课堂,就差你了!

达内会计学院,跟着上市公司财务总监学会计!

达内会计课程是集团上市以后增开的首条产品线,产品从市场调研、团队组建到内容设计历时1年,定位培养符合上市公司用人标准的主办会计。学员在这里可以聆听来自上市公司高管、上市公司财务精英、财务领域资深专家亲授,用真账实战演练基本功,一站式拥有职业会计核心技能。

篇四:《达内会计月薪两千和月薪两万的区别在哪儿》

——培养符合上市公司用人标准的主办会计,真账实战,保就业

很多时候同学们都好奇,年薪百万的人凭什么能赚那么多?看着月薪2000的忙忙碌碌,月薪两万的反而潇洒自在,她们的区别是什么?

近日,达内时代科技集团财务总监刘丹,在一次分享活动中介绍了她对于会计岗位薪资、水平差异的理解,相信这些内容不管对于在职“老将”,还是刚刚入场“新兵”都会有所收获,以下为内容摘录:

我们要的是来之既能用的人

在我经历的集团的会计岗位招聘过程中,首先必须说明公司不是学校,我们要的是能直接上手的会计,企业不是慈善机构,不会给你发工资同时再找个人给她发着工资教你!所以我们需要通晓出纳、会计岗位职责,掌握企业账务核算流程,能够全面、独立处理企业基本财务事项的人。

我们会给面试者一份题,无论是否工作过,或者在什么岗位工作。我们都会让他做几笔会计业务,最后做出财务报表。这是个简单的环节,很基础却让很多考试的人没有完成,就“突然失踪”。——可以说很多人理论基础和准则功底都不够扎实。

能够完成基础理论考核只是符合招聘标准第一步,接下来还有岗位匹配。会计是以货币为计量单位,对企业的经济活动进行核算、监督的工作。看似枯燥的定义,却诠释了会计工作的实质是:核算+监督,那么你到底理解自己工作吗?是否履行了职能呢?其实薪资和发展差异就在这里。

你需要具备“正确的会计思维”

如果你的工作就是凭证录入,那么你核算了什么;如果你的职责就是对账记录,那么你很容易替代;如果你能够处理复杂的核算业务,并且能够进行全盘的管理、整合,那么你才是无可替代的。——偶尔我问过一些面试的人“你平时做什么?”,她说“就是把票据录入到电脑啊!”——大家觉得这样的同学我们会录用吗?即使录用会给高薪吗?

另外会计核算不是机械的,有些面试者或者是由于书本学习没有理解,或者是因为过往工作环境财务不规范,经常在面试中对于提问犯“低级错误”。譬如:我们租赁校区的时候,一签三年,房东一般给出1-2个月的“免租期”。[例如:合同租期2015年1月1日-2018年12月31日,租金300万元,2014年11月1日给钥匙,免租期两个月。]

这时候会计怎么处理呢?很多“有经验”会计告诉我说:按照合同来啊,我把300万分摊到未来三年36个月!看似挺合理,实际上大错特错。——说明这个会计连基本权责发生制的思维都没有,因为如果没有未来三年租期,他怎么会给你2个月免租,因此免租期实际上市总租赁期间的一部分,分摊是38个月而非36个月。

机械记忆,就是你低薪资的主要原因。对于企业,拥有正确会计思维的人,更容易得到认可和栽培,更容易有提升空间。

价值取决于为企业创造了什么

为什么企业愿意给财务经理、财务总监十几万、几十万的年薪?你没有在那么高位置上,但是你可以为企业做一些什么呢?

财务报告是企业经营的反应,任何一个财务人员都要站在管理者角度来审视每一笔支出合理性、规划每一项业务会产生的财务影响,帮助企业追求更大效益。比如,应收款出现异动,

你要不要了解下为什么,会不会未来产生坏账风险;集团下属企业要开始分子公司,结合他们过往业绩,从并表后税收筹划上你是否要反馈一个财务建议„

很多时候,财务经理要做什么,我们可以没做过,但是要知道、要懂。企业发展迅速,机会只给予不断提升自我能力的人,哪怕是基层会计,始终站在上一级位置思考,具备对业务的敏感度,付出最终一定会在晋升和薪资等方面得到回报。

达内会计课程是集团上市以后增开的首条产品线,产品从市场调研、团队组建到内容设计历时1年,定位培养符合上市公司用人标准的主办会计。学员在这里可以聆听来自上市公司高管、上市公司财务精英、财务领域资深专家亲授,用真账实战演练基本功,一站式拥有职业会计核心技能。

篇五:《UI设计与Web前端开发,学习什么比较好?》

UI设计与Web前端开发,学习什么比较好?

UI是做什么?web前端是做什么?这个问题困扰了很多零基础想要学习的同学,不知如何选择!

有同学在问:我是一名学习广告设计的学生,对于设计并不陌生,但是还是欠缺些火候,所以我想为了自己再学习一把,想找一家UI设计培训学校,但是我又看到了宣传有Web前端开发课程,这两课程有什么区别?

UI设计根据这三方面来展开学习:

1、 平面设计

在达内UI设计培训第一阶段学习,主要针对零设计基础学员设置(有基础的学员可申请跳过)学习内容包括企业VI设计、企业画册设计、平面设计与后期印刷等知识。学习工具为PS、AI、coreldraw,学完这一段可以从事大多数平面设计工作。 2 、网页设计

在这一阶段中我们将学习Web界面设计、PC客户端软件界面设计、(X)HTML/HTML5语言、CSS样式表、布局技巧与浏览器兼容等技术。

3 、移动界面设计

这一阶段是UI设计真正核心所在,学习内容包括:四种主流风格的图标设计、交互设计、移动界面设计,学习工具也进一步扩展为:AxureRP、Android、iOS。学完后将能够从事专业UI设计。

web前端根据这四方面来展开学习:在互联网的初级阶段,Web前端工程师并不重要,用户不讲究体验,能上网就很开心来了,那时客户端与服务器的交互是页面和页面的交互,用户对前端的程序要求的比较低,有个表单,能提交一个名字,有一个文本框,能在网上和人聊一句好就很好啦,因此不需要Web前端工程师。

但随着互联网发展的今天,互联网的系统越多越多,越来越复杂,用户不能满足基本功能的需要,对互联网体验要求越来越高,客户端与服务器的交互不在是简单页面和页面的交互,而变为页面和页面+ 程序+数据的交互,其中实现与客户交互和体验的程序就是Web前端工程师完成的,这时Web前端工程师就诞生了,随着用户对体验和交互要求越高,系统功能越复杂,Web前端工程师的岗位就越重要。

我们经常听到用户体验,那么什么是用户体验?这不用详细回答了,即是能够增加用户停留时间,吸引用户持续浏览页面,而Web前端开发工程师以及UI设计的网页设计师、APP界面设计师需要做的就是在美化页面,实现公司形象展示和功能之外,能够多多提高{web前端,达内上市公司}.{web前端,达内上市公司}.

用户体验,这样,才能实现自己真正的价值。那么web前端学习那个只是呢?

1 、HTML5基础

在这一阶段主要学习,HTML5、CSS3、JavaScript基础,以及UI设计交互,完成京东页面的实现。

2 、JavaScript核心

在这一阶段中我们将学习JavaScript核心,DOM编程,完成各种页面动态效果以及动态交互,实现2048游戏实战项目。

3、web前端核心

这一阶段是web前端真正核心所在,学习内容包括:jQuery、http协议及server端技术、HTML5高级,完成页面各种功能及效果,能够实现服务器端的通信分析,实现京东订单页的功能分析。

4、web前端高级技术

这一阶段是web前端技术提升阶段,学习内容包括:

bootstrap、angularJS、web APP、常用JS框架,微信开发,实现web页面到移动端的迁移和部署,掌握微信产品设计和接口开发实现的相关技能。

那么学UI设计和web前端哪个好呢?

综合来说,决定是否学习UI设计师培训课程--UI设计,还是Web前端开发,都是与页面前端有更大的关系,而且都是目前社会上

比较缺少的人才,而我们学生需要的就是能够选择好自己想学习的课程,以及适合自己学习的方向,不论是UI设计培训还是Web前端开发培训,尽力的学习好它,让它为你所用。测试自己适合学习哪个课程最好的方法,是去听一下免费课程,学完才知道这个职业是否适合自己发展。

篇六:《Web前端开发-软件工程》

个 人 简 历

个人资料

姓 名:xxx 性 别:男

电 话:15910288422 (北京) 年 龄:xx

专 业:软件工程 学 历:xx

邮 箱:1xx1xx8xxx@163.com 所 在 地:xx

求职意向

Web前端开发工程师

专业技能

 熟练HTML,CSS,JavaScript等前端开发技术。

 熟练Ajax、DOM等相关技术。

 熟悉HTML5中Canvas绘图和CSS3新特性。

 熟悉JQuery、Bootstrap、AngularJS、jQuery-mobile等框架。

 熟悉php、mysql等相关技术

 了解andriod移动端开发

项目经验

项目名称: 京东首页和详情页

开发工具: EditPlus3

使用技术: HTML、CSS、JavaScript

项目描述: 参考京东购物网站,通过CSS完成页面布局,编写原生JS代码实现

页面效果。

技术难点: 首页广告轮播框的实现;

项目名称: ‘开饭啦’订餐系统

开发工具: WebStorm xammp ADT

使用技术: AngularJs、JQM、BootStrap、jQuery

项目描述: 参照饿了么订餐系统,使用AngularJs框架,采用MVC模型特点,创建 一个index页面,之后编写多个同在一颗dom树上的分页面,使用路由 配置进行加载,并在PC端引用Bootstarp框架进行排版,修饰,在移动 端利用jQuery-mobile框架进行排版修饰,用ADT进行测试,最终实现 点击首页面,跳转到其他页面直到个人信息验证,使用框架中的Ajax 异步请求,获取信息

技术难点: ng双向数据绑定;Ajax异步请求;路由参数配置

项目名称: HTML5实现本地时间计时动画

开发工具: WebStorm

使用技术: HTML5、JavaScript

项目描述: 利用H5 canvas画布相关知识画出小球图形,采用矩阵数组排列

方式进行本机时间形式排列小球,小球列跟随时间变动而不断重新 绘制,并附加掉落动画,实现rgb跑马灯式计时及小球流动式掉落 技术难点: 矩阵数组数字排列;动画运动相关参数计算;

教育背景/实训经历

2012.09-2016.06 河南理工学院 软件工程 本科

专业课程:C语言基础,数据库,java语言,软件工程,计算机组成原理

2015.10-2016.2 北京达内科技有限公司 web前端相关技术

培训收获: 熟练的掌握了div+css布局,javaScript底层原理及dom操作, 熟练CSS3和HTML5新特性,Ajax交互方式及操作,熟练BootStrap框架和 AngularJs框架使用,了解php及数据库相关技术

曾获证书

ITAT 办公自动化工程师 英语四级

自我评价

 

兴趣爱好

台球、篮球、轮滑、音乐。

对工作认真负责,有责任心。 对新知识,新技术充满好奇心,善于探索新内容。 富有想象力、做事不拘泥俗套,喜欢做一些有挑战性、独创性的工作。 具有良好的适应性,懂得换位思考,善于发现别人的优缺点,做事能以大局为重。

篇七:《成都web前端培训:WEB前端开发让HTML在ie浏览器中运行的三种方法》

成都web前端培训:WEB前端开发让HTML在ie浏览器中运行的三种方法

成都达内

时代在变化,随着浏览的更新换代,对代码的理解也有所不同,针对不同版本的浏览器我们还需要进行兼容处理。

首先我们要理解下为什么在IE中HTML5的很多功能无法正常实现。 如果你现在就希望使用 CSS3 和 HTML5 创建你的站点,需要对各个浏览器对这两种新技术的支持情况有一个全面了解。

CSS3 属性:F3.6+, sa5+, ie9+,chrome10+,opera11.1+ 支持较好 CSS3 选择器:F3.6+, sa5+, ie9+,chrome10+,opera11.1+ 支持较好

HTML5 Web 应用程序:F3.6+, sa5+, ie9+,chrome10+,opera11.1+ 支持较好

HTML5 图形和内嵌内容:全部支持的有 Chrome、Firefox、IE 9。

HTML5 音频编码:Chrome 全部支持,Safari 除Ogg Vorbis 外全部支持,IE 9 开始支持 MP3 和 AAC。

HTML5 视频编码:Chrome全部支持,

HTML5 表单对象:ie10及已下不支持

HTML5 表单属性:ie10及已下不支持

目前对 CSS3 和 HTML5 支持最好的是 Chrome,Safari 次之,Firefox 和 Opera 旗鼓相当,IE 9开始拥抱标准。

国内Xp用户多,ie8甚至ie6用户占有很大比例(xp ie最高只能升级到ie8),选择新技术,可是用户群而作决定。

起初,IE其实也是一款非常有进取心的浏览器。但经过一段时间的蛰伏后,它已经成为了我们生活中的一道障碍。微软现在又重新开始向其它浏览器发起挑战,但事实情况是,新版的现代IE浏览器一直滞后于谷歌浏览器和火狐浏览器。我们还不得不想办法兼容早期的IE浏览器。下面提到的三种方法能快捷轻松的让你的HTML5&CSS3网站在微软的主要浏览器中也能神奇的运行!

htmlshiv.js

Remy开发的HTML5shiv工具能利用JavaScript在老式IE里创建main,header,footer等HTML5元素。也就是说使用JavaScript能创建这些本来不存在的HTML5新元素。这是什么原理?你可能花几天也想不明白,但谁在意呢!这个脚本几乎是所有正式网站必用的js。

selectivizr.js

Selectivizr.js是一款神奇的工具,它能提供大量IE不支持的CSS选择器和属性,包括所有的last-child选择器。最近在网站改版过程中,我使用了

selectivizr,网站竟然可以毫不走样的在老式IE浏览器的正常显示。下面是我使用的代码片段:

条件判断注释

你一定见到过这种极其丑陋的条件判断注释。然而,丑虽丑,它却能让你的网页能按你希望的方式运行:

这段代码不需要JavaScript,不需要等待JavaScript的加载,你定义的CSS样式会立即生效起作用,没有那种因为加载延迟而出现的样式闪变。

虽然IE在奋起直追它的那些竞争对手,但现实情况是老式的IE浏览器仍然相当普遍,特别是在那些发展中国家。欣慰的是,上面的这些工具在所有浏览器里都可以使用。

运用已经逐步占领市场

成都达内

自W3C于1999年发布HTML4后,Web世界快速发展,一片繁荣。人们一度认为HTML标准不需要升级了。一些致力于发展Web App的公司另行成立了WHATWG组织,直到2007年,W3C从WHATWG接手相关工作,重新开始发展HTML5。纵观HTML5的发展,也是一波三折,有用户的需求在推动,有技术开发者的需求在推动,更有巨大的商业利益在推动。过去这些年,HTML5颠覆了PC互联网的格局,微信朋友圈里的一个神经病猫小游戏,打开了人们对移动互联网的各种幻想,优化了移动互联网的体验,接下来,移动互联网将产生一个全新的入口,而由超级App+HTML5主导的web app将颠覆原生App移动互联世界。

传统浏览器+HTML5组合的灰色时期

在HTML5标准的升级过程中,苹果和Google同时也看到了浏览器市场重新洗牌的机会,他们一方面参与HTML5的规范,一边在浏览器产品上发力。Apple首先开始大力发展Safari,建立WebKit开源项目,Mac、iOS、Windows多平台齐发力;Google起初是赞助Mozilla开发Firefox,后来自己开发了v8引擎,合并WebKit,于2008年正式推出Chrome。“IE的私有规范+Flash不是标准,我们才是标准”这样的口号在新一代浏览器大战中打响。

随着Chrome和Safari的高歌猛进,以及IE+Flash的衰落,HTML5告一段落,进入了下一个时代——移动互联网。HTML5的跨平台优势在移动互联网时代被进一步凸显。HTML5是唯一一个通吃PC、Mac、iPhone、iPad、Android、Windows Phone等主流平台的跨平台语言。Java和Flash都曾梦想这个位置,但梦断于iOS。此时人们纷纷开始研究基于HTML5开发跨平台手机应用。很多人当时认为,原生应用只是过渡,就像当年从C/S结构转变为B/S结构一样。而且学习Objective-C和Java很费劲,既然会网页开发,为何不试试HTML5。

W3C此时成立了Device API工作组,为HTML5扩展了Camera、GPS等手机特有的API,然而麻烦的是,移动互联网初期的迭代太快了,手机OS在不停的扩展硬件API,陀螺仪、距离感应器、气压计……每年手机OS都有大版本更新。HTML5没有跟上移动互联网初期的快速迭代。

PhoneGap的出现,给开发者打开了一扇窗。很多人期待PhoneGap不停扩展API,来补充浏览器的不足。Adobe看到PhoneGap仿佛看到了重振江湖地位的希望,但在Adobe收购PhoneGap后,又发现这个东西可商用性不足,而且开源使得Adobe无法像Flash那样获取商业利益,于是就把PhoneGap捐给了Apache,改名为Cordova。

因为各种原因,Cordova的定位最终没有成为浏览器的强化,而走向了混合式开发。基于当时的背景,他们认为原生是不可替代的,“原生+HTML5”的混合模式更有意义。

这时Facebook加入了W3C,牵头成立了Mobile Web工作组。Facebook是混Web圈的,并且在手机OS上没有自己的领地,他不喜欢被苹果和Google

掌控的原生应用生态系统。Mobile Web这个工作组的重要目标就是让HTML5开发的网页应用达到原生应用的体验。然而,事与愿违,结果是努力了却失败了。2012年,Facebook放弃了HTML5的新闻充斥了全世界的IT媒体,HTML5瞬间被打入冷宫。

而在HTML5定稿之前,国内绝大多数浏览器也已经支持HTML5,包括UC在内的很多手机浏览器已经迫不及待发展Web App,用于抵消原生App所吞噬的流量。在HTML5之前Web App曾经试图和原生App争夺手机桌面,不过限于Web App天生的缺陷—卡顿、无法Push等,其体验流畅程度远远落后于原生App,导致目前手机桌面依然是原生App的天下。

HTML5定稿 WebApp迅速崛起了

Facebook为何放弃HTML5?这一事件,甚至让别有用心的