Web Notifications API http://javascript.ruanyifeng.com/…
不静之心

分类:前端
如何写一个jQuery插件:扩展jQuery的对象
教程1 https://gist.github.com/quexer/3619237 创建一个自定义 jQue…
JavaScript实现十种经典排序算法
http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/20170…
HTML5中判断横屏竖屏
HTML5中判断横屏竖屏 https://my.oschina.net/u/2306318/blog/1140…
很全的前端工具集
转: https://my.oschina.net/Seas0n/blog/995253 前端自动化(Work…
css的三角形使用
原文: http://ourjs.com/detail/532bc9f36922aa7e1d000001 类似…
CSS3动画箭头
CSS3动画箭头 http://www.cnblogs.com/wangyongx/p/6052672.htm…
UEditor应用 —— 图片上传
UEditor应用 —— 图片上传 https://my.oschina.net/u/3452433/blog…
jQuery ajax的traditional参数的作用
jQuery ajax的traditional参数的作用 https://my.oschina.net/i33…
在wordpress中集成UEditor终极篇
在wordpress中集成UEditor终极篇 https://gefangshuai.wordpress….
JS类的闭包写法
JS类的闭包写法 https://my.oschina.net/somereasons/blog/912004…
HTML
HTML <area><map>标签及在实际开发中的应用 http://www.zha…
jQuery的deferred对象详解
jQuery的deferred对象详解 http://www.ruanyifeng.com/blog/2011…
jQuery data- 取值
jQuery data- 取值 https://my.oschina.net/wenjinglian/blog…
jQuery.data()为元素保存数据(性能上不错)
jQuery.data()为元素保存数据(性能上不错) https://my.oschina.net/dala…
chrome直播和视频插件:Video.js && MediaElement.js
Video.js 测试成功 中文使用说明: http://www.cnblogs.com/afrog/p/41…
Promise简单教程
使用 polyfills 的简易方法 http://blog.oneapm.com/apm-tech/613….
iphone 微信网页自动播放音频解决办法
iphone 微信网页自动播放音频解决办法 https://my.oschina.net/u/2399303/…
jquery获取图片真实尺寸
例如 <img src=”bag001.jpg” id=”previ…
移动端图片裁剪剪切 cropper.js 国人开发
官网: https://github.com/fengyuanchen/cropper jQuery.crop…
pdf.js的使用方法
官方: https://mozilla.github.io/pdf.js/ pdf.js使用教程 http:/…
使用html5 history实现微信端,再按一次返回按钮 返回微信
使用html5 history实现微信端,再按一次返回按钮 返回微信 http://m.blog.csdn.n…
js分页算法:少于8条全部显示,多于8条只显示最前面2条最后面2条 以及当前页前后2条
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 |
/** * * @param total 总页数 * @param curr 当前页 * @param bothEndPad 前后边距数 * @param midPad 中间边距数 * @returns {string} */ function doPage(total, curr, bothEndPad, midPad) { //少于8条全部显示,多于8条只显示最前面2条最后面2条 以及当前页前后2条 if (typeof(bothEndPad) == "undefined") bothEndPad = 3; if (typeof(midPad) == "undefined") midPad = 3; var tpl = '', //curr = 7, //total = 13, pageArr = []; var showArr=[]; for (var i = 1; i <= total; i++) { pageArr.push(i); } var index = pageArr.indexOf(curr); function filterShowingPage() { return pageArr.filter(function (v, i) { return total < 8 || v <= bothEndPad || v > total - bothEndPad || Math.abs(v - curr) < midPad; }) } var _arr = filterShowingPage(), last = 0; $.each(_arr, function (i, v) { if (v - last != 1) { tpl += '......'; showArr[showArr.length]={ isHide:true, idx:null } } last = v; if (v === curr) { tpl += " [" + curr + "]"; showArr[showArr.length]={ isAct:true, idx:v } } else { tpl += ' ' + v + ''; showArr[showArr.length]={ idx:v } } }) console.log(curr + " --> " + tpl); return showArr; } |
测试 [crayon-6814…
正确显示textarea中输入的回车和空格
正确显示textarea中输入的回车和空格 http://www.blogjava.net/hunter129…
通过User Agent判断微信内置浏览器
通过User Agent判断微信内置浏览器 一、微信内置浏览器的 User Agent 如何判断微信内置浏览器…
jQuery Jcrop 图像裁剪
jQuery Jcrop 图像裁剪 http://code.ciaoca.com/jquery/jcrop/
Ueditor 使用记录和自定义按钮
Ueditor 自定义按钮 http://www.cnblogs.com/cjgu/p/5515124.htm…
js特殊字符处理
js特殊字符处理 https://my.oschina.net/u/2436852/blog/841835 […
使用jQuery和ajax代替iframe
使用jQuery和ajax代替iframe https://my.oschina.net/yanyaya/bl…
给大家分享下坐标转换的代码的JS
给大家分享下坐标转换的代码的JS https://my.oschina.net/bangle/blog/8…
img的变形
img的变形 https://my.oschina.net/Cubicluo/blog/839135 &nbs…
十大经典排序算法
十大经典排序算法 https://sort.hust.cc/ 有动画显示
使用 jQuery 加载 css 文件
使用 jQuery 加载 css 文件 http://www.jquery001.com/jquery-loa…
jQuery实现DIV水平和垂直居中小插件(非常轻量级)
jQuery实现DIV水平和垂直居中小插件(非常轻量级) http://www.skygq.com/2010/…
Autoprefixer 6.6.1 发布,浏览器前缀处理工具
https://www.oschina.net/news/80674/autoprefixer-6-6-1 A…