winstar1688的专栏

1 判断是否在线：var isOnline = navigator.onLine; // true/false2 使用manifest .appcache文件MIME-type必须为text/cache-manifest。在服务器的.htaccess配置文件中加入：AddTyp

var name = localStorage.username; //查询一个存储的值name = localStorage['username']; //等价于数组表示法if(!name) { name = prompt('what is your name?'); localStorage.username = name; //存储一个值}...

通过WebSocket()构造函数创建一个WebSocket：var socket = new WebSocket('ws://ws.example.com:8888/example'); WebSocket()构造函数的参数是一个URL，该URL使用ws://协议（或者类似于https://用于安全连接的wss://协议）。该URL指定要连接的主机，还有可能指定端口（WebSock...

Web Worker处在一个自包含的执行环境中，无法访问Window对象和Document对象，和主线程之间的通信也只能通过异步消息传递机制来实现。Web Worker提供了一种使用异步API的方式，允许书写需要长时间运行的函数而不会带来循环事件和导致浏览器崩溃的问题。 Worker对象要创建一个新的worker，只需使用Worker()构造函数，并将指定在Worker中运行的...

比较简单的历史记录管理技术是通过location.hash和hashchange事件来实现的。在浏览器中设置location.hash会改变当前的URL，同时也会在浏览器的历史记录中增加一条记录。支持HTML5的浏览器当发现URL中的片段发生变化时，就会在Window对象上触发一个hashchange事件。这样，在支持hashchange事件的浏览器中，就可以通过设置window.o...

       1 获取地理位置信息：geolocation       支持地理位置相关API的浏览器中具有navigator.geolocation属性，该属性具有三个方法：        （1）获取当前位置信息navigator.geolocation.getCurrentPosition()         （2）监视当前位置信息及及其变化，一旦位置信息发生变化则...

Web 前端代码规范 必须1 结构、样式、行为三层分离；2 采用统一的缩进（两个或四个空格/Tab）；3 嵌套标签应当缩进一次，必须合理嵌套；4 HTML页面必须包含文档类型声明，采用HTML5文档类型声明； Document 5 CSS样式全部采用外链的方式在标签中引入；禁用行内样式，复用已有的样式规则；

if(navigator.geolocation){ navigator.geolocation.getCurrentPosition(success_handler, errors_handler); function success_handler(position){ console.log('Latitude: ' + position.coords.la

Browsers can store 300-400 cookies with a maximum size of 4 KB per cookie, and a limit of 20 cookies per server or domain.    LocalStorage    SessionStorage属性及方法：    setItem(

HTML5中新增了一个自定义的数据属性，该属性以“data-”为前缀。在开发中，我们可以方便地利用它来存放一些数据，然后通过JavaScript脚本来获取相应的属性值，从而得到预设的数据内容。如：<div id="user" data-key="admin" data-user="winstar"></div> 在脚本中获取/设置data-属性值（使用jQ...