kongjunchao159的博客

例子：实现3D手机效果    div{-webkit-perspective:250px;}    alpha:beta:gamma:    var iphone = document.getElementById('iphone');    window.addEventListener('deviceorienta

问题：在含有表单元素的页面中，如input，有时候浏览器（火狐）会自动记录表单值，在刷新过后，将你填过的值自动填充进去解决：如果需要禁止这种行为，可以使用autocomplete="off"属性，与其对应的是autocomplete="on"注意，该属性仅适用于和，且Chrome浏览器暂未发现会自动填充的问题参考链接：http://www.w3school.com.cn/tags/

WebSocket API是H5提供的下一代客户端-服务器的异步通信方法，该通信取代了单个的TCP套接字，使用ws或者wss协议，可以用于任意的客户端和服务器程序，并且现在已经受到大部分浏览器的支持WebSocket API优势在于服务器和客户端可以在给定的时间范围内的任意时刻，相互推送消息，WebSocket并不限于以Ajax（或XHR）方式通信，因为Ajax技术需要客户端发起请求，而Web

H5重力感应事件：deviceorientation提供设备的物理方向信息devicemotion提供设备的加速信息例子：//摇一摇if(window.DeviceMotionEvent){ window.addEventListener('devicemotion',deviceMotionHandler,false);}var speed = 30;var x =

需求：公司的项目，大致分为三个页面，一个H5主页，一个视频页，一个文章页，需求是，把视频页和文章页放到H5页面当中，作为一个跳转链接，H5最后一个滑动页会有一个验证，判断用户是否浏览过视频页和文章页思路：最开始的想法是通过在视频页和文章页设置添加localStorage，然后H5页面每次在加载时判断是否存在该localStorage，如果存在，直接跳到相对应的那个显示跳转链接的滑动页，这样的话

例子：    //播放、暂停音乐var myAudio = $('#myAudio')[0];$('.music a').on("click",function(){    playOrPaused();});function playOrPaused(){    myAudio.paused ? myAudio.play() : myAudio.p

把您的美丽给大家分享一下吧~//上传图片var input_1 = document.getElementById('file_input_1');var input_2 = document.getElementById('file_input_2');    var input_3 = document.getElementById('file_input_3');

https://msdn.microsoft.com/library/hh924820.aspx

注意：需要先安装配置Node.js，再通过NPM命令安装ws模块(npm install -g ws).div_1{width:400px; height:300px; background-color:#CCC; padding-top:10px;}.div_1 #content{width:380px; height:250px; backg

//HTML5应用localStorage保存数据到客户端ol,li{list-style:none; margin:0; padding:0;}#colors{width:200px; height:auto; margin-bottom:10px;}    配色样式                       

base元素：base元素用于指定文档的默认基地址以及链接的打开方式例子：                        link元素：1、定义css样式表   2、定义网页的图标，可使用H5新属性sizes规定尺寸   3、苹果ios系统添加网页到桌面上，图标设置         注释：因为苹果有不同

link prefetch缓存，预加载网页内容，为用户提供一个平滑的浏览体验例子：href属性除了指向页面外，也可以指向一张图片或视频缺点：1、预加载不能跨域工作，包括跨域拉取cookies2、预加载会污染你的网站访问量统计，因为有些预加载到浏览器的页面，用户可能并未真正访问注意：对于chrome而言，可能需要使用prerender属性替代prefetch

全屏显示退出全屏//全屏显示function launchFullScreen(element){    if(element.requestFullScreen){        element.requestFullScreen();    }else if(element.mozRequestFullScreen){        element.mozReq

if(window.localStorage){    //检查浏览器是否支持localStorage    localStorage['book'] = "xxxxx";    //存储值的两种方式    localStorage.setItem("author","xxxx");    //读取值的三种方式    console.log(localStorage.getIt

*{margin:0; padding:0;}body{width:100%; height:100%;}svg{width:600px; height:600px; border:1px solid black;}                                                    

html5在IOS下自动播放音乐，在iphone所有平台基于微信打开的页面有效：setTimeout(function(){    $(window).scrollTop(1);},0);document.getElementById('music').play();document.addEventListener("WeixinJSBridgeReady",

为了解决的问题：1、页面与其它窗口的数据传递2、页面与嵌套的iframe的数据传递3、跨域数据传递HTML5引入了message的API，使用postMessage()方法可以允许来自不同域的脚本异步方式通信，可以实现跨文本档、多窗口、跨域的消息传递参数postMessage(data, origin)data:需要传递的数据，因为部分浏览器只能处理字符串类型，所以需要