常用插件及工具
文章平均质量分 55
红豆灬
一个有态度的前端攻城狮。
展开
-
Jquery 延时加载图片
插件描述:Jquery 延时加载图片页面延时加载图片, 就是滑动滚动条的时候显示下面的内容,刚开始只加载可视区域本来想用jquery.lazyload.js来解决问题,不过发现这个插件和页面已经采用的jquery.SuperSlide.2.1.1.js相冲突,暂时还没发现问题所在,所以搞了一个新的插件:下载地址:http://www.jq22.com/demo/delayLoadi原创 2017-03-01 11:02:40 · 812 阅读 · 0 评论 -
多行文本超出时显示省略号----jquery.ellipsis.js
jquery.ellipsis.js使用原创 2017-02-23 15:12:15 · 4400 阅读 · 1 评论 -
gulp中文指南
简介:gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率。gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等转载 2017-02-23 17:36:02 · 450 阅读 · 0 评论 -
用JS获取地址栏参数的方法(超级简单)
采用正则表达式获取地址栏参数:( 强烈推荐,既实用又方便!)function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1转载 2017-03-05 16:54:40 · 412 阅读 · 0 评论 -
html5 实现网页截屏 页面生成图片(图文)
html2canvas通过获取页面的DOM和元素的样式信息,并将其渲染成canvas图片,从而实现给页面截图的功能。因为每个浏览器渲染页面的方式都不尽相同,所以生成的图片也不太一样。环境要求: jQuery兼容性: Firefox 3.5+, Chrome, Opera, IE9官网主页: http://html2canvas.hertzen.com/测试生成的转载 2017-02-27 16:37:34 · 2591 阅读 · 0 评论 -
mock.js-无需等待,让前端独立于后端进行开发
概述首先啦,我不认识mock.js的作者,带着需求找到mock.js让我觉得很惊艳。相对于其他同类的框架的实现,mock.js超出了我的意料。基于 数据模板 生成模拟数据。基于 HTML模板 生成模拟数据。拦截并模拟 ajax 请求。是的,mock.js只做上述的几件事,但做的足够出色。解决的问题开发时,后端还没完成数据输出,前端只好写静态模拟数据。数据转载 2017-04-07 10:26:37 · 1962 阅读 · 0 评论 -
史上最全常用正则表达式
很多不太懂正则的朋友,在遇到需要用正则校验数据时,往往是在网上去找很久,结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下,在这里分享一下。给自己留个底,也给朋友们做个参考。一、校验数字的表达式数字:^[0-9]*$n位的数字:^\d{n}$至少n位的数字:^\d{n,}$m-n位的数字:^\d{m,n}$转载 2017-04-13 11:27:32 · 827 阅读 · 0 评论 -
6种CSS3炫酷预加载Loading
插件描述:6种CSS3炫酷预加载Loading,非常酷的纯CSS3炫酷预加载Loading指示器动画特效。这组loading指示器共6种效果,都是使用:before和:after伪元素,以及CSS帧动画来完成各种不同的预加载指示器动画。实现方法这是一组效果非常酷的纯CSS3炫酷预加载Loading指示器动画特效。这组loading指示器共6种效果,都是使用:before和:afte转载 2017-05-12 11:56:55 · 5247 阅读 · 1 评论