![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5
文章平均质量分 77
zyz0728
web前端
展开
-
HTML5拖放
所用例子在触屏设备无效抓取一个对象后拖到另外一个位置浏览器支持(ie9 ff opera12 chrome safari5)safari5.1.2不支持拖放设置draggable为true 让目标能被拖动事件1拖动元素时a.dragstart-鼠标移入目标元素按下左键触发b.drag-dargstart触发后移动鼠标连续触发该事件(类似mo原创 2015-11-19 20:37:28 · 433 阅读 · 0 评论 -
html5webstorage
本地存储html5之前浏览器本地存储的方法为cookie】相对与存储在客户端,存储数据在服务器端才更安全,可靠,高效cookie存储少量数据比较方便但是cookie的缺陷也十分明显。从我一开始学习web时就被告知少用cookie,但我一直没去深究为什么要少用cookie。运用cookie十分简单方便,是什么原因让我们放原创 2015-11-28 15:39:16 · 453 阅读 · 0 评论 -
h5实现翻牌游戏以及local storage的运用
memory-control 00:00原创 2016-01-02 11:44:53 · 2915 阅读 · 1 评论 -
css3和html5的基础
流式布局应对窗口大小做等比例缩放布局//简单来说利用百分数来进行布局css3的box-sizing与calc()通常设置边框会被设置在元素的外围box-sizing属性值设为border-box时边框就加在元素内部css3中在进行响应式布局时需要对不不同的屏幕大小设置不同的div排序方式。这时候后我们就会遇到一个问题,怎么让我们的设备知道在什么情况下应该原创 2015-12-05 13:53:11 · 357 阅读 · 0 评论 -
答题游戏项目(1)
这周考试比较多,所以进展不是太大,主要完成了答题页的静态界面建设,并且连上了数据库,对数据库的交互还没有做出来。现在在对界面处理好之后正在进行ajax的编写,和对交互方式的构思与制作。我现在用的是点击方式,但是感觉用户体验还不是太好,因为点击一下有一个跳动的现象。下面就是我的页面布局代码,感兴趣的同学可以看一下,也可以关注我的项目进程。翻滚吧-大脑原创 2016-01-09 17:25:56 · 578 阅读 · 0 评论 -
利用重力传感器制作红包
我们都知道现在微信摇一摇功能,今天我就想写一个红包程序。demoif(window.DeviceMotionEvent) { var speed = 25;//定义一个数值 var x = y = z = lastX = lastY = lastZ = 0;//重置所有数值 window.addEventListener('devicemotion', func原创 2015-12-26 15:56:21 · 434 阅读 · 0 评论 -
HTML5触屏界面设计与开发
1提高第一次加载的速度加载页面的顺序解析域名发起请求下载相应渲染页面导致页面加载缓慢的几个原因1HTTP连接数太多2总的字节数太大3等待时的渲染阻塞4网络延迟5缓存能力差怎么解决这些常见的问题1请求数太多我们可以把需要的css混合成一个文件,使用css每题查询的方法来带图link元素上使用media属性转换成@me原创 2016-03-12 13:31:40 · 2900 阅读 · 0 评论