课程咨询:400-111-8989

  • 新手必备html5开发资料整理

    发布:HTML5培训  来源:html5教程  时间: 2016年12月01日

  • 从2006年 html5 标准被提出到2014年10月29号,html5规范制定完成并且发布,这中间经历了8年时间。...

  • 一.html5是新技术么?

    从2006年 html5 标准被提出到2014年10月29号,html5规范制定完成并且发布,这中间经历了8年时间。从被提出到最终规范定稿,html5 包含的很多新特性,同步的在被同时期的现代浏览器(Chrome,Firefox等)所实现。所以 html5 对于很多开发者来说,已经不能算是一项新技术了。在 html5 发展的过程中,移动互联网的兴起,html5标准委员会 为了满足在移动设备上实现复杂多媒体功能,设计了一些新特性来支持移动互联网的发展。

    严格意义上来说,我们现在口中的 h5开发 并不仅仅指的是 html5 这一项技术,而是包含了html5 ,css3,javascript。所以在我们励志成为一名优秀的前端工程师的时候,应该多关注这三方面的技术。

    二.html5 相对于 html4.x 有那些改变?

    1.html5首先通过新的 <!DOCTYPE> 声明方式,告诉浏览器对所要解析的html文档的文档类型。来规范浏览器的解析行为。该声明方式比 html4.x 声明更加简洁和灵活;

    2.html5新增加的标签丰富了网页结构,有利于搜索引擎的抓取;

    3.html5使得页面元素在浏览器上的表现更加的丰富,比如绘图(canvas),媒体播放(audio,video);

    4.html5新增的事件类型,可以让开发者监测用户更多的行为,使用户在操作网页时,网页有更加丰富的表现;

    5.html5可以使开发者的网页兼容更多的设备(可以使我们的网页在不同的移动端设备上基本表现一致);

    6.html5可以让开发者在客户端存储更多的数据;

    三.html5新增了哪些知识点和作用

    1. 章节语意标签,比如:<footer> <article> 等,可以使我们创建更友好的页面结构,便于搜索引擎抓取;

    2. 表单元素,属性,比如:number email autocomplete等,可以让我们规定表单元素的输入类型,长度,表单元素的行为;

    3. 多媒体标签,比如: <video> <audio>。可以让我们定义多媒体文件的类型和行为;

    4. 2D绘图,矢量图应用,<canvas> <svg> 标签可以让我们在网页上绘制复杂的图形和显示复杂的图形;

    5. 拖拽事件,drag drop 事件可以让我们在网页上对元素进行拖放操作;

    6. 离线数据的存储,localStorage sessionStorage可以让开发者根据用户行为在客户端缓存数据,提高网站性能和用户体验;

    7. 获取当前用于的地理位置,geolocation 可以让我们不依赖客户端就可以获取用户位置;

    8. Application Cache 可以让我们对Web应用进行缓存,离线时也可以访问,增加用户体验;

    9. web worker 可以让我们脱离JavaScript是单线程的这个魔咒,而且web worker独立于其它的脚本不会影响页面性能;

    10. 被动的获取服务端数据,EventSource 对象可以让我们的应用程序不主动发送HTTP 请求的情况下接收服务端推送的消息,并且做出响应;

    四.为什么选择html5开发我们的应用

    上面介绍了那么多html5新特性,那么这些新特性普及能为开发者带来哪些便利呢?

    对于经常使用微信的朋友来说,在 发现 一栏里可以看到 京东购物 的标签,当我们打开后会发现它几乎跟我们使用京东客户端一样。我们会想,难道微信在自己的客户端内,单独为京东开发了展示商品的模块呢?假如说,微博的客户端也要为京东添加这样的一个入口,是不是微博的工程师也需要开发这样的模块呢?

    答案是否定的,首先两家不同类型且独立的公司,先不说技术储备问题,这么复杂的页面开发起来在协调沟通和开发成本都会很大。如果某天XX活动京东要对网站首页改版,为了保持一致性微信的工程师也得同步的开发京东的新版页面。这明显违背软件设计 解耦 的思想。那么什么技术可以改变这种现状呢?

    因为html5新增的特性,已经可以让开发者开发出接近原生 native 体验的页面,也有满足多终端适配的解决方案。京东只需要使用 html5 来开发自己的页面,为需要提供入口的客户端提供页面的URL地址即可。不仅可以极大的减少开发成本,人力成本和沟通成本,而且也不会因为客户端版本更新迭代慢而影响产品的生效效率。事实上京东是这么做的。国内很多公司都是这么做的。

  • 上一篇:【荐】html5开发学习指南

    下一篇:前端开发必学的10个HTML5工具

网站导航
2002-2018 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56