潘魏增 » 学习 http://panweizeng.com 活在回忆里,细数时间下过的蛋. Sun, 29 Aug 2010 17:03:11 +0000 en hourly 1 http://wordpress.org/?v=3.1-alpha CURL基于cookie的自动登录脚本 http://panweizeng.com/archives/665 http://panweizeng.com/archives/665#comments Fri, 16 Oct 2009 15:11:58 +0000 Pan http://panweizeng.com/?p=665 放在crontab中自动执行登录，有时候挺有用的。

  1. #!/bin/bash
  2.  
  3. # cookie 临时文件
  4. COOKIEFILE=cookie_tmp.txt
  5.  
  6. # 登录
  7. curl $LOGINURL -d"username=$USERNAME&password=$PASSWORD&autologin=1" -c $COOKIEFILE -s
  8.  
  9. RESPONSE=`curl $UPDATEURL -s -b $COOKIEFILE |grep $USERNAME`
  10. TIME=`date +'%Y-%m-%d %H:%M:%S'`
  11. echo "$TIME | $RESPONSE" >> $LOGFILE

完整注释和代码见 http://github.com/panweizeng/home/blob/master/code/shell/curl_login

]]> http://panweizeng.com/archives/665/feed 1 ipod touch破解后可以作的事情 http://panweizeng.com/archives/649 http://panweizeng.com/archives/649#comments Mon, 20 Jul 2009 13:35:39 +0000 Pan http://panweizeng.com/?p=649 自从入手Nokia e71，touch曾一度失宠。破解之后，它又重新恢复了青春。

1. 安装海量别人共享的APP，详见http://weiphone.com/forum-36-1.html
2. 通过wifi作移动硬盘（注：windows用户可以直接使用91手机助手）
3. 安装软件，例如lighttpd/vim/wget/curl/python。非常简单。

  1. $su root
  2. $apt-get install sudo
  3. $apt-get install wget
  4. $apt-get install vim
  5. $apt-get install python
  6. $apt-get install curl
  7. $apt-get install lighttpd

参考破解教程地址：http://www.weiphone.com/viewthread.php?tid=337294…

]]> http://panweizeng.com/archives/649/feed 4 重装ubuntu http://panweizeng.com/archives/640 http://panweizeng.com/archives/640#comments Mon, 20 Jul 2009 12:54:36 +0000 Pan http://panweizeng.com/?p=640 工作机前几天出现一个.xsession-errors的错误，无法登录桌面环境。google了很多文章均不能解决，无奈下只能重装系统。刻了一张ubuntu 8.10 live cd，然后进入光盘系统。
首先需要备份数据，先查看硬盘分区情况。我的分区是swap 2GB，/根20GB，剩下都作/home, 大概130GB。

  1. $ sudo fdisk -l 
  2. Disk /dev/sda: 160.0 GB, 160041885696 bytes
  3. 255 heads, 63 sectors/track, 19457 cylinders
  4. Units = cylinders of 16065 * 512 = 8225280 bytes
  5. Disk identifier: 0xd10cd10c
  6.  
  7. Device Boot      Start         End      Blocks   Id  System
  8. /dev/sda1               1         243     1951866   82  Linux swap / Solaris  #swap分区 2GB 
  9. /dev/sda2   *         244        2675    19535040   83  Linux # 根分区，即/，20GB
  10. /dev/sda3            2676       19457   134801415    5  Extended #扩展分区
  11. /dev/sda5            2676       19457   134801383+  83  Linux # /home分区，是放在扩展分区/dev/sda3里面的逻辑分区，最重要的数据在这里

然后将原来的/home分区mount到/mnt目录下，再复制出数据到移动硬盘

  1. $sudo mount /dev/sda5 /mnt
  2. $sudo cp -r /mnt/xp/* /media/OneTouch Mini/ubuntu_bak/xp/  # .vim/ .mozilla/ .vimrc .bashrc .screenrc .dircolors 这些容易漏

还需要备份
/etc/hosts #host文件
/var/www/html #本机web测试目录，扫了一眼也没什么特别需要备份的

开始重装，一路Next到分区步骤，选择手动分区，swap和/根分区不变，其中/根分区选择需要格式化，挂载点还是/。最后/home分区，特别需要注意不要选择格式化，挂载点还是/home。

安装完成后第一件事情，自动选择最快的源服务器，然后升级你的系统，再然后选择语言支持，把汉语的包都下载完全。
第二件事情给root设置密码 sudo passwd root (之后安装vmserver需要用)
最后就是安装一堆软件

  1. sudo apt-get install workrave
  2. sudo apt-get install scim-chinese scim-pinyin
  3. sudo apt-get install scim-config-socket scim-gtk2-immodule scim-tables-zh
  4. sudo apt-get install apache2
  5. sudo apt-get install php5
  6. sudo apt-get install mysql-server
  7. sudo apt-get install epiphany
  8. sudo apt-get install epiphany-browser
  9. sudo apt-get install filezilla
  10. sudo apt-get install emesene
  11. sudo apt-get install build-essential
  12. sudo apt-get install openssh-server
  13. sudo apt-get install sun-java6-jre sun-java6-plugin sun-java6-fonts
  14. sudo apt-get install vim vim-full
  15. sudo apt-get install ctags
  16. sudo apt-get install kchmviewer
  17. sudo apt-get install subversion
  18. sudo apt-get install qterm
  19. sudo apt-get install python-simplejson
  20. sudo apt-get install gcolor2

如果你对thinkpad安装ubuntu感兴趣，可以看这篇文章《T61安装ubuntu》。

参考文章

https://help.ubuntu.com/community/LiveCdRecovery

关于分区
重装Ubuntu时如何保留/home分区中的数据

]]> http://panweizeng.com/archives/640/feed 2 javascript获取正则中的子匹配 http://panweizeng.com/archives/592 http://panweizeng.com/archives/592#comments Fri, 27 Mar 2009 13:54:23 +0000 Pan http://panweizeng.com/?p=592 昨天帮朋友处理一段文本正好用到了这个，记录一下。

  1. var str = '<a href="http://google.com" target="_blank">google</a>123<a title="百度" href="http://baidu.com">baidu</a>abce<a href="http://msn.com" class="msn">msn</a>kkk';
  2. var reg = /<a.*?href="([^"]*)"[^>]*>([^<]*)</a>/i; // *? 非贪婪匹配
  3. var arr = [];
  4. while(reg.exec(str)){
  5.     arr.push({'link':RegExp.$1 , 'text':RegExp.$2});
  6.     str = RegExp.rightContext;//将str截断
  7.     reg.lastIndex = 0;//重置下次匹配开始的位置
  8. }
  9. console.info(arr);

另外两种正则表达式语法有一些不同，比如说转义。

  1. #正则表达式语法 1
  2. re = /pattern/[flags]
  3. #正则表达式语法 2
  4. re = new RegExp("pattern",["flags"])
  5.  
  6. #比如说要匹配"潘魏增(panweizeng)"，同时获取其中的子匹配panweizeng，对应的写法如下
  7. var reg = /[^(]+(([^)]+))/g;
  8. #这里需要对括号使用两个转义符号
  9. var reg = new RegExp("[^\(]+\(([^\)]+)\)", "g");
  10. var submatch;
  11. if(reg.exec(str)){
  12.    submatch = RegExp.$1;
  13.    reg.lastIndex = 0;
  14. }
  15. console.info(submatch);
]]> http://panweizeng.com/archives/592/feed 2 SVN分支和合并的简单例子 http://panweizeng.com/archives/547 http://panweizeng.com/archives/547#comments Sat, 07 Mar 2009 15:38:14 +0000 Pan http://panweizeng.com/?p=547 尽管svn没有作强制要求，但是一般svn版本库目录建议创建trunk、branches和tags三个目录。 在实际操作时，trunk主干版本要时刻保持干净，即随时可以基于这个版本进行修改并将应用部署上线。branches是分支目录，存放并行开发的项目代码，因为分支是主干的廉价拷贝（相当只是提交了一次主干版本，增加了一个版本号，并没有取出版本库作镜像拷贝），所以你可以放心建立很多分支版本。不过Subversion不支持跨版本库的拷贝，当使用svn copy时你只能在同一个版本库内操作。tags目录存放trunk某个的快照，比如说release-1.0即trunk处于1.0版本时的快照。

使用svn来作团队的代码管理，那么分支和合并将是非常常用的操作。下面是一个简单的示例。

1. 创建分支。这里假设你要负责一个叫theme的项目，分支号1.7.2。

  1. #这里的localhost是svn服务器地址
  2. svn copy -m "1.7.2 - theme" svn://localhost/www/trunk svn://localhost/www/branches/branch1.7.2-theme
  3. svn co svn://localhost/www/branches/branch1.7.2-theme

2. 从trunk中merge到分支。忙了一个星期终于开发完了，但是开发期间trunk版本有过改动，部署上线前你需要合并trunk的代码。

  1. #branch1.7.2-theme是分支目录，注意不可以进到分支子目录
  2. cd branch1.7.2-theme
  3. #前面的12972是开分支之前trunk的版本号，后面的12991是merge时trunk的版本号
  4. svn merge -r 12972:12991 svn://localhost/www/trunk

如果有冲突选择p(postpone)，merge完了之后使用svn st|grep ^C查看冲突文件，然后比对修改冲突文件。解决冲突后再check in ，信息写上执行的merge操作。

  1. svn ci -m 'svn merge -r 12972:12991 svn://localhost/www/trunk'

3. 从分支merge到trunk。上线测试完毕，你很幸运，一切都如预期正常，这时就要将分支回归trunk，将trunk更新到最新。

  1. #先从trunk checkout一份新鲜的代码，然后cd到该版本目录下
  2. svn co svn://localhost/www/trunk
  3. cd trunk
  4. #12973是分支开始的版本号，13006是分支结束的版本号
  5. svn merge -r 12973:13006 svn://localhost/www/branches/branch1.7.2-theme

如步骤2一样解决冲突，解决冲突后再check in，信息写上执行的merge操作。

  1. svn ci -m "svn merge -r 12973:13006 svn://localhost/www/branches/branch1.7.2-theme"

相关的手册可以参阅svn文档，电子版可以到这里下载。

]]> http://panweizeng.com/archives/547/feed 3 Devtodo–linux下的todolist软件 http://panweizeng.com/archives/539 http://panweizeng.com/archives/539#comments Fri, 27 Feb 2009 15:19:25 +0000 Pan http://panweizeng.com/?p=539 Devtodo是一个命令行todolist管理工具，相关介绍可以看linuxtoy的《Dev Todo: 从命令行管理待做事项清单》。

在paoe同学提醒下，ubuntu下可以直接apt-get install devtodo来安装，非常方便。如果你在用bash，那么下面这个函数可能对你会很有用。把它加到.bashrc文件中，每次cd进入目录的时候，如果该目录下有.todo文件就会把todolist打印出来。

  1. #此函数得到某大牛指点，在此表示感谢
  2. cd() {
  3.     if [[ $# == 0 ]]; then
  4.         command cd
  5.     else
  6.         command cd "$*"
  7.     fi 
  8.     if [ -f .todo ]; then
  9.         todo
  10.     fi 
  11. }

另外如果你用 zsh 的话，可以把这段加入 ~/.zshrc

  1. #由网友vern提供，我没有测试过
  2. cd() {
  3. if builtin cd “$@”; then
  4. if [ -f `which devtodo` ]; then devtodo -s; fi
  5. fi
  6. }

Devtodo的一大缺点就是不能在多个机器间同步，以我为例，每天都在开发机、工作机和笔记本之间切换，如果想使用Devtodo，当然最好考虑在多个机器上都能使用相同的、最新的一份todolist拷贝，而Devtodo默认是没有的，你得自己想解决方案。所以我想todolist软件跟线上服务集成才是更好的方向，其他很多类型的软件也一样，比如说笔记记录、日程安排等。

]]> http://panweizeng.com/archives/539/feed 2 sed和awk的简单使用 http://panweizeng.com/archives/522 http://panweizeng.com/archives/522#comments Sat, 21 Feb 2009 15:42:55 +0000 Pan http://panweizeng.com/?p=522 平时都用ubuntu，所以处理问题的时候经常都是想到linux下提供的程序。sed和awk是其中两个很强大的工具，用它们来作查找和替换非常方便。

以下是我最近使用过的几个实际例子

  1. #使用脚本中的$VERSION变量替换{VERSION}字串，注意这里得使用双引号
  2. sed -i "s/{VERSION}/$VERSION/g" $UPDATE_FILE
  3. #去掉含有updateKey的行
  4. sed -i "s/.*updateKey.*//" install.rdf
  5. #替换含有js/core.js?v=1234为<?php HtmlHelper::getJS('1'); ?>
  6. #这里正则中的.不用转义，但是(、)、+都需要转
  7. #后面引用前面正则的子匹配使用1、2、……
  8. sed -i "s/.*js/(w+).js?v=.*/<?php HtmlHelper::getJS('1'); ?>/g" *
  9.  
  10. #获得$XPIFILE文件的hash
  11. HASH=`sha1sum $XPIFILE |awk '{print $1}'`
  12. #从<em:version>0.1.3</em:version>中获得当前版本号
  13. VERSION=`awk '/(<em:version>([^<]*)</em:version>)/' install.rdf |awk -F '>' '{print $2}'|awk -F '<' '{print $1}'`

批量替换以后，如果你使用svn，还可以配合vim来复查替换的结果。我常用的做法是

  1. xp@xp-notebook:www$ svn di > ~/diff
  2. xp@xp-notebook:www$ vim ~/diff

这样可以获得vim的语法高亮，如果能再配合mark插件，那就非常完美了。

以前在windows中经常使用dreamweaver来作查找替换，但是和linux的工具（grep/sed/awk）相比，速度和效率上就差了很多。

更新几个例子
1.找到并删除匹配的行

  1. #这里找到含有google统计脚本的行并删掉。/<script src=".*urchin.js".*>$/是匹配的正则表达式，d是执行的命令。
  2. sed -i '/<script src=".*urchin.js".*>$/d' filename

2.删除找到匹配行的下一行

  1. #删除包含页脚后面的</div>。这里的n表示往下读下一行。
  2. sed -i "/<?php include_once( 'footer.php' ); ?>/{ n; /</div>$/d;}" filename

3.多行匹配和引号转义

  1. #找到header区块并替换为<?php include_once( 'header.php' ); ?>。
  2. #:begin 是设定一个begin标记，每个分号代表一个语句结束
  3. #/<div id="header">/,/</div>$/    reg1,reg2  两个正则表达式限定查找的范围，大括号内为执行的命令。
  4. # /</div>$/! 非最后匹配行，$!表示非文件最后一行， N表示追加下一行到缓冲区，b begin是跳到begin开始，如此循环直到header区块都在缓冲区。
  5. #然后执行s/<div id="header">.*logo.*</div>/<?php include_once( 'header.php' ); ?>/; 替换
  6. sed -i ":begin; /<div id="header">/,/</div>$/ { /</div>$/! { $! { N; b begin }; }; s/<div id="header">.*logo.*</div>/<?php include_once( 'header.php' ); ?>/;     };" filename

4.awk切分field时括号的转义
在centos中默认的awk是gawk，而在ubuntu中默认是mawk，可以使用awk –version 或者 awk -W version查看使用什么版本的awk。
使用mawk直接用\(转义即可，在gawk中使用\\(转义而且是单引号。

  1. #以下例子是查找abc.css中所有的背景图片(去掉重复的)
  2. # 只对mawk有效
  3. grep 'url(\.\.' abc.css |awk -F'url\(' '{print $2}'|awk -F")" '{print $1}'|sort -u
  4. grep 'url(\.\.' abc.css |awk -F"url\(" '{print $2}'|awk -F")" '{print $1}'|sort -u
  5. # mawk和gawk都ok
  6. grep 'url(\.\.' abc.css |awk -F'url\\(' '{print $2}'|awk -F")" '{print $1}'|sort -u

参考
用sed替换跨行内容
关于sed的小发现

]]> http://panweizeng.com/archives/522/feed 1 Firefox插件开发 http://panweizeng.com/archives/511 http://panweizeng.com/archives/511#comments Thu, 19 Feb 2009 14:57:22 +0000 Pan http://panweizeng.com/?p=511 今晚技术部交流主题，由于没有写helloworld，所以效果不是很好。Mozilla上面的例程很好，感兴趣可以看一看。

全屏地址（需要google帐号登录）：http://docs.google.com/Present?docid=ajj2j7mmgmtw_457jzbp2gt

]]> http://panweizeng.com/archives/511/feed 7 YUI实现的Tab切换 http://panweizeng.com/archives/489 http://panweizeng.com/archives/489#comments Sat, 14 Feb 2009 16:19:20 +0000 Pan http://panweizeng.com/?p=489 YUI自带了一个TabView，虽然很简洁也很强大，但是常常不是想要的那种。Tab切换应该不依赖于HTML结构，能给设计人员和前端开发最大的灵活性。原理：一个tab对象分为控制部分(trigger)，内容部分(sheet)。当trigger被触发时，显示对应的sheet。

以前大树写过一个TabControl的代码，经过两年的使用依旧很考谱，说明当初这个思路还是比较符合实际需求的。我改成了基于YUI的版本，可能看起来更清晰一些。先访问测试页面查看效果，完整javascript代码在这里。

注意：改成实际代码时，请将Tab类放在某个命名空间下，不要直接暴露在全局空间中。

1：使用
以下是常用的html结构，但不限于此。

  1. <ul id="t">
  2.         <li id="t1">t1</li>
  3.         <li id="t2">t2</li>
  4.         <li id="t3">t3</li>
  5. </ul>
  6. <div id="s">
  7.         <div id="s1">s1</div>
  8.         <div id="s2">s2</div>
  9.         <div id="s3">s3</div>
  10. </div>

对应的javascript代码如下，四种初始化方法都是可以的。

  1. var tab = new Tab($D.get('t').getElementsByTagName('li'), $D.get('s').getElementsByTagName('div'));//1
  2. var tab = new Tab(['t1','t2', 't3'],['s1','s2', 's3']);//2
  3. var tab = new Tab(['t1','t2','t3'],['s1','s2','s3'],{ triggerEvent:'mouseover',slideEnabled:true});//3
  4. var tab = new Tab();//4
  5. tab.add('t1', 's1');
  6. tab.add('t2', 's2');
  7. tab.add('t3', 's3');
  8. tab.config['triggerEvent'] = 'mouseover';
  9. tab.config['slideEnabled'] = true;
  10. tab.onShow.subscribe(function(t, a){ ... });
  11. tab.init();

2：扩展
已经实现自动切换功能(默认关闭)，另外可以通过onShow自定义事件扩展，也可以在原代码基础上添加更多的自定义事件。

]]> http://panweizeng.com/archives/489/feed 6 Bespin: 开放式web开发平台 http://panweizeng.com/archives/472 http://panweizeng.com/archives/472#comments Fri, 13 Feb 2009 16:31:24 +0000 Pan http://panweizeng.com/?p=472 bespinBespin是Mozilla Labs中推出的一个开放、可扩展的web-based框架，旨在提高开发者生产力和用户体验，并促进开放标准的推广。框架中的代码编辑工具里面采用了HTML5的相关技术。同时，Mozilla的团队还释出一个实验性的原型版本，里面演示了Bespin的若干特性。

Bespin特点将会是简单易用、实时协作、集成命令行工具（是的，和vi/emacs一样）、可扩展和本地部署、快速编辑和随时随地接入。将来还可以直接导入代码库到项目中。

Bespin真正的目标是什么呢？会是基于web的加强版Dreamweaver吗？

]]> http://panweizeng.com/archives/472/feed 0