无双 - 博客园

用headjs来管理和加载js

摘要：现在有许多成熟的js模块加载器，比如requirejs和seajs等，但是对一些小的项目来说，它们的功能可能太过于“强大”，也许我们只是想要有一个能动态加载js的功能，或许我们只是想装B一下，让自己写出的页面没有一大堆的<script src=”a.js”></script>这样的东西。前面说的两种js加载器都是更强调模块性，也就是更强调js文件的组织和管理，更适用于大的项目。就像刚刚说的，我只想有一个js文件加载器，我只需提供给它一个js文件的地址就行了的那种呢？那就进入我们的主题了，使用headjs吧。headjs其实是一整套的工具，但我只想介绍的是它其中的Java 阅读全文

posted @ 2012-07-14 14:13 无双阅读(9106) 评论(3) 推荐(2)

IE6、7下li元素的子元素为dl,ul,ol时产生的bug

摘要：话不多说，先看测试代码：该段代码在标准浏览器（包括IE8+）中的效果为：但在万恶的IE6和IE7中的却是这样的：外面看到li元素的子元素是列表元素时（既ul,ol,dl）,li的顶部会莫名其妙的空出一段来，就像是给li设了一个padding-top一样。解决方法：触发li的hasLayout属性，最好的方法是设置 zoom:1 阅读全文

posted @ 2012-07-11 10:02 无双阅读(1058) 评论(0) 推荐(0)

正则表达式对象的lastIndex属性

摘要： js中正则表达式的使用方式有两种，一种是正则表达式对象的方法，一种是字符串对象的方法，前者有exec(str)、test(str)两个方法，后者有match(regexp)、replace(regexp)、search(regexp)、split(search)四个方法。当作为正则表达式对象的方法使用时，要特别注意它的lastIndex属性。 var regexp = /abcd/g;var s... 阅读全文

posted @ 2012-06-26 13:26 无双阅读(5141) 评论(0) 推荐(0)

判断页面所有图片加载完成

摘要：在stackoverflow上看到一个问题，大致是说在一个页面有多张图片，那么该怎么样来判断所有图片都已加载完成呢？提问者使用的是jquery. <img src='xxx.xxx' /><img src='xxx.xxx' /><script>$('img').load(function(){ alert('img loaded')})</script>比如上面的代码，每张图片加载完后... 阅读全文

posted @ 2012-06-12 14:09 无双阅读(5497) 评论(1) 推荐(0)

从左往右每四个数字加一个空格的js

摘要：这种情况用在需要填写银行卡等数字较长的地方就能派上用场啦。今天温习了下正则表达式，就当练练手了。 var str='456026658747301614';var str=str.replace(/(\d{4})/g,'$1 ').replace(/\s*$/,'');alert(str); 阅读全文

posted @ 2012-06-05 15:14 无双阅读(5939) 评论(2) 推荐(0)

从右往左每3位数字加一个逗号的js

摘要： var str='123456789';var str=str.split('').reverse().join('').replace(/(\d{3})/g,'$1,').replace(/\,$/,'').split('').reverse().join('');alert(str);只要理解得透彻，正则表达式真心是强大阅读全文

posted @ 2012-06-05 14:53 无双阅读(6484) 评论(3) 推荐(3)

去除inline-block元素间的空隙

摘要： inline-block元素在布局时会给我们带来很多方便，但它有一个明显的bug,就是inline-block元素间会有一个4px的间隙（有的浏览器可能是8px）。废话不多说了，直接讲解决方法吧。总体来时可分为两种方法，一种是改变html结构法,另一种是css法。先说第一种，比如下面这段代码:<ol> <li>首页</li> <li>关于我们</li> <li>联系我们</li> <li>加入我们</li></ol>假设 li 是 inline-block元素，则 li 间会阅读全文

posted @ 2012-05-16 15:36 无双阅读(6048) 评论(0) 推荐(1)

Jquery瀑布流插件

摘要：瀑布流布局在目前貌似很火爆，具体的分析、原理、用到的知识等等可以看看以下几位牛人写的东西。瀑布流布局浅析浅谈个人在瀑布流网页的实现中遇到的问题和解决方法折腾:瀑布流布局（基于多栏列表流体布局实现）javascript 瀑布流、各大瀑布流简析与建议因为自己用jquery比较多，便萌生了把瀑布流做成插件的想法，图片就借用迅雷UED上的那些美图吧。先看看Demo把代码放出来吧;(function($){ var //参数 setting={ column_width:204,//列宽 column_className:'waterfall_column',//列的... 阅读全文

posted @ 2012-05-03 15:46 无双阅读(22896) 评论(27) 推荐(8)

几个最常用的用来代替Div的HTML5元素

摘要：虽说html5中大多数功能性的元素如<video><canvas><audio>等还得不到当前主流浏览器的支持（主要就是指IE浏览器了），但至少那些个与布局相关的元素同html5.js结合起来时我们是可以放心使用的，比如<header>,<footer>,<nav>,<section>,<article>,<aside>,<figure>这几个最常用的元素。 Article 和 Section ... 阅读全文

posted @ 2012-04-26 16:32 无双阅读(8000) 评论(0) 推荐(2)

google的html、css代码规范

摘要：看了一下google的html、css代码规范,简单的作下记录。一、省略ur地址中的 http: 或 https: 的部分 , 在引用样式表文件、脚本文件、图片以及其它媒体文件时，都可以这样做，除非使用这两种协议都无法获取到资源，也就是说必须使用其它协议才能获取到资源的，就不能省略啦，只有http:和https:是可以省略的。这样做的好处是能减少文件的体积，而且还能避免一些相对url中混乱问... 阅读全文

posted @ 2012-04-26 10:02 无双阅读(8924) 评论(0) 推荐(1)

HTML5吧！少年

摘要：随着互联网的发展，特别是移动互联网的迅猛发展，html5和css3的普及和应用已是大势所趋。虽然目前整站运用html5的条件还不成熟，但我们可以至少尝试使用那些最基本的html5的元素来构建网站。目前，主流浏览器里只有IE9以下的版本是不支持html5的，但是可以通过一段js脚本来使IE6、7、8也能支持html5的标签，所以我们并不用担心浏览器的兼容性问题，大胆的使用吧。以下就简单介绍一下怎么样在页面上使用html5。一、为了能使IE9以下的IE浏览器也能支持html5的标签，所以首先得在文档头部用条件注释的方法引入那段著名的代码。<!--[if lt IE 9]><scr 阅读全文

posted @ 2012-04-24 00:15 无双阅读(1134) 评论(0) 推荐(0)

getBoundClientRect函数详解

摘要：一、定义 getBoundingClientRect 函数是W3C组织在第一版本的W3C CSSOM View specification草案中确定的一个标准方法，在此之前，只有IE浏览器是支持该方法的，W3C在这次草案中把它扶正成为标准，足可以看出它并不简单。getBoundingClientRect 方法返回的是调用该方法的元素的TextRectangle对象，该对象具有top、left、right、bottom四个属性，分别代表该元素上、左、右、下四条边界相对于浏览器窗口左上角（注意，不是文档区域的左上角）的偏移像素值。二、兼容性 getBoundingClientRect方法最先在IE 阅读全文

posted @ 2012-02-01 23:26 无双阅读(5727) 评论(1) 推荐(1)

CSSOM视图模型中几个常用的位置、尺寸相关属性的详解

摘要：什么是CSSOM视图模型，这里就不解释了，有兴趣的童鞋可以到官网去看下。这里只说说几个很有用却容易混淆的属性，这几个属性兼容性都蛮不错的，基本不用太关注浏览器环境。clientLeft 与 clientTop返回元素内容区域左上边界（包含padding,并且是可见区域）相对于元素整个区域左上边界(包含边框，但不包含margin)的偏移距离，兼容常见浏览器(指ie6+,firefox 3.0+,chrome 4+,opera 10.10+,safari 4.0+等浏览器，后文相同)ps:可见区域是指我们能看到的部分，即不包括超出隐藏部分或是有滚动条时被隐藏的那部分。再ps:后文中如再提到元素的内阅读全文

posted @ 2012-01-31 22:56 无双阅读(477) 评论(0) 推荐(0)

好好写博客

摘要：以前写的博客都弱爆了，坚持写完一篇博客还真的不容易，从现在开始好好写啦阅读全文

posted @ 2011-12-15 18:18 无双阅读(215) 评论(0) 推荐(0)

phpcms 修改日志

摘要： 1、添加自定义字段所要进行的操作：在 content 模块的 field文件夹里的 content_form 类的 get 方法中添加代码；在field文件夹下建立 custom 字段文件夹; 在content模块的项目函数中增加 add_field 函数；在 field.inc.php 文件中增加自定义字段类型二、增加某个栏目跳转到其他栏目功能 1、数据库改动：在 categor... 阅读全文

posted @ 2011-03-31 17:49 无双阅读(543) 评论(0) 推荐(0)

无双

导航

公告