随笔分类 -  HTML5

HTML5_07之WebSocket
摘要：1、HTML5新特性之WebSocket： ①HTTP协议的不足：基于“请求——响应”模型，只有在客户端发送请求后，服务器才会给予响应；对于实时的股票走势图，以及聊天通讯等无法满足需求； ②解决方案：setInterval+AJAX：心跳请求； 问题：过于频繁对服务器压力过大，频率过低则信息获取延迟 阅读全文
posted @ 2016-11-15 09:07 Jupiter258 阅读(334) 评论(0) 推荐(1)
HTML5_06之拖放API、Worker线程、Storage存储
摘要：1、拖放API中源对象与目标对象事件间的数据传递： ①创建全局变量——污染全局对象： var 全局变量=null; src.ondragstart=function(){ 全局变量=数据值; } target.ondrop=function(){ console.log(全局变量); } ②使用HT 阅读全文
posted @ 2016-11-14 20:34 Jupiter258 阅读(333) 评论(0) 推荐(1)
HTML5_05之SVG扩展、地理定位、拖放
摘要：1、SVG绘图总结： ①方法一：已有svg文件，<img src="x.svg"> 方法二：<body><svg></svg></body> ②绘制矩形：<rect x="" y="" width="" height=""></rect> ③绘制圆形：<circle cx="" cy="" r="" 阅读全文
posted @ 2016-11-14 09:09 Jupiter258 阅读(1160) 评论(0) 推荐(1)
HTML5_04之SVG绘图
摘要：1、关于Canvas绘制图像： 问题：需要绘制多张图片时，必须等待所有图片加载完成才能开始绘制；而每张图片都是异步请求，彼此没有先后顺序，哪一张先加载完成完全无法预测； 方案： var progress=0;//全局加载进度 var img=new Image(); img.src='xx.jpg' 阅读全文
posted @ 2016-11-13 21:47 Jupiter258 阅读(783) 评论(0) 推荐(0)
HTML5_03之Canvas绘图
摘要：1、Canvas绘图——JS绘图： <canvas id='c1' width='' height=''></canvas> * Canvas尺寸不能用CSS设置； c1.height=; c1.width=; var ctx=c1.getContext('2d'); 常用属性： ctx.fillS 阅读全文
posted @ 2016-11-13 15:26 Jupiter258 阅读(592) 评论(0) 推荐(1)
HTML5_02之视频、音频、Canvas
摘要：1、HTML5新特性之视频播放——video： ①例：<video src=""></video> ②video标签默认为300*150的inline-block； ③成员属性： autoplay：是否自动播放； controls：是否显示播放控件； currentTime：当前播放到的时间； du 阅读全文
posted @ 2016-11-13 09:14 Jupiter258 阅读(873) 评论(0) 推荐(0)
HTML5_01之表单新特性
摘要：1、WebStorm快捷键： Ctrl+Alt+(向下方向键)：快速复制当前行 Alt+(向上/下方向键)：移动当前行 Ctrl+D：删除当前行 Ctrl+/：快速（取消）注释当前行 Ctrl+Alt+L：格式化当前文档2、HTML5九大新特性： ①表单新特性、②视频音频、③Canvas绘图、④SV 阅读全文
posted @ 2016-11-11 20:49 Jupiter258 阅读(406) 评论(0) 推荐(0)