摘要：1 !(function(){ 2 $.fn.affix = function(options){ 3 var defualtOption = { 4 top:0, 5 container:$("html, body"), 6... 阅读全文
匿名函数自执行
2013-07-15 14:18 by yangpan, 378 阅读, 1 推荐, 收藏, 编辑
摘要：在看bootStrap插件的时候发现这种写法!function(){}这种写法，不解，后来看到网上的文章才知道,这是匿名函数的一种写法1. 什么是自执行的匿名函数?它是指形如这样的函数: (function {// code})();2. 疑问为什么(function {// code})();可以被执行, 而function {// code}();却会报错?3. 分析(1). 首先, 要清楚两者的区别:(function {// code})是表达式, function {// code}是函数声明.(2). 其次, js"预编译"的特点:js在"预编译&qu 阅读全文
浏览器的盒子模型
2013-06-21 11:33 by yangpan, 336 阅读, 0 推荐, 收藏, 编辑
摘要：IE盒模型w3c在（Quirks）模式下：ie的盒子模型盒模型占总空间=contentWidthw3c盒子模型盒模型占总空间=contentWidth+padding+margin+border;ff,chrome都是W3C盒模型， 即总=contentWidth+padding+margin+border;如何解决这个bug（1）通过头文件 设置页面的模式为标准模式：在标准模式下，ie6,7,8,9对盒子的渲染是：盒模型占总空间=contentWidth+padding+margin+border（2）css3 中的box-sizing:border-box 阅读全文
js 获得两个数组的重复元素
2013-06-15 16:02 by yangpan, 439 阅读, 0 推荐, 收藏, 编辑
摘要：function array_diff(array1, array2){var o ={};//转成hash可以减少运算量，数据量越大，优势越明显。for(var i =0, len = array2.length; i < len; i++){o[array2[i]]=true;}var result =[];for(i =0, len = array1.length; i < len; i++){var v = array1[i];if(o[v])continue;result.push(v);}return result;}var array1 =[3,4,5,96,7,8] 阅读全文
html5 fileSystem
2013-06-06 13:59 by yangpan, 252 阅读, 0 推荐, 收藏, 编辑
摘要：html5添加了fileSystem api 可以创建文件，写文件，但是这些操作仅限于在浏览器的安装目录下：可以用HTML5 FileSystem Explorer 这个 chrome插件 查看chrome浏览中对文件的操作 阅读全文
format size
2013-05-24 18:28 by yangpan, 310 阅读, 0 推荐, 收藏, 编辑
摘要：function bytesToSize(bytes) {var sizes = ['Bytes', 'KB', 'MB'];if (bytes == 0) return 'n/a';var i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));return (bytes / Math.pow(1024, i)).toFixed(1) + ' ' + sizes[i];}; 阅读全文
主页变灰
2013-05-06 09:37 by yangpan, 186 阅读, 0 推荐, 收藏, 编辑
摘要：html {filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id… 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/& 阅读全文
关闭当前窗口js
2013-04-22 14:07 by yangpan, 190 阅读, 0 推荐, 收藏, 编辑
摘要：function CloseWebPage(){ if (navigator.userAgent.indexOf("MSIE") > 0) { if (navigator.userAgent.indexOf("MSIE 6.0") > 0) { window.opener = null; window.close(); } else { window.open('', '_top'); window.top.close(); } } else if (navigator.userAgent.indexOf(&q 阅读全文
css遮罩层
2013-04-04 15:57 by yangpan, 172 阅读, 0 推荐, 收藏, 编辑
摘要：.mark{position: fixed;_position: absolute;z-index: 100;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;background: rgb(34,34,34);cursor: pointer;opacity: 0.5;filter: alpha(opacity=50);} 阅读全文
js 格式化日期
2013-02-19 14:04 by yangpan, 181 阅读, 0 推荐, 收藏, 编辑
摘要：function date2str(x,y) {var z = {M:x.getMonth()+1,d:x.getDate(),h:x.getHours(),m:x.getMinutes(),s:x.getSeconds()};y = y.replace(/(M+|d+|h+|m+|s+)/g,function(v) {return ((v.length>1?"0":"")+eval('z.'+v.slice(-1))).slice(-2)});return y.replace(/(y+)/g,function(v) {return 阅读全文