自由模块

ezgif.com-resize

 

点击查看GIF演示

发表在 javascript, UE, 实验室 | 标签为 , | 评论关闭

可视化编辑

 

(点击查看GIF演示,GIF有些大请等待)

发表在 javascript, UE, 实验室 | 标签为 , | 评论关闭

柳传志的管理三要素

搭班子、定战略、带队伍

发表在 杂谈, 闲聊 | 留下评论

jQuery.each function

jQuery.each();

http://api.jquery.com/jQuery.each/

Code

// args is for internal usage only
	each: function( obj, callback, args ) {
		var value,
			i = 0,
			length = obj.length,
			isArray = isArraylike( obj );

		if ( args ) {
			if ( isArray ) {
				for ( ; i < length; i++ ) {
					value = callback.apply( obj[ i ], args );

					if ( value === false ) {
						break;
					}
				}
			} else {
				for ( i in obj ) {
					value = callback.apply( obj[ i ], args );

					if ( value === false ) {
						break;
					}
				}
			}

		// A special, fast, case for the most common use of each
		} else {
			if ( isArray ) {
				for ( ; i < length; i++ ) {
					value = callback.call( obj[ i ], i, obj[ i ] );

					if ( value === false ) {
						break;
					}
				}
			} else {
				for ( i in obj ) {
					value = callback.call( obj[ i ], i, obj[ i ] );

					if ( value === false ) {
						break;
					}
				}
			}
		}

		return obj;
	},

each的主要目的在于可以遍历Array或者Object,或者说统一遍历Array与Object的方法。

其中关键在于isArraylike函数

另外对于forin函数需要注意的就是forin遍历Object时只会遍历出enumerable属性,而对于non-enumerable属性是无法遍历的,同时也可以遍历出从prototype链上继承的属性。

            function Foo(){}

            Foo.prototype = {
                name: 'Will',
                age: '20'
            }

            var a = new Foo();

            a.localtion = 'Guangzhou';

            $.each(a, function(n, v){
                console.log(n, v);
            });

            //localtion Guangzhou
            //name Will
            //age 20

还有一点Object内的属性是无序的。不可以使用forin来遍历数组,因为数组是有序的Object,所以只会遍历出序号,没有任何意义。

https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Statements/for…in

同时里面还有一个不同就在于call与apply的应用,在通常情况下call的性能要高于apply,由其是当有参数的情况下,call的性能要明显优于apply。

isArraylike函数

            function isArraylike( obj ) {
                var length = obj.length,
                    type = jQuery.type( obj );

                if ( jQuery.isWindow( obj ) ) {
                    return false;
                }

                if ( obj.nodeType === 1 && length ) {
                    return true;
                }

                return type === "array" || type !== "function" &&
                    ( length === 0 ||
                    typeof length === "number" && length > 0 && ( length - 1 ) in obj );
            }

这个函数的重点在于最后一句return,return的前半段比较好理解,后半段主要是针对带有参数的函数arguments属性来做判断。因为typeof arguments是Object但是,他的确是Arraylike!

发表在 javascript | 标签为 | 留下评论

IE8 select element change event

Using jQuery attr or prop change value of select element.

e.g

$('#SID[option = value]').attr('selected', 'selected'); // $('#SID[option = value]').prop('selected', true);

This code will trigger change event in IE8, and not in FF, IE9.

So to fixed this, using these codes instead:

$('#SID').prop('disabled', true);
$('#SID[option = value]').attr('selected', 'selected'); // $('#SID[option = value]').prop('selected', true);
$('#SID').prop('disabled', false); //avoid change event triggered.
发表在 html, javascript, 实验室 | 标签为 | 留下评论

IE7 display inline-block

让IE7也支持inline-block

display: inline-block;

*display: inline;

zoom: 1;

这三行必不可少!

Refrences:

http://blog.mozilla.org/webdev/2009/02/20/cross-browser-inline-block/

发表在 css, html, 实验室 | 标签为 | 留下评论

IE8 JSON stringify返回null

IE8是内置JSON对象,IE6,7是没有内置JSON对象的。

但是如果是使用document.createElement(‘input’).value来获取input的value值,或者是一个input element没有value属性。

这时使用JSON.stringify在IE8下就会返回null页不是""(空值)

参考资料:

http://blogs.msdn.com/b/ie/archive/2008/09/10/native-json-in-ie8.aspx

http://code.google.com/p/jquery-json/issues/detail?id=44

发表在 javascript, 实验室 | 标签为 , , | 留下评论

XAMPP for MAC设置多个域名访问不同的文件夹

其实MAC下面的XAMPP与Windows下面是一样的设置方法。

首先找到XAMPP的目录下的etc目录,里面有一个httpd.conf

打开httpd.conf文件,找到

#Include /Applications/XAMPP/etc/extra/httpd-vhosts.conf

然后把前面的#去掉,接着进入同级目录下面的extra目录里面,打开httpd-vhosts.conf文件

在里面添加如下代码:

NameVirtualHost abc.com:80

<VirtualHost itui.com:80>

ServerAdmin hotnook@gmail.com

DocumentRoot "/Applications/XAMPP/xamppfiles/htdocs/abc/""

ServerName "abc.com"

ServerAlias abc.com

#ErrorLog "logs/zend.localhost-error.log"

#CustomLog "logs/zend.localhost-access.log" combined

</VirtualHost>

<Directory "/Applications/XAMPP/xamppfiles/htdocs/abc/"">

Options Indexes FollowSymLinks

AllowOverride all

Order allow,deny

Allow from all

</Directory>

然后修改host文件,跳转到文件夹(shit+command+G)/private/etc/,找到host文件,拷贝出来

然后打开添加127.0.0.1 abc.com (这里你可以放任意的你想要的域名)

保存,然后覆盖以前的host文件(如果出现不可以覆盖,你可以直接右键原始host文件修改其读写属性,直接修改该文件即可)。

最后重启Apache。Done!

 

发表在 杂谈, 网迹 | 标签为 | 留下评论

MAC让Dropbox同步任意文件夹

在Windows下面有junction命令,在MAC下面可以使用ln(注意第一个是小写的L)。

首先打开Terminal,然后输入:

ln -s “你电脑上任意目录” “你的Dropbox需要同步的文件夹”

例如:

ln -s “/Applications/XAMPP/xamppfiles/htdocs/webfolder” “/Users/macbookpro/Dropbox/mybox/htdocs/”

这里有个需要注意的地方:

如果你想在Dropbox里面也是webfolder的话,那么在后段是不需要写webfolder的,否则会生成webfolder/webfolder

发表在 杂谈, 网迹 | 标签为 , | 留下评论

在京东一次不爽的购物体验

首先,我并不经常在网上买东西,但是书几乎都会在网上购买。
我经常去买书的地方是卓越,当当已经有一年多没用了,所有书几乎都是在卓越买的。这次本来已经在卓越下了单,但是突然想到京东现在也卖书了,于是想在京东体验一把。于是在卓越在没备货的情况下直接退了电子单。
这是我第一次在京东购物,正好在选书时看到有满200送400的活动。我想,正好体验一把。
我买书的时间是2012-06-25 23:55(这时间很关键)
选好四本书后下单:一共284.9元,直接在线支付完毕。
使用MAC-Lion Safari浏览器
Screen Shot 2012-06-26 at 9.40.22 AM
但是我一直都没有收到京东的赠倦,我觉得可能是因为钱还没到帐,所以慢些?反正觉得应该没什么问题。
但是今天早上还是没有收到,已经显示为出库。
Screen Shot 2012-06-26 at 10.12.17 AM
于是我又打开上相应的书籍进行核对,这时才发现,原来我下单的时间是25号23:55,但是活动的日期是26号9:00开始。这时突然有一种被骗的感觉,当然也是由于我自己不够仔细。
然后我就想看一下活动详细,但是标题上的红字却不能点击。于是我回到图书首页找相应的活动,但是却没有找到。我想这是怎么回事?为什么这么大的活动却在图书首页没有显示呢。
然后我又回到刚才的图书内页,重新刷新了几次,依然有这个标题上的醒目提示。
我好奇的使用了一个Chrome浏览器再次打开这个页面,神奇的事情发生了。
Screen Shot 2012-06-26 at 10.32.29 AM
竟然没有了促销标题!我同样又刷新了几次,还是没有。再回到Safari里面,刷新,再看,还是有。我勒个去,这是神马情况。京东在跟我开玩笑吗?
难道京东对使用不同浏览器的人进行不同的促销吗?
我一直喜欢在卓越,就是感觉卓越的系统稳定,由其在结算与促销方面做的非常不错。这次我彻底的被京东给雷了。我不知道为什么会这样,但是京东给我的感觉一直都是系统异常的脆弱,这次购物又验证了这一点。
京东的网站系统跟京东一样就是一个Bug!
以上内容绝对真实,不同浏览器浏览后显示促销情况不同!
另外,如果真是有促销活动的话,为什么会在25号就在这么醒目的位置上显示,而不是促销当天再才应该在这么醒目的位置上显示吗?

更新(2012-6-26 15:45)

现在再去看京东,已经同步了,两个浏览器出现的内容相同。
哥依然无法抑制哥的怒火,这跟欺骗没有什么区别,我也不在乎他那400元东卷,但是这就跟隐性消费一样,多少都让人感觉不爽!真是亏他还是这么大的电商!

更新(2012-6-26 17:53)

书送到了,但是到的时候连电话都没有一个,直接放下书就走了,我还是自己出去取的。

有两本书(我最喜欢的)封面严重变形,又脏。太伤心了!

IMG_1338 IMG_1334

IMG_1335 IMG_1336

IMG_1337

发表在 杂谈, 网迹 | 标签为 | 一条评论