随笔分类 - HTML5历练讲解
HTML5前端开发
摘要：拖放(drag和drog)是HTML5的标准的组成部分，也是种常见的特性，意义为抓起一个元素放入到另外的一个位置，在HTML5中任何元素都可以被拖放，前题是要相关进行设置。1、设置元素为可拖放，也就是把drapgable属性设置为true2、拖动什么-ondragstart和setData(),规定...
阅读全文
摘要：AJAX是一种与服务器交换数据的技术，无需加载整个页面的情况下，对页面中局部更新。$.ajax()方法执行异步的AJAX请求，所有的jQuery AJAX()的方法都使用$.ajax()方法，该方法通常用于其它方法不能完成的请求。语法格式：$.ajax({name:value, name:value...
阅读全文
摘要：noConflict()方法是解决如何同时在页面上使用jQuery和其它框架，正如您所了解到的jQuery使用$符号作为jQuery的简写，如果其它的javascript框架也需要使用$符号作为简写怎么办呢？其他一些 JavaScript 框架包括：MooTools、Backbone、Sammy、C...
阅读全文
摘要：jQuery-AJAX get()和post()方法是通过http get 和 http post请求从远程服务器上请求数据的。两种在客户端和服务端请求-响应的常用方法是get和postget:从指定的资源请求数据，get是用来从服务器上获取(取回)数据,但要注意获取或取回的可能是缓存数据，因为ge...
阅读全文
摘要：jQuery load()方法是简单但功能强大的AJAX方法load方法是从服务器上加载数据，并把返回的数据显示在被选择元素中。语法格式$(selector).load(url,data,callback)参数1：url规定希望加载的数据的地址(必需的);参数2：data规定与请求一同发送的查询字符...
阅读全文
摘要：AJAX是浏览器后台与服务器交换数据的技术，无须加载整个页面的情况下，对页面中的局部进行更新。AJAX=异步的JavaScript与XML(Asynchronous JavaScript and XML)简单的说，在不重载个网页的情况下，AJAX通过后与服务器交换数据，然后在网页中进行显示。通过使用...
阅读全文
摘要：HTML5 Geolocation(地理位置)、是用来定位用户的位置的。HTML5 Geolocation API 用于获得用户的地理位置，鉴于该特性可能侵犯用户的隐私权，除非用户同意，否则不能获取用户的位置信息。请使用getCurrentPosition()方法来获取用户的地理位置信息提示：HTM...
阅读全文
摘要：HTML5服务器发送事件是允许获得来自服务器的更新。server-sent事件-单向传递消息，表示网页自动获取来自服务器的更新。其中有一个重要的对象，eventsource对象是用来接收服务器发送事件的通知。实例： 获取来自服务器的更新数据 ...
阅读全文
摘要：HTML5 web workers是运行在后台的JavaScript,不会影响页面的性能。什么是web worker?当在HTML页面中执行脚本时，页面的状态是不可响应的，直到脚本运行完成。而在HTML5 中的web worker是运行在后台的JavaScript,独立于其它的脚本，不会影响页面的性...
阅读全文
摘要：Manifest文件是简单的文本文件，它告知浏览器缓存的内容(或不缓存的内容)Manifest文件可以分为三个部分：1、CAHCEMANIFEST-在此标题下列出的文件将在首次下载后进行缓存。CACHE MANIFEST(必需的)/style.css/html5logo.png/active.js上...
阅读全文
摘要：使用HTML5,通过创建一个cache manifest文件，可以轻松地创建web应用的离线版本。什么是HTML5应用程序缓存？自从HTML5引入了应用程序缓存，这意味着web可以进行缓存，可以在没有连接网络的情况下继续访问web.应用程序缓存为应用带来了三个优势：1、离线浏览-用户可以应用离线时使...
阅读全文
摘要：HTML5中元素是用来描述文档中的底部信息，比如：版本，版权，作者，链接声明，联系信息，时间等等。实例： 这是一个底部的信息 底部信息是用来描述：版本，版权，作者，链接声明，联系信息，时间等等。
阅读全文
摘要：sessStorage对象是一个会话形式的数据存储，当用户关闭浏览器的窗口后，数据就会被删除。实例： 点击按钮查看计数器增加 关闭浏览器窗口再一次打开，继续点击按钮，计算器已复位,数据重新开始计数
阅读全文
摘要：localStorage对象存储的数据没有时间限制，比如：它可以存储到第二天，第三周，半年，或二三年，只要您的电脑没有重新安装系统或更换硬盘，数据仍然会被保留着。实例： localStorage 实例分析：1、使用key="englishName"和value="mela...
阅读全文
摘要：HTML5 中web存储是一个比cookies更好的一个本地存储方式。那么什么是HTML5存储呢？使用HTML5可以在本地存储用户浏览的数据，HTML5技术没有出来之前是使用cookies进行本地存储。但是web存储更加的安全与快速， 这些数据不会被保存到服务上，但这些数据是用户用来请求网站上的数据...
阅读全文
摘要：header,nav,section,article,aside,figue,figcaption,footer以上这些标签(除figcaption标签外)都是块级标签，为了让这些标签及元素在所有的浏览器生效，你需要在样式列表文件中设置display:block属性，设置属性的意义是为了低版本浏览器...
阅读全文
摘要：HTML5元素是用来定义页面文档中独立的流内容(图像，图表，照片，代码块)，figure内容与主内容有关，如果被删除，则不影响主文档流的产生。HTML5元素是用来描述figue元素的标题，可以放到第一个位置或最后一个位置。实例： HTML5是下一代HTML的标准 ...
阅读全文
摘要：HTML5元素用来定义页面文档中主区域内容之外的内容，但之外的内容是与主区域内容相关的。实例： 这个页面是我开始用html5进行布局的。 HTML5是下一代HTML的标准 ...
阅读全文
摘要：HTML5元素用来定义页面文档的独立内容。实例： article article header article aside ...
阅读全文
摘要：HTML5元素用来定义页面文档中的逻辑区域或内容的整合(section,区域)，比如章节、页眉、页脚或文档中的其他部分。根据W3C HTML5文档中：section里面应该包含标题及一级内容。实例： sectionsection标签是用来定义页面文档中的逻辑区域或内容的整合，通常会包含...
阅读全文