JavaScript
-
使用Bootstrap的fileinput插件实现多文件、多语言、可预览的上传功能
最近有群里的网友私聊我，问我如何实现可预览的多文件上传功能。我就推荐了 Bootstrap 的 fileinput.js 插件，在这里我再整理一下它的具体用法！ fileinput…
-
使用 pixelator.js 实现图片马赛克功能
在电视上我们经常看到打有马赛克的嫌疑犯。另外微信朋友圈中的照片红包也红极一时，那么如何使用 JavaScript 来实现图片马赛克呢？下面我们将借助一款js插件来实现该功能！ pi…
-
HTML5实现滑动验证码
在前面的一篇文章中，我详细的分析了滑动验证码的实现原理。在本文中，我们在通过实现滑动验证码的案例和代码进一步加深理解。 我们先来看一下最终的实现效果： 滑动验证码实现过程 先实现一…
-
HTML5 自定义input[type=”range”]滑动条样式
Range是HTML5中新出现的滑块控件，也是常见的控件的之一，不过这个控件的原始样式略丑，所以想对它进行一些改造。需要注意的是Internet Explorer 9及更早IE版本…
-
详解HTML5 canvas移动、缩放、旋转插入的图片
最近有网友问到了，HTML5 Canvas的缩放图片功能。我这里整理一下关于Canvas的相关图片操作写了一个实例，希望对大家能有所帮助！ <!DOCTYPE html>…
-
jquery获取父级元素、子级元素、兄弟元素的方法
目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架，而且提供了大量的扩展。很多大公司都在使用 jQuery。 什么是 jQuery ？ jQuer…
-
使用腾讯 AlloyTeam.js 插件打造波浪加载进度条
最近使用 腾讯的AlloyTeam移动Web触摸解决方案实现了一款基于 HTML5 Canvas的加载进度条案例，这里分享给大家，希望能对各位在开发和学习过程中有所帮助。…
-
DIV + CSS 让元素垂直水平居中的方法
在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊！所以在这里我还…
-
未来的两种软件工程师：端工程师和云工程师
先说个有趣的事情，国内Web前端的标杆人物克军（豆瓣）和玉伯（阿里）写了个“对联”如下：前端研究，研究个屁；前端设计，设计个鸟。就算是调侃吧，但也可见业内顶…
-
使用jQuery + nivo-slider插件制作图片幻灯片
最近群里的小强同学在工作过程中遇到了图片幻灯片问题，这里为大家分享一款幻灯片制作插件 Nivo Slider，希望大家喜欢！ 图片轮播是网站中的常用功能，用于在有限的网页空间内展示…