• iterm2自动恢复会话/标签设置

    自从换了公司并习惯在Mac上做开发之后,与命令行打交道的机会就变多了,经常用iterm2这个神器但是有一个很蛋疼的地方,就是在退出之后上一次的会话,或者是标签等都没有保存,这样就不得不再打开一个个tab,敲一遍遍路径(虽然有autojump会稍微快点)。好了,不废话,下面告诉你怎么搞。

    1、下载2.9beta版

    因为这个功能在2.1.4中还没有,所以乖乖去下吧,不然打破头皮也没用。

    下载地址在这里: iTerm2 2.9.20151111 beta (OS 10.8+)

    当然版本可能会更新,所以你也可以在这里找最新的地址:https://iterm2.com/downloads.html

    2、安装并设置

    安装我就不多说了,和其他APP的安装一样,解压到应用程序文件夹就可以了。

    2.1 设置Session Restoration

    然后,打开 Preference>Advanced>Enable session restoration

    iterm2-SessionRestoration

    iterm2-Session Restoration

    有一点需要注意:我在装完这个beta版之后上面截图的选项默认已经是Yes,但是特么的没有一点效果,在将这个选项关掉,退出,然后再打开,再退出,然后才有效。所以如果你也遇到这个问题,试试我的这个方法吧。

    2.2 设置Startup

    打开Preference>General,然后设置Startup为 Use System Window Restoration Setting

    iterm2-Startup

    iterm2-Startup

    2.3 设置系统选项

    没错,还要修改系统设置,因为这是iterm2利用的系统特性才能完成的功能。

    打开 系统偏好设置>通用,把退出应用时关闭窗口选项关掉。

    iterm2-系统设置

    iterm2-系统设置

    好了,设置到此结束。

    3、效果

    退出再打开后如果你能看到“Session Restored”这样的提示信息,就说明你的设置成功啦!

    iterm2-Session Restoration效果

    iterm2-Session Restoration效果

     

    好了,洗洗睡觉~~ 话说还是圣诞夜的,我却在这里撸文章。。。

  • jQuery Tab选项卡特效代码

    目前Tab选项卡效果已经是遍地开花了,前一段在家闲着没事也鼓捣了个,话不多说,上代码,效果可看此jQuery Tab选项卡Demo页面

    <div class="tab">
    <ul class="clearfix">
    	<li class="current"><a href="#">标签1</a></li>
    	<li><a href="#">标签2</a></li>
    	<li><a href="#">标签3</a></li>
    </ul>
    <div class="current">
     <img src="images/upload/1.jpg" alt="1.jpg" /></div>
    <div>
     <img src="images/upload/2.jpg" alt="2.jpg" /></div>
    <div>
     <img src="images/upload/3.jpg" alt="3.jpg" /></div>
    </div>
    

     

    function zvTab(){
    	var timeoutid;
    	$(".tab ul li").each(function(index){
    		$(this).mouseover(function(){
    			var t = $(this);
    			timeoutid = setTimeout(function(){
    				$(".tab ul li.current").removeClass("current");
    				t.addClass("current");
    				$(".tab div.current").removeClass("current");
    				$(".tab div").eq(index).addClass("current");
    			},300);
    		}).mouseout(function(){
    			clearTimeout(timeoutid);
    		});
    	});
    
    }
    

    当然,这段JS代码要在JQ库被引入后且被执行才可用。

    .tab ul li {float:left;background:#CCC;margin-right:2px;border-bottom:2px solid #DDD;}
    .tab ul li.current{background:#AAA;border-bottom:2px solid #AAA;}
    .tab ul li a{color:#000;display:block;padding:5px 10px;}
    .tab ul li.current a{color:#fff;display:block;padding:5px 10px;}
    .tab div{display:none;}
    .tab div.current{display:block;background:#AAA;color:#fff;padding:5px;margin-bottom:10px;}