w3cshools  MDN英文  MDN中文 HTML5 HTML5 is the latest evolution of the standard that defines HTML. The term represents two different concepts: It is a new version of the language HTML, with new elements, attributes, and behaviors, and a larger set of tec…

在使用地理位置API之前先来了解一下什么是经度和纬度以及地理位置获取的原理 首先经度指的是南北极的连接线,纬度指的是东西的连接线 地理位置的获取原理是通过IP地址(基于ISP记录,能够知道这个IP地址属于哪个城市),GPS全球定位系统(如果单单使用这个定位系统是无法精确的获取地理位置的),WIFI无线网络(获取附近无线网络列表和它们的信号强度来计算更加精确的位置信息,),基站 地理位置API允许javascript程序向浏览器询问用户真实的地理位置,从而使用识别地理位置的一些应用就可以使用地理位…

preface 认为自己去写一些类,你真的会找到自己不足的地方.事实上厉害不是你实现一个类.而是你怎样去设计一个类,能让开发人员更加easy操作. 对于这个操作样式,能够通过javascript訪问style,可是在<javascript高级程序设计>中有说到这样子CSS.javascript.HTML耦合度太高,不太适合维护.还有就是通过className,可是我们知道className是一个能够被开发人员读写的字符串,假设要增删查改元素相应的className的话,能够实现,可是比較麻烦.…

一.SVG 1.svg与canvas的区别 canvas绘制的是位图,svg绘制的是矢量图 canvas使用JavaScript绘制,svg使用xml绘制 canvas不能给每个图形绑定事件,svg可以给每个图形绑定事件 canvas适合游戏等频繁操作的应用,svg适合图标 canvas需要支持H5标准的浏览器,svg的兼容到IE6 2.在html中使用svg <embed引入> <embed src="circle1.svg" type="image/sv…

十三.服务器推送 服务器主动向客户端推送信息 传统的HTTP协议传输,服务器是被动相应客户端的请求 1.解决方案 ajax轮询.ajax长轮询 Server-Send-Event WebSocket 2.ajax轮询 客户端定时向服务器发送请求 可能会造成无用的http请求 3.ajax长轮询 客户端向服务器发送请求,服务器等到有更新后给出相应.客户端收到更新后在发起新的请求 每个请求都有更新结构,没有无用的http请求 仍然产生了大量的http链接 十四.Server-Send Event 1…

十一.ajax同源操作 URL说明是否允许通信 同一域名下允许 http://www.a.com/a.js , http://www.a.com/b.js 同一域名下不同文件夹允许 http://www.a.com/lab/a.js http://www.a.com/script/b.js 同一域名,不同端口不允许 http://www.a.com:8000/a.js http://www.a.com/b.js 同一域名不同协议不允许 http://www.a.com/a.js https://…

四.文件API 1.概述 H5允许JS有条件的读取客户端文件 允许读取的文件:1.待上传的文件2.拖进浏览器的文件 多文件上传设置属性multiple 过滤上传文件类型 设置accept属性 accept='image/jpg' accept='image/*' 2.FileList对象 由File对象构成的集合(类数组对象) FileList对象是File对象组成的数组 type为file的input元素的属性files为FileList对象 3.File对象 name size type l…

H5新API 一.地理位置API 1.navigator.geolocation对象 getCurrentPosition(callback,errCallback,options)获取当前位置 watchPosition(callback,errCallback,options)实时获取位置 clearWatch()停止监控位置变化 2.position对象(获取位置成功后,回调函数中得到的参数) timestamp 获取位置时的时间戳 coords包含坐标信息的对象 latitude纬度 l…

首先说明,这篇博文不是科普讲解的,而是立flag研究的,是关于浏览器消息自动推送,就是下面这个玩意: 最近常常在浏览器看到这样的消息推送,还有QQ.com的推送,现在我对这个不了解,不知道叫消息自动推送对不对,这个时chrome浏览器的截图,出现在右下角,其他浏览器的样式可能有些微差别. websocket通信?浏览器广告推送?html5自动更新?灵异事件? ----------------------------我是研究的结果华丽的分割线----------------------------…

利用javascript和WebGL绘制地球 [翻译] 原翻译:利用javascript和WebGL绘制地球 [翻译] 在我们所有已知的HTML5API中,WebGL可能是最有意思的一个,利用这个API我们能够在浏览器中创造出炫酷3D场景的能力.本文将完整的向你展示一些炫酷是如何实现的. 需要特别指出的是,这篇教程我们将会构建一个地球行星模型,这个模型可以像一个兴奋的人一样环绕的旋转,另外,它可能使我们可以获得一些其他程序员的称赞,好吧,就这么多了. 准备 这篇教程我们将会用到一个令人着迷的We…