范特西博客

在VIM里调用多种浏览器预览html php 等文件

kairyou@qq.com(kairyou) — Fri, 24 Dec 2010 07:18:34 +0800

Kairyou's Blog ( http://www.fantxi.com/blog/ ) :

最近这段时间睡眠严重不足，脑袋发晕的时候就要放送下，so改善vim。产生个想法：把自己喜欢的editplus的功能都搞到vim上面来。这个就是其中之一：在浏览器中预览当前文件。有时间的话，可能要写点从editplus转型到VIM的东西。

优点1：
囊括了主要的浏览器：chrome、firefox、oprea、ie、ietester（随自己喜欢可以增加更多，比如safari），
浏览器的简称：cr、ff、op、ie、ie6、ie7、ie8、ie9、iea，简称、路径以键值对方式都保存到browsers中。
上面的简称大部分人应该都明白了，ie就是系统默认的ie，最后一个iea是在ietester中使用所有版本的ie同时预览（IE5.5-IE9）。
IETester 的Arguments可以见 : http://www.my-debugbar.com/wiki/IETester/CommandLineArguments

优点2：
本地文件自动以file://开头或http://开头的两种方式预览。如果文件在htdocs就用http方式打开，否则用file方式。

file://开头的地址预览html一般没问题，但是预览php或aspx等就显得苍白无力了。这里可以设置一个htdocs/wwwroot的文件夹地址，然后预览的时候匹配文件是否在这个文件夹内(支持子目录)，如果在就用http://方式打开，否则就用file://方式。

无论前端开发者或者程序员都及其适合。自夸完毕，下面说下使用：

在_vimrc中加入下面的代码，然后按F4+cr - 在chrome预览，F4+ff - 在firefox下预览……。方式就是F4+浏览器简称（应该比用F4+1234的数字形式便于记忆）。当然，这个完全可以自己diy的。

下面fuc里面的浏览器地址需要自己修改，我的文件夹目录和你的可能是有不同的。还有htdocs文件夹、本地的预览的端口号，我使用的是8090.

	" 在浏览器预览 for win32
function! ViewInBrowser(name)
    let file = expand("%:p")
    exec ":update " . file
    let browsers = {"cr":"D:\\WebDevelopment\\Browser\\Chrome\\Chrome.exe", "ff":"D:\\WebDevelopment\\Browser\\Firefox\\Firefox.exe",         "op":"D:\\WebDevelopment\\Browser\\Opera\\opera.exe", "ie":"C:\\progra~1\\intern~1\\iexplore.exe", "ie6":"D:\\WebDevelopment\\Browser\\IETester\\IETester.exe -ie6", "ie7":"D:\\WebDevelopment\\Browser\\IETester\\IETester.exe -ie7",         "ie8":"D:\\WebDevelopment\\Browser\\IETester\\IETester.exe -ie8", "ie9":"D:\\WebDevelopment\\Browser\\IETester\\IETester.exe -ie9",         "iea":"D:\\WebDevelopment\\Browser\\IETester\\IETester.exe -all"}
    let htdocs='E:\\@apmxe\\htdocs\\'
    let strpos = stridx(file, substitute(htdocs, '\\\\', '\', "g"))
    if strpos == -1
       exec ":silent !start ". browsers[a:name] ." file://" . file
    else
        let file=substitute(file, htdocs, "http://127.0.0.1:8090/", "g")
        let file=substitute(file, '\\', '/', "g")
        exec ":silent !start ". browsers[a:name] file
    endif
endfunction
nmap <f4>cr :call ViewInBrowser("cr")<cr>
nmap <f4>ff :call ViewInBrowser("ff")<cr>
nmap <f4>ie6 :call ViewInBrowser("ie6")<cr>

长沙、凤凰古城往返汽车火车

kairyou@qq.com(kairyou) — Mon, 13 Dec 2010 22:02:31 +0800

Kairyou's Blog ( http://www.fantxi.com/blog/ ) :

长沙-凤凰汽车：

价格都是130左右，行程大概是5个小时

汽车西站有上午8：30和11：00的，在凤凰汽车站下车（离城区有一段路，需打的）。

南站有上午10点的，和下午4点的。

火车站附近的长城宾馆，上午8：30.和10：00、下午2：00、下午4点的，到凤凰的天下凤凰大酒店下车。

长沙-凤凰火车：

长沙坐火车-吉首（8个小时左右），吉首火车站坐汽车-凤凰汽车站（一个多小时）

凤凰-长沙汽车：

凤凰汽车站-长沙汽车西站

车型: 49座金龙旅游车，用时:约5小时

发车时间：上午：08：30、10：30 ；下午：15：00、17：30

凤凰汽车站-长沙汽车南站

车型: 49座金龙旅游车，用时:约5小时

发车时间：下午：16.30（每天一班）

凤凰天下凤凰大酒店-长沙韶山北路湘泉宾馆（火车站附近）

车型：德国进口豪华旅游大巴,带洗手间，用时:约5.5小时

发车时间：上午：08：30、11：00；下午：14：00 、16：00

票价都是130元/张，路程都大约450公里。

以上都是搜索到的。

我去凤凰的线路：长沙坐火车-怀化（7个小时左右，凌晨6点左右到，卧铺大概120左右），怀化汽车站-凤凰（好像3-4个小时，目前在修路），下车后步行几百米就到城区了。

汽车方便，火车安全。

回长沙了。湖南基本都下学了，凤凰的雪景还是不错的。我回长沙是直接到凤凰汽车站做车，上午10:00出发，终点是长沙汽车西站，现在的价格是120。

凤凰的的士司机比较狠，看你是外地人他就不打表的。感谢小杨送我们去汽车站坐车，下车时路上有积水，还把她的鞋子弄脏了。

PHP 读取大文件的X行到Y行的内容

kairyou@qq.com(kairyou) — Fri, 03 Dec 2010 06:54:03 +0800

Kairyou's Blog ( http://www.fantxi.com/blog/ ) :

最新写了个小程序，需要读取一个文件的几行内容，但是文件比较大，所以研究了下PHP读取大文件的几行内容的方法，写了一个方法，代码如下(加了注释)：

	//返回文件从X行到Y行的内容(支持php5、php4)
function getFileLines($filename, $startLine = 1, $endLine=50, $method='rb') {
	$content = array();
	$count = $endLine - $startLine;
	if(version_compare(PHP_VERSION, '5.1.0', '>=')){// 判断php版本（因为要用到SplFileObject，PHP>=5.1.0）
        $fp = new SplFileObject($filename, $method);
        $fp->seek($startLine-1);// 转到第N行, seek方法参数从0开始计数
 		for($i = 0; $i <= $count; ++$i) {
 			$content[]=$fp->current();// current()获取当前行内容
 			$fp->next();// 下一行
		 }
	}else{//PHP<5.1
		$fp = fopen($filename, $method);
		if(!$fp) return 'error:can not read file';
		for ($i=1;$i<$startLine;++$i) {// 跳过前$startLine行
			fgets($fp);
		}
		for($i;$i<=$endLine;++$i){
			$content[]=fgets($fp);// 读取文件行内容
		}
		fclose($fp);
	}
	return array_filter($content); // array_filter过滤：false,null,''
}

Ps:
上面都没加"读取到末尾的判断"：!$fp->eof() 或者 !feof($fp)，加上这个判断影响效率，自己加上测试很多很多很多行的运行时间就晓得了，而且这里加上也完全没必要。
从上面的函数就可以看出来使用SplFileObject比下面的fgets要快多了，特别是文件行数非常多、并且要取后面的内容的时候。fgets要两个循环才可以，并且要循环$endLine次。
此方法花了不少功夫，测试了很多中写法，就是想得出效率最高的方法。哪位觉得有值得改进的欢迎赐教。

使用，返回35270行-35280行的内容：

	echo '<pre>';var_dump(getFileLines('test.php',35270,35280));

开始尝试使用kissy

kairyou@qq.com(kairyou) — Wed, 27 Oct 2010 10:45:29 +0800

Kairyou's Blog ( http://www.fantxi.com/blog/ ) :

从kissy suggest出来，我就有种强烈的预感，淘宝团队肯定会整个js库出来，果不其然Kissy问世了。

我使用kissy的理由：1.kissy的思想我比较喜欢，2.比较轻巧，3.常用的功能都有了，4.如果不满足现有功能方便自己扩展。

熟悉jquery、yui、mt等类库的人花点时间应该都比较容易上手的。感觉官方的文档还需要改进，如果做到像jq官方那样，花几个小时应该就可以掌握了。

我找了些可以帮助熟悉kissy的文章：

http://www.slideshare.net/lijing00333/kissy-5223489

http://ghsky.com/tag/kissy

http://lifesinger.org/blog/2010/08/kissy-briefings-2/

http://lifesinger.org/blog/2010/09/release-kissy-1-1-5/

http://kissyui.com/blog/

http://kissyteam.github.com/docs/kissy/quickstart/

http://kissyteam.github.com/kissy/docs/index.html

时间允许，以后我会把自己使用遇到的问题或笔记分享出来。

另外发现百度经验用上html5了。看了百度几个频道的js库，知道、经验、百度hi内页用的：http://img.baidu.com/js/tangram-1.2.0.js，有啊用的：http://co.youa.baidu.com/picture/p/js/core-mini.js，目前大的公司因为开发团队的细分，导致了js库不太统一，淘宝目前也是kissy、yui并存。我觉得前端开发者在参加不同的前端交流会的同时，也应该内部沟通，如果一个公司开发几种js库，干嘛不集中经历开发一个呢。这样js库会更完善、提高了重用、降低了劳动成本。

firefox 4.0beta 出来了

kairyou@qq.com(kairyou) — Wed, 28 Jul 2010 02:38:03 +0800

Kairyou's Blog ( http://www.fantxi.com/blog/ ) :

ff4比ff3.6.x要快多了，ff3.6有时感觉非常卡，尤其是在用firebug的时。firefox4下载地址，加上Compatibility Reporter这个插件就可以使用大部分的ff3.6下的扩展了。另外最新的是开发预览版，目前是40.b3pre。再推荐个下载管理器扩展，Download Manager Tweak，觉得比Download Statusbar要好用（目前Download Statusbar在FFb2下不能用）。

ff4虽然界面帅了点（像opera），开始使用速度快了点，使用时间长点，还是变得卡那么下（这点还是让人讨厌）。chrome已经成为我常用的浏览器了。ff的一些插件很强大，做开发必不可少，国内大部分使用ff的应该是开发者吧，对于一个普通用户，chrome要比ff容易接受的多。所以与其劝使用ie6的朋友升级ie7/ie8，不如培养他们使用chrome（有几个已经被我劝服，改邪归正了）。

另外，vim7.3beta也出来了。

全面更新到adobe cs5 系列了

kairyou@qq.com(kairyou) — Tue, 11 May 2010 17:19:23 +0800

Kairyou's Blog ( http://www.fantxi.com/blog/ ) :

以前CS4的一些小bug现在都没了，还有部分改动更符合用户体验了，很好很强大。

开发全屏web操作项目，浏览器全屏的解决

kairyou@qq.com(kairyou) — Wed, 28 Apr 2010 01:56:23 +0800

Kairyou's Blog ( http://www.fantxi.com/blog/ ) :

目前为移动开发一个项目，是全触摸屏的，基于web的，当然我的工作只限于前端开发的工作，完成项目首先要解决的就是浏览器全屏展示网页。像移动的自助缴费系统、ATM机等有些应该是这样做的（记得有次还在某个银行看到了win2000的启动界面）

找了下资料，以前的文章应该是通过js打开一个全屏的浏览器窗口的吧，不过那个好像会出现一些问题。

后来才找到了IE的Kiosk Mode全屏模式（Kiosk ModeKiosk Software广泛用于公共电脑或者嵌入系统，如可以上网的公共电话、ATM、机场自助服务系统、网吧管理软件等），在ie的快捷方式里面加入“-k”这个参数，就实现了真正的全屏，而非F11（IE下的F11浏览器的菜单和底部的状态栏）还是能看到部分的。

Kiosk模式下的一些快捷键：

Alt + 左箭头：上一页
Alt + 右箭头：下一页
Ctrl + D：加到我的收藏夹
Ctrl + H：开启历史文件夹
Ctrl + B：开启整理收藏夹
Ctrl + L：输入网址，开启新网页
Ctrl + N：开新窗口
Ctrl + R：刷新(或按 F5)
Ctrl + W：关闭目前的窗口(或按 Alt+F4)

该方法只对起始页有效，通过该页弹出的窗口不是全屏幕窗口

还有一个就是chrome浏览器下的F11，这个效果是目前使用过的浏览器里面全屏比较彻底的，但是上面还是有一条黑边，鼠标移上去就好提示按F11退出全屏，所以根据需要最好的就是IE下面的Kiosk模式了，据说是IE5.0+都支持，我用IE8测试是没问题的。

blog移动到国外了

kairyou@qq.com(kairyou) — Mon, 26 Apr 2010 02:45:30 +0800

Kairyou's Blog ( http://www.fantxi.com/blog/ ) :

访问速度感觉慢了不少，凑合着用吧。

实在不爽的时候，再考虑移动回国内。

放在国外就是好，备案都不用管了。

jquery jsonp Ajax 跨域提交数据 (PHP)

kairyou@qq.com(kairyou) — Mon, 29 Mar 2010 02:47:32 +0800

Kairyou's Blog ( http://www.fantxi.com/blog/ ) :

最近做了一个Ajax提交反馈页，但是由于空间不支持一些基本的函数，所以准备做个跨域提交。

javascript部分:

$("#btn").click(function(k) {
    //...
    var j = form.serializeArray();//序列化name/value
    $.ajax({
        url: "另一个域名/test.php",
        dataType: 'jsonp',
        data: j,
        jsonp: 'jsonp_callback',
        success: function(json) { //返回的json数据
            json = json || {};
            if (json.msg=='err'){
                alert(json.info);
            }else if (json.msg=="ok"){
                alert('提交成功');
            }else{
                alert('提交失败');
            }
        },
        timeout: 3000
    })
    //...
});

php部分:

$jsonp_callback=$_GET['jsonp_callback'];
//...
//如果正确
echo $jsonp_callback,'({"msg":"ok"})';
//如果错误
echo $jsonp_callback,'({"msg":"err","info":"因人品问题，发送失败"})';
//...

值得注意的是采用jsonp 方式,beforeSend / error 都不能用了，所以beforeSend里面用js实现的验证只能用ajax在服务器端test.php上面验证了。

范特西博客

在VIM里 调用多种浏览器 预览html php 等文件

长沙、凤凰古城 往返 汽车火车

PHP 读取大文件的X行到Y行的内容

开始尝试使用kissy

firefox 4.0beta 出来了

全面更新到adobe cs5 系列了

最新微博好火爆

开发全屏web操作项目，浏览器全屏的解决

blog移动到国外了

jquery jsonp Ajax 跨域提交数据 (PHP)

在VIM里调用多种浏览器预览html php 等文件

长沙、凤凰古城往返汽车火车