08 2016 档案

html5 拖拽文件到页面实现上传
摘要：思路：监听拖拽区域的 drop 事件，阻止浏览器上的默认拖拽事件 参考:http://www.helloweba.com/view-blog-192.html 例子: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <titl 阅读全文
posted @ 2016-08-18 16:12 菜鸟木易 阅读(3636) 评论(0) 推荐(1)
本地选择图片文件进行预览
摘要：经观察 qq空间 等上传图片的预览 都是先将图片上传到服务器，然后在通过远程图片url进行本地阅览。 思路:对于支持　window.url 的浏览器 使用 url= window.url.createObjectURL(file); img.src = url; 不支持window.url 的ie 阅读全文
posted @ 2016-08-18 15:51 菜鸟木易 阅读(859) 评论(0) 推荐(0)
将图片转换为base64 格式
摘要：1.页面上的图片，转换成base64格式，可以通过canvas 的 toDataURL 例子：给定图片的url 将图片转换为base64 var imageSrc = "../images/0.jpg"; // 图片的URL //@param image:Image 对象，ext:图片的格式(jpg 阅读全文
posted @ 2016-08-18 11:29 菜鸟木易 阅读(24537) 评论(1) 推荐(1)
BFC
摘要：http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html 这篇博文写明了bfc 一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重 阅读全文
posted @ 2016-08-16 13:50 菜鸟木易 阅读(124) 评论(0) 推荐(0)
面试
摘要：2016.8.15 华为外包面试： 1.div 与 iframe 的区别 2.如何避免cdn 上的js文件内容被修改(md5?) 3.js,css的同步和异步 4.js被放在底部，出现页面加载出来了但是页面无法响应点击事件等（js还未被加载执行） 如何解决这个问题 5.自己做过的满意的js插件. 2 阅读全文
posted @ 2016-08-15 23:40 菜鸟木易 阅读(142) 评论(0) 推荐(0)