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