H5&CSS3--风琳

js获取图片二进制码，显示缩略图

2017年05月31日

做聊天的时候需要图片的二进制码作为缩略图，研究了大半天找到了这个方法。说明：这段代码主要是将input[file]中的图片转换成二进制码，之后可以直接放入img标签中显示，也可以用于数据传输。字段说明：obj：文件，document.getElementById("xxx").files[0]area：区域大小callback：回调函数,其中_canvas参数就是图片的二进制码

条评论

706 热度

【转】 html5离线存储

2016年10月09日

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

条评论

201 热度

对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

条评论

396 热度

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

条评论

349 热度

jstree刷新数据重新加载

2016年06月29日

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

条评论

258 热度

jsonp报错Uncaught SyntaxError: Unexpected

2016年05月26日

jsonp在请求的时候会哟一个callback参数，服务器获取到callback后，在原json的基础上加上这个参数即可格式： callback的值+"("+json+")"

条评论

227 热度

Web Storage 初探

2015年11月02日

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

条评论

239 热度

FullCalendar用法整理（一）

2015年09月06日

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

条评论

650 热度

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

2015年07月24日

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

条评论

10983 热度

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

2015年07月08日

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

条评论

431 热度

HTML5的dataset属性

2015年07月07日

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

条评论

788 热度

网页灰白代码，同时向沉船遇难者表示哀悼

2015年06月07日

条评论

232 热度