使用createObjectURL实现上传图片预览

17-8-07 1,520 views

目前无刷新预览图片一般有以下兼容性高到低排序的三种方法: 1.ajax提交图片后获取返回路径; 2.通过canvas将图片绘制显示; 3.通过window.url.createObjectURL(blob)创建blob:url 下面上一个方法3的简单案例,供...
阅读全文

多页面网站如何优雅地绑定事件

16-6-24 3,279 views

最近偶尔接过来一些小型网站修改,会看到这种画面 //user.js   (function(){       //page1       $('.dom1').click(function(){&nbs...
阅读全文

原生js实现ajax方法

16-6-04 1,786 views

上一篇文章写到原生js取代jquery的一些常用函数:原生js仿jquery一些常用方法,那么,ajax如何实现呢?如下是一个比较完整的ajax() function ajax(){       var ajax...
阅读全文

原生js仿jquery一些常用方法

16-6-03 1,756 views

最近迷上了原生js,能不用jquery等框架的情况都会手写一些js方法,记得刚接触前端的时候为了选择器而使用jquery。。。现在利用扩展原型的方法实现一些jquery函数: 显示/隐藏 //hide()   Object.pro...
阅读全文

常用HTML5 video属性和事件

16-5-19 3,369 views

在网页开发中,有时需要监测插入视频是否播放结束,从而触发相应事件,可使用ended,通过以下代码实现: var myVid = document.getElementById("video"); myVid.addEventListener("ended", function(){     //...
阅读全文

鼠标经过或触摸图片放大镜效果

15-12-27 3,170 views

平时去一些商城或者图片网站,会有鼠标经过图片局部放大预览的效果,我写了一个样例,支持PC端鼠标经过和手机ipad的触摸动作触发。 演示地址:http://wx.karlew.com/loupe/ 完整代码如下: <html> <...
阅读全文

手风琴图片轮换效果

15-11-21 1,432 views

一个基于jquery的手风琴式图片点击轮换效果 演示地址:http://wx.karlew.com/sfq/ 源码:https://github.com/karlew/acccordion-slide-img
阅读全文