H5&CSS3

【转】 html5离线存储

   2016年10月09日
STORAGE(存储)Cookie在HTML5以前我们会使用 cookie,在浏览器端缓存一些数据,例如:登录用户信息,历史搜索信息等等。但是cookie所支持的容量仅仅只有 4k ,也没有专门的api来操作,只能依赖一些开源的库, 这里使用 cookies.js 存储和获取cookie信息//这是一个cookie值Cookies.set('key','value'
html5离线存储

对DIV做placeholder效果

   2016年09月13日
当DIV加上contenteditable="true"作textarea用时,光写placeholder是没有效果的。.prefix_content:empty:before{ content:attr(placeholder); color:#bbb; } .prefix_content:focus:before{ content:none; }加上以上代码后,placeh

【转】 HTML5视频的那些事儿

   2016年07月26日
最近在研究HTML5播放视频的事情,发现这个东西真是据复杂无比啊,我勒个去了,然后给团队做了个技术分享。本文将总结下自己对视频研究的结果,做个记录,同时也能方便后来人的学习,涉及视频的方方面面。刚刚突然发现了自己800年前做的一个视频播放器,才想起来当时好像也研究过一点。视频其实视频早于Web而存在的,1990年Web诞生,但早在此之前视频就已经存在了,视频技术这么多年的发展,其历史复杂性超乎你的
HTML5视频的那些事儿 HTML5视频的那些事儿 HTML5视频的那些事儿

jstree刷新数据重新加载

   2016年06月29日
jstree不用通过重新调用一次$(dom).jstree({})来重新加载,直接清除dom里的内容也是无效的,因为jstree的class等数据还绑定在dom上。必须在$(dom).jstree({})之前加上$.jstree.destroy ();销毁原来的所有节点后,新建即可

Web Storage 初探

   2015年11月02日
Web Storage是相对比较新的一种可以将数据存储在用户电脑(客户端)的一种方式。 Web Storage给网站/应用提供了很多好处。比如,Web Storage可以用来跨网站/应用监测用户的行为而不需要服务端脚本和数据库。Web Storage也能在用户即使突然断网的情况下保存一部分web应用的能力,让你不会因为网络连接的问题受到影响 Web Storage vs. Cookies 传统的用

FullCalendar用法整理(一)

   2015年09月06日
FullCalendar整个样式看上去蛮简洁的,用来做日程、计划什么的很合适,废话不说了,直接上用法。 一、载入js和css FullCalendar依赖于jQuery,还需要moment.js<linkrel="stylesheet"href="fullcalendar/fullcalendar.css"/> <scriptsrc

Bootstrap的日期选择插件DateTime Picker增强版

   2015年07月24日
虽然HTML5可以直接把input的type设置成date,但各个浏览器的支持情况不一,所以我们还是乖乖的用插件。 之前的一个日期插件虽然可以选择时间,但存在着一点小bug,所以又去找其他的,于是乎在Bootstrap的项目推荐里看到了一个日期选择插件(别问我为什么之前没看见(╯‵□′)╯︵┻━┻) 先上个例子:一、准备工作 从官网上下载插件。 导入样式文件:<linkrel

Juqery点击空白区域的相关响应操作

   2015年07月08日
一小段代码即可实现 $(document).mouseup(function(e){ var _con = $('目标元素'); // 设置目标元素 if(!_con.is(e.target) && _con.has(e.target).length === 0){ // 判断是否是本元素,或者是本元素的子元素 some code... // 功能代码,点击

HTML5的dataset属性

   2015年07月07日
上个月一直再做前端的东西,接触到了data-*这个东西。其实以前也在Bootstrap的代码里看到过,以为是Bootstrap的标准,没在意。现在才发现这是html5的标准,浏览器得支持html5才能使用,所以IE9以下的都跪了。 (其实,同样是老版本,Chrome,firefox什么的都有老版本,但没有人说有问题,因为都能版本更新,但奇葩的IE,IE6,IE8,IE9等等这些都像是不同的产品一样

HTML5 粒子波浪动画

   2015年06月04日
今天看到个H5的动画,效果不错,会跟着鼠标变动。貌似HTML5的动画效果还是很强大的,但是在手机上显示会不会很卡?