12 2015 档案

• applicationCache对象
  摘要：applicationCache对象代表了本地缓存，可以在js中进行一些操作。可以用它来通知用户本地缓存中已经被更新，也允许用户手工更新本地缓存。applicationCache.addEventListener("updateready",function(){ alert("本地缓存已被更新，您... 阅读全文
  posted @ 2015-12-21 10:37 布拉格格 阅读(730) 评论(0) 推荐(0)
• 地理定位实现方式
  摘要：IP地址，GPS，Wifi，GSM/CDMA地理位置获取流程：1、用户打开需要获取地理位置的web应用。2、应用向浏览器请求地理位置，浏览器弹出询问，询问用户是否共享地理位置。3、假设用户允许，浏览器从设别查询相关信息。4、浏览器将相关信息发送到一个信任的位置服务器，服务器返回具体的地理位置。地理地... 阅读全文
  posted @ 2015-12-21 10:28 布拉格格 阅读(300) 评论(0) 推荐(0)
• Geolocation API 原理及方法
  摘要：使用IP地址；基于Web的数据库；无线网络连接定位；三角测量；GPS技术；来测量经度和纬度。（综合了所有技术）地理定位的精确度，有很多方法可以定位用户的地理位置，并且每种方法都有不同的精度。桌面浏览器一般会使用WiFi（精确到20m）或者IP定位（只能精确到城市级别，并且有可能是假地址）移动装置一般... 阅读全文
  posted @ 2015-12-21 10:27 布拉格格 阅读(557) 评论(0) 推荐(0)
• HTML5获取地理位置
  摘要：包含了以下功能：(1)通过IP地址获取城市地址（并不完全准确，存在代理IP或IP中转时定位与实际位置不一致的情况）(2)通过移动端浏览器及GPS定位位置坐标(3)根据位置坐标转换百度地图坐标(4)根据位置坐标逆推城市具体地址功能（存在一定误差）(5)通过使用百度API展示地理位置及添加标注功能 地... 阅读全文
  posted @ 2015-12-21 10:26 布拉格格 阅读(505) 评论(0) 推荐(0)
• HTML5 地理位置定位（HTML5 Geolocation）原理及应用
  摘要：地理位置（Geolocation）是 HTML5 的重要特性之一，提供了确定用户位置的功能，借助这个特性能够开发基于位置信息的应用。今天这篇文章向大家介绍一下 HTML5 地理位置定位的基本原理及各个浏览器的数据精度情况。 在访问位置信息前，浏览器都会询问用户是否共享其位置信息，以 Chrome ... 阅读全文
  posted @ 2015-12-21 10:14 布拉格格 阅读(184) 评论(0) 推荐(0)
• cache manifest 格式
  摘要：下面说明书写 cache manifest 文件需要遵循的格式。1 首行必须是 CACHE MANIFEST。2 其后，每一行列出一个需要缓存的资源文件名。3 可根据需要列出在线访问的白名单。白名单中的所有资源不会被缓存，在使用时将直接在线访问。声明 白名单使用 NETWORK：标识符。4 如果在白... 阅读全文
  posted @ 2015-12-20 19:40 布拉格格 阅读(352) 评论(0) 推荐(0)
• 在线状态检测
  摘要：如果 Web 应用程序仅仅是一些静态页面的组合，那么通过 cache manifest 缓存资源文件以后，就可以支持离线访问了。但是随着互联网的发展，特别是 Web2.0 概念流行以来，用户的提交的数据渐渐成为互联网的主流。那么在开发支持离线的 Web 应用时，就不能仅仅满足于静态页面的展现，还必需... 阅读全文
  posted @ 2015-12-20 19:32 布拉格格 阅读(282) 评论(0) 推荐(0)
• 离线调试
  摘要：1. 通过标准的HTTP语义，你的浏览器将会检测缓存名单是否已经过期。就像任何其他由HTTP服务的文件，你的网络服务器将会包含典型的关于此文件在HTTP响应头中的元信息。这些HTTP头中的一些(Expires和Cache-Control)将告诉你的浏览器如何允许缓存文件而不询问服务器此文件是否已更改... 阅读全文
  posted @ 2015-12-20 19:30 布拉格格 阅读(258) 评论(0) 推荐(0)
• 离线应用使用
  摘要：离线网络应用程序的思想其实要早于HTML5，部分实施也要早些。也就是说，HTML5有办法实现离线，但也有其他办法。我将稍后在本章谈谈其中一个办法：Gears。这些早期使用者中的一部分已经换成了HTML5，并且其他的也正在切换中。• Gmail，Google基于网络的邮箱• Zoho，在线生产力及合作... 阅读全文
  posted @ 2015-12-20 19:28 布拉格格 阅读(153) 评论(0) 推荐(0)
• 离线应用
  摘要：离线应用，就是在离线时能够把数据存储到本地，在线时同步到服务器上。HTML5提供了程序缓存和本地存储两种机制来实现， 可以用cache manifest和indexedDB来搜索相关内容。各个浏览器对此支持都不太一样，本文尝试出一种可行的方案。一个离线网络应用程序就是一个URL的列表——HTML，C... 阅读全文
  posted @ 2015-12-20 19:10 布拉格格 阅读(208) 评论(0) 推荐(0)
• 音频格式知识普及
  摘要：Ogg：全称应该是OGGVobis(oggVorbis)是一种新的音频压缩格式，类似于MP3等的音乐格式。Ogg是完全免费、开放和没有专利限制的。OggVorbis文件的扩展名是.OGG。Ogg文件格式可以不断地进行大小和音质的改良，而不影响旧有的编码器或播放器。MP3：是一种音频压缩技术，其全称是... 阅读全文
  posted @ 2015-12-20 18:46 布拉格格 阅读(313) 评论(0) 推荐(0)
• video 与 audio
  摘要：Play方法：使用play方法来播放媒体，自动将元素的paused属性的值变为false。Pause方法：使用pause方法来暂停播放，自动将元素的paused属性的值变为true。Load方法：使用load方法来重新载入媒体进行播放，自动将元素的playbackRate属性值变为defaultPl... 阅读全文
  posted @ 2015-12-20 18:45 布拉格格 阅读(150) 评论(0) 推荐(0)
• 多媒体属性-（只读与可读写）
  摘要：*error：只读 使用media.error返回一个MediaError对象表明当前的错误状态，如果没有错返回null,共有4个值 （MEDIA_ERR_ABORTIO）*currentSrc 只读 返回该媒介标记的src属性值*networkState 只读 *preload 可读写 可获取和... 阅读全文
  posted @ 2015-12-20 18:44 布拉格格 阅读(390) 评论(0) 推荐(0)
• 多媒体视频（video）
  摘要：是 HTML 5 中的新标签。 标签的作用是在 HTML 页面中嵌入视频元素。 标签定义视频，比如电影片段或其他视频流。标签 属性src: 视频的URLposter: 视频封面，么有播放时显示的图片preload: 预加载autoplay: 自动播放loop: ... 阅读全文
  posted @ 2015-12-20 18:43 布拉格格 阅读(183) 评论(0) 推荐(0)
• 多媒体音频（audio）
  摘要：随着计算机技术的发展，特别是海量存储设备和大容量内存在PC机上的实现，对音频媒体进行数字化处理便成为可能。数字化处理的核心是对音频信息的采样，通过对采集到的样本进行加工，达成各种效果，这是音频媒体数字化处理的基本含义。src: 音乐的URLpreload: 预加载autopl... 阅读全文
  posted @ 2015-12-20 18:43 布拉格格 阅读(329) 评论(0) 推荐(0)
• Web存储(Web Storage)的浏览器支持情况
  摘要：所有很酷的功能特征的出现最关键的就是浏览器的支持情况，幸运的是，所有的现代浏览器都支持HTML5 Web存储(Web Storage)，从IE8开始也支持它。HTML5 Web存储(Web Storage)非常简单但也非常有用。因为HTML5 Web存储(Web Storage)需要使用JavaSc... 阅读全文
  posted @ 2015-12-20 18:25 布拉格格 阅读(1040) 评论(0) 推荐(0)
• html5本地存储的解决
  摘要：1.解决了Cookie 4K存储大小的问题2.解决了请求头常带存储信息的问题3.解决了关系型存储的问题4.跨域问题，跨浏览器*在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。对于不同的网站，数据存储于不同的区域，并且一个... 阅读全文
  posted @ 2015-12-20 18:24 布拉格格 阅读(171) 评论(0) 推荐(0)
• 存储历史
  摘要：Cookie1.大多数浏览器支持最大为4k的Cookie。2.浏览器还限制站点可以在用户计算机上存储的Cookie的数量。大多数浏览器只允许每个站点存储20个Cookie;如果有更多，则最旧的被丢弃3.默认情况都会随着HTTP请求发送到后台服务器，http请求头上会带着，会让http请求显得特别长。... 阅读全文
  posted @ 2015-12-20 18:23 布拉格格 阅读(150) 评论(0) 推荐(0)
• Web Storage的方法
  摘要：1.分为两种:localStorage与sessionStorage。2.存储形式:key-value的形式。sessionStorage1.session定义：session指用户在浏览某个网站时，从进入网站到浏览器关闭所经过的 这段时间，也就是用户浏览这个网站所花费的时间。2.session对象... 阅读全文
  posted @ 2015-12-20 18:23 布拉格格 阅读(248) 评论(0) 推荐(0)
• web存储(Web Storage)
  摘要：在如今的Web开发中，HTML5是大家讨论的最大一个话题。HTML5提供的新功能特征使得Web程序员如虎添翼，并免去了以往钻研各种方法来让网站更好、更快、更灵活的气力。这些新功能中有一个非常让我感兴趣，它就是Web存储(Web Storage)。Web存储(Web Storage)提供了一个在浏览器... 阅读全文
  posted @ 2015-12-20 18:21 布拉格格 阅读(173) 评论(0) 推荐(0)
• preventDefault()方法
  摘要：必须在dragend和dragover事件内调用“事件对象.preventDefault()”方法。因为在默认情况下，拖放的目标元素是不允许接受元素的，为了把元素拖放到其中，必须把默认处理给关掉。目前支持拖动处理的MIME的类型：1.text/plain：文本文字2.text/html：HTML 文... 阅读全文
  posted @ 2015-12-20 18:05 布拉格格 阅读(619) 评论(0) 推荐(0)
• DataTransfer(setData()方法)
  摘要：DataTransfer对象专门用来存储拖放时要携带的数据，它可以被设置为拖放事件对象的DataTransfer属性。---把拖动的数据存入其中setData有两个参数：1.第一个参数为携带数据的数据种类的字符串，只能填入类似“text/plain”或“textml”的表示 MIME类型的文字2.... 阅读全文
  posted @ 2015-12-20 18:04 布拉格格 阅读(4456) 评论(1) 推荐(0)
• 与拖放有关的事件
  摘要：拖动过程会触发很多事件,主要有下面这些: 1.dragstart: 网页元素开始拖动时触发 2.drag： 被拖动的元素在拖动过程中持续触发 3.dragenter： 被拖动的元素进入目标元素时触发，应在目标元素监听该事件 4.dragleave： 被拖动的元素离开目标元素时触发，应在目标元素监... 阅读全文
  posted @ 2015-12-20 18:03 布拉格格 阅读(167) 评论(0) 推荐(0)
• 实现拖放的步骤
  摘要：1.将要拖放的对象元素的draggable属性设为true（draggable=="true"）。这样才能将元素拖放。注意：img元素和a元素，必须指定href，默认允许拖放。2.编写与拖放有关的事件处理代码(*draggable 属性当用户拖动 draggable 元素时，Internet Exp... 阅读全文
  posted @ 2015-12-20 18:02 布拉格格 阅读(154) 评论(0) 推荐(0)
• 拖放API
  摘要：拖放功能是电脑用户认为理所应当能够“顺畅运行”的功能，我们有数种方法在浏览器中启用此功能。Windows Internet Explorer 9 和早期版本的 Windows Internet Explorer 支持用于拖动图像、链接和文本的 DataTransfer 对象和事件。Internet ... 阅读全文
  posted @ 2015-12-20 18:01 布拉格格 阅读(161) 评论(0) 推荐(0)
• Blob 构造函数
  摘要：Blob 构造函数使 Web 开发人员可直接在客户端上创建或操作 Blob（经常等效于一个文件）。 该构造函数在 W3C 的文件 API 规范中进行定义，该规范目前尚处于工作草案阶段。在较早版本的文件 API 中，你可以读取文件，但无法直接在客户端中编辑它们。你可以更改文件的表示形式，但要保存这些编... 阅读全文
  posted @ 2015-12-20 17:49 布拉格格 阅读(615) 评论(0) 推荐(0)
• API中FileReader 接口事件
  摘要：FileReader 接口包含了一套完整的事件模型，用于捕获读取文件时的状态onabort 中断onerror 出错onloadstart 开始onprogress 正在读取onload 成功读取onloadend 读取完成(无论成功失败) 阅读全文
  posted @ 2015-12-20 17:46 布拉格格 阅读(228) 评论(0) 推荐(0)
• 读取数据文件的方法
  摘要：1.readAsBinaryString(Blob blob); 传入一个Blob对象,然后读取数据的结果作为二进制 字符串的形式放到FileReader的result属性中2.readAsText(Blob blob,optional DOMString encoding); 第一个参数传入Blo... 阅读全文
  posted @ 2015-12-20 17:46 布拉格格 阅读(233) 评论(0) 推荐(0)
• API读取和处理的文件
  摘要：1.FileList对象 FileList对象是File对象的一个集合，设置multiple就可以多文件上传。2.Blob对象Blob对象就是一个二进制原始数据对象，它提供了slice方法可以读取字节内部的原始数据块，他有两个属性：size type3.File对象 继承自Blob对象，指向一个具体... 阅读全文
  posted @ 2015-12-20 17:45 布拉格格 阅读(419) 评论(0) 推荐(0)
• 文件API及其特点
  摘要：Internet Explorer 10 和使用 JavaScript 的 Windows 应用商店应用引入了对文件 API 的支持。文件 API 是万维网联合会 (W3C) 的一个 Web 规范草案，用来表示 Web 应用程序中的文件对象并以编程方式选择它们及访问其数据。 文件 API 当前正由 ... 阅读全文
  posted @ 2015-12-20 17:44 布拉格格 阅读(211) 评论(0) 推荐(0)
• 数据采集的了解
  摘要：数据采集，是指从传感器和其它待测设备等模拟和数字被测单元中自动采集信息的过程。数据采集系统是结合基于计算机的测量软硬件产品来实现灵活的、用户自定义的测量系统。数据采集的目的是为了测量电压、电流、温度、压力或声音等物理现象。基于PC的数据采集，通过模块化硬件、应用软件和计算机的结合，进行测量。尽管数据... 阅读全文
  posted @ 2015-12-20 17:26 布拉格格 阅读(240) 评论(0) 推荐(0)
• 表单控件
  摘要：Button Objx：是最全面的类似按钮的控件。不仅可以取代Windows按钮控件来创建强大的按钮，还可以创建完全自定义的活动按钮和工具栏，以及自定义形状的容器。还可以动态的更改图像和形状，以及在自定义形状的区域中添加多个聚焦点，或使用它提供的各种特性完全自定义您的用户界面。此外还包括Balloo... 阅读全文
  posted @ 2015-12-20 17:25 布拉格格 阅读(141) 评论(0) 推荐(0)
• 新增表单属性
  摘要：标签为 input 元素定义标签（label）。label 元素不会向用户呈现任何特殊的样式。不过，它为鼠标用户改善了可用性，因为如果用户点击 label 元素内的文本，则会切换到控件本身。 标签的 for 属性应该等于相关元素的 id 元素，以便将它们捆绑起来。autofocus 属性规定当页面... 阅读全文
  posted @ 2015-12-20 17:22 布拉格格 阅读(221) 评论(0) 推荐(0)
• html5表单新特性
  摘要：type=range 值区域范围 默认值（0-100）type=data 选择日期type=color value='初始值' 颜色选择器控件type=search 搜索框效果type=image 创建一个图像控件该空间单击后将导致表单立即提交type=email 提交表单时 会自动提交其值type... 阅读全文
  posted @ 2015-12-20 17:21 布拉格格 阅读(138) 评论(0) 推荐(0)
• 表单的特点
  摘要：表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分： 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传... 阅读全文
  posted @ 2015-12-20 17:20 布拉格格 阅读(467) 评论(0) 推荐(0)
• 新标签语义化
  摘要：语义化的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用，很明显Hx系列看起来很像标题，因为拥有粗体和较大的字号。,用来区别于其他文字，起到了强调的作用。至于列表和表格很明显的告诉你他们是做什么的。语义化的网页的好处，最主要的就是对搜索引擎友好，有了良好的结构... 阅读全文
  posted @ 2015-12-20 17:19 布拉格格 阅读(119) 评论(0) 推荐(0)
• 新标签运用
  摘要：html5更清晰，明确的文档结构大纲（各内容区块的结构编排）显示编排：指明确使用标签创建文档结构，在每个内容区块内使用标题eg. 隐式编排：不明确使用标签创建文档结构，而是根据页面中所书写的各级标题 （h1-h6,hgroup）等内容区块自动创建出来eg. 网页级标题 网页级内容 ... 阅读全文
  posted @ 2015-12-20 17:18 布拉格格 阅读(93) 评论(0) 推荐(0)
• 新标签内的标题分级
  摘要：h1>h61 if新的标题比上一个级别低，生成下级内容区块2 if新的标题比上一个级别高or同级别，生成新的区块eg. 不同的区块可以使用相同级别的标题，父子内容区块可以使用相同的h1好处：每个级别的标题都可以单独设计，既需要整个页面的需求，又需要子集的需求 阅读全文
  posted @ 2015-12-20 17:18 布拉格格 阅读(152) 评论(0) 推荐(0)
• html5中新的标准属性
  摘要：属性 值 描述accesskey character 规定访问元素的键盘快捷键class classname 规定元素的类名（用于规定样式表中的类）。contenteditable true false 规定是否允许用户编辑内容dir ltr rtl 规定元素... 阅读全文
  posted @ 2015-12-20 17:17 布拉格格 阅读(142) 评论(0) 推荐(0)
• html5的结构标记与内联元素
  摘要：标签定义外部的内容（结构元素）标签定义文档中的节（section，区段）。比如章节，页眉，页脚或文档中的其他部分（结构元素）引导和导航内容链接定义页面内容之外的内容。 aside的内容与article的内容相关。（结构元素）定义预定义范围内的度量。仅用于已知最大和最小值的度量（内联元素）定义任何类型... 阅读全文
  posted @ 2015-12-20 17:15 布拉格格 阅读(456) 评论(0) 推荐(0)
• html5的程序接口与元素变化
  摘要：除了原先的DOM接口，HTML5增加了更多API,如：1． 用于即时2D绘图的Canvas标签2． 定时媒体回放3． 离线数据库存储4．文档编辑5． 拖拽控制6． 浏览历史管理元素变化新的解析顺序新的元素：section, video, progress, nav, meter, time, asi... 阅读全文
  posted @ 2015-12-20 17:14 布拉格格 阅读(172) 评论(0) 推荐(0)
• html5的特性
  摘要：1.简化的语法更简单的doctype声明是HTML5里众多新特征之一。现在你只需要写，这就行了。HTML5的语法兼容HTML4和XHTML1，但不兼容SGML。2. 一个替代Flash的新”canvas”标记对于Web用户来说，Flash既是一个惊喜，也是一种痛苦。有很多的Web开发人员对HTML5... 阅读全文
  posted @ 2015-12-20 17:11 布拉格格 阅读(143) 评论(0) 推荐(0)
• html5的改进与沿革
  摘要：HTML5提供了一些新的元素和属性，例如（网站导航块）和。这种标签将有利于搜索引擎的索引整理，同时更好的帮助小屏幕装置和视障人士使用，除此之外，还为其他浏览要素提供了新的功能，如和标记。1.取消了一些过时的HTML4标记 其中包括纯粹显示效果的标记，如和，它们已经被CSS取代。HTML5 吸取了XH... 阅读全文
  posted @ 2015-12-20 17:09 布拉格格 阅读(255) 评论(0) 推荐(0)
• html5的发展历程
  摘要：20年磨一剑，HTML5作为下一代Web标准，她的语义之美、人性之美、简单之美、实用之美……如同一场革命，将Web从内容平台推向标准化的应用平台，并一统各在平台阵营的标准。2008年，HTML5发布首个版本2010年 1 月，YOUTUBE 推出 HTML5 播放器2010年 4 月，乔布期发表公开... 阅读全文
  posted @ 2015-12-20 17:08 布拉格格 阅读(544) 评论(0) 推荐(0)
• 什么是html5
  摘要：HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。广义论及HTM... 阅读全文
  posted @ 2015-12-20 17:06 布拉格格 阅读(193) 评论(0) 推荐(0)

博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3