整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

分享最新最全的前端开发文档,全是中文版

些都是我们开发组平时用的,包含zepto,AngularJs,Bootstrap,CSS3,JavaScript中文手册,JQuery,W3CSchool等,已经共享到github,文末有下载链接。

zepto:

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。好处不多说。

在线文档中文版:http://www.css88.com/doc/zeptojs_api/

离线文档中文版:

jQuery:

在线文档中文:http://www.css88.com/jqapi-1.9/

离线版文档中文:

CSS:

在线版文档中文:http://www.css88.com/book/css/

离线版文档中文:

HTML5:

离线版文档中文:

W3CSchool:

在线版文档中文:http://www.w3school.com.cn/

离线版文档中文:

Javascript:

离线版文档中文:

Bootstrap:

在线版文档中文:http://bootstrap.css88.com/

离线版文档中文:

AngularJs:

离线版文档中文:

其他:Underscore.js 中文文档:http://www.css88.com/doc/underscore/

Backbone.js(1.1.2) API中文文档:http://www.css88.com/doc/backbone/

Less.js 中文文档:http://www.css88.com/doc/less/

在线工具:http://tool.oschina.net/

所有文档已经上传github,下载链接http://git.oschina.net/lovepeng/files/tree/master/%E5%B8%B8%E7%94%A8apis?dir=1&filepath=%E5%B8%B8%E7%94%A8apis&oid=87158db6baad063e518625029cba16705d718500&sha=f2200a3ba0eafded965e7483eb9630ed61642e3c

文末加个鸡汤补补身子,也补补智商。


我是90后程序员,如果你热爱编程,喜欢互联网,可以关注一下我@两毛五哥哥,每天分享不一样的互联网知识,带小白飞,跟大神侃,我的格言是:做人不必优秀,要无可替代!

TML5提供了一些离线存储的功能,用于在离线状态下缓存应用程序的资源和数据。
以下是HTML5中常用的离线存储技术:

1:Application Cache(应用程序缓存):

Application Cache允许你定义一个缓存清单文件(Manifest),列出需要在离线状态下缓存的文件。浏览器会根据清单文件缓存这些文件,使得应用程序可以在离线状态下继续访问。Application Cache已被废弃,推荐使用Service Worker替代。

2:Service Worker(服务工作器):

Service Worker是一种在浏览器后台运行的脚本,可以拦截和处理网络请求。它可以用于缓存应用程序的资源,包括HTML文件、CSS、JavaScript、图像等。通过使用Service Worker,应用程序可以在离线状态下加载缓存的资源,提供离线访问的能力。

3:IndexedDB(索引数据库):

IndexedDB是一种客户端数据库,可以在浏览器中存储大量结构化数据。它提供了一个异步的API,用于存储和检索数据。应用程序可以使用IndexedDB在本地存储数据,以便在离线状态下访问和操作数据。

4:Web Storage(Web存储):

Web Storage包括两种机制:localStorage和sessionStorage。它们都允许应用程序在浏览器中存储数据。localStorage用于持久保存数据,即使浏览器关闭后也会保留数据;sessionStorage用于临时保存数据,当会话结束或浏览器关闭后数据将被清除。

传统的技术相比,HTML5 的语法特征更加明显,可以更加便捷地处理多媒体内容,而且 HTML5 中还结合了其他元素,对原有的功能进行调整和修改,进行标准化工作。HTML5 在 2012 年已形成了稳定的版本。

HTML5 的优势

1. 解决了跨浏览器问题

在 HTML5 之前,各大浏览器厂商为了争夺市场占有率,会在各自的浏览器中增加各种各样的功能,并且不具有统一的标准。使用不同的浏览器,常常看到的页面效果也不同。在 HTML5 中,纳入了所有合理的扩展功能,具备良好的跨平台性能。针对不支持新标签的老式 IE 浏览器,只需简单地添加 JavaScript 代码就可以使用新的元素。

2. 新增了多个新特性

HTML 语言从 1.0 到 5.0 经历了巨大的变化,从单一的文本显示功能到图文并茂的多媒体显示功能,许多特性经过多年的完善,已经发展成为一种非常重要的标记语言。 HTML5 新增的特性如下。

  • 新的语义标签,比如 header、nav、section、article、footer。
  • 新的表单元素,比如 calendar、date、time、email、url、search。
  • 用于绘画的 canvas 元素。
  • 用于媒介回放的 video 和 audio 元素。
  • 对本地离线存储的更好支持。
  • 地理位置、拖曳、摄像头等 API。

3. 用户优先的原则

HTML5 标准的制定是以用户优先为原则的,一旦遇到无法解决的冲突时,规范会把用户放在第一位。另外,为了增强 HTML5 的使用体验,还加强了以下两方面的设计。

安全机制的设计

为确保 HTML5 的安全,在设计 HTML5 时做了很多针对安全的设计。HTML5 引入了一种新的基于来源的安全模型,该模型不仅易用,而且对不同的 API(Application Programming Interface ,应用程序编程接口)都通用。使用这个安全模型,不需要借助于任何不安全的 hack 就能跨域进行安全对话。

表现和内容分离

表现和内容分离是 HTML5 设计中的另一个重要内容。实际上,表现和内容的分离早在 HTML4.0 中就有设计,但是分离得并不彻底。为了避免可访问性差、代码复杂度高、文件过大等问题,HTML5 有了更加明晰的规范。但是考虑到 HTML5 的兼容性问题,一些陈旧的内容还是可以兼容使用的。

4. 化繁为简的优势

作为当下流行的通用标记语言,HTML5 尽可能地简化,严格遵循了简单至上的原则,主要体现在这几个方面:

  • 简化的字符集声明;
  • 简化的 DOCTYPE;
  • 简单而强大的 HTML5 API;
  • 以浏览器原生能力替代复杂的 JavaScript 代码。

从新增的标签来看,HTML5 有以下几个特点:

  • HTML5 的文档类型可以简写为 <!DOCTYPE html>
  • HTML5 的字符编码可以简写为 <meta charset=“utf-8”/>
  • 标签不分大小写,但实际开发中,建议所有标签都使用小写。
  • 允许属性值不加引号。
  • 允许部分属性值可以省略。

随着 HTML 的不断发展,其经历了“从 HTML4 的宽松到 XHTML 的严格再到 HTML5 宽松”的发展路程。

相比较 HTML4 和 XHTML 的结构标签而言,HTML5 对结构标签进行了较大简化,精简了声明部分标签的定义过程,使得结构标签更加的简洁。

语义化标签

在引入语义化标签之前,我们常常采用 DIV + CSS 来布局,这样的布局方式使得文档的结构不清晰。为了解决这个问题,在 HTML5 中新增了一些标签,来帮助我们更清晰地展现文档的结构。

所谓语义化标签就是一看标签名,我们就知道该标签里内容的作用。

语义标签的优点:

  • 在样式丢失的情况下,页面也能呈现出很好地内容结构、代码结构。
  • <div> 标签有更加丰富的含义,方便开发与维护。
  • 有利于 SEO,提高搜索引擎的有效爬取。
  • 方便其他设备解析(如移动设备)。

在我们的课程中会给大家讲解如下所示的语义化标签:

  • header 标签
  • nav 标签
  • section 标签
  • article 标签
  • aside 标签
  • footer 标签