月度归档： 2010年8月

今天晚上没事，花了两三个小时时间写了一个基于 SQLite 的短网址工具。
有这个想法很久了，之前网上找的一堆短网址工具基本都要求mysql，
而我又很不喜欢mysql，动用mysql很麻烦，总是要建账号之类的。
所以就自己写了一个基于SQLite的，想必会有一些朋友更我一样喜欢的东西吧。。

完成了核心内容，美化什么的懒得弄了。自己用用不管漂亮与否了。
这一刻我完全不是做前端~
SQL防注入什么的也懒得弄，大家随意就好。
可以缩短网址，可以列出缩短的网址有哪些，还可以通过书签栏缩短网址。
简单的统计访问人数等。

项目我放在bitbucket上，点击查看SQLito
可以直接下载最新镜像 SQLito

这个需要服务器支持sqlite3，第一使用的时候会提示创建数据库。
所有文件扔到服务器上后，可以先修改config.php文件，不改也没关系
可以改动的是路径，如果自动获得的路径不对的话，就自己填一个，要以/结尾。
还有就是数据库名，也可以自己改。

然后修改.htaccess文件，增加下面的规则。
或者直接用附带的.htacess即可。

RewriteEngine On
RewriteRule ^([0-9a-z]+\-?)$ ?q=$1 [L]

之后就可以通过 add.php 来缩短地址
add.php 里边还有一个可以拖到书签栏的小工具，平时我就用他啦。

如果你不想让人使用缩短功能，那就自己改一下add.php文件好了。

通过 list.php 来查看有哪些被缩短过（现在我翻页都还没做呢~）
点击时间可以查看详细信息。

另外，在短地址后面加上一个减号可以预览地址。

测试地址： http://g.shawphy.com/
这个地址有效期至 2010-8-31
仅供测试，由于测试阶段，所以数据库会时不时的清空掉的，请勿用于正式的缩短网址工具之用。

P.S. PHP的函数太TM丰富了，base_convert函数非常好用。我用它实现10进制到36进制转换。

修复编码问题，如果最开头不是以http|https|ftp开头则自动加上http。

新增了查看详细详细统计信息，新增附加减号可以预览地址的功能。

我使用的是PuTTY客户端，所以这里介绍PuTTY的设置。

首先下载工具，访问PuTTY的下载页面，下载PuTTY和PuTTYgen这两个工具。
如果你使用TortoiseGit的话，其bin目录中已经有这个工具了，可以直接使用。

打开后会出现如图所示:

点击其中的Generate，然后按照文字提示，
在空白处随机移动鼠标以生成随机数（真是天才的想法）。

生成后如图所示：

随后的Key comment一栏爱改不改，我简单改了一下。
然后点 Save private key 按钮保存密钥，他会问你是否不设置密码短语保护私钥，
点yes，就可以了。我保存到了D:\id_rsa.ppk

接下来需要通过普通的SSH方法登陆你的服务器，
把 Public key for pasting into OpenSSH authorized_keys file 栏中的内容
放到 ~/.ssh/authorized_keys 文件中
据说设置权限比较好： chmod 600 authorized_keys

接下来是设置PuTTY。先填好Host Name，我这里设置了shawphy.com

然后到Connection -> Data 里的 Auto-login username 填好你的用户名，我的是shawphyc

接着到Connection->SSH->Auth 中的 Private key file for authentication ，选择你刚才保存的那个ppk文件。

最后回到最上面的Session在下面的Saved Sessions里输入名字后，点Save就可以了。

以后每次双击这个就能登陆了。

最后，附加一个小功能，Connection->SSH->Tunnels中，填个端口号，比如7070，下面选择Dynamic，然后Add之后，就可以那啥了。

今天收到读者来信，询问如何选择如下的元素
<div class=”good list Card”></div>
这里有个特征，就是需要选择同时带有这几个class的元素。
或者也被误认为选择一个带有空格的class。

经过测试，使用选择特殊的转义符号来做

$(“.good\\ list\\ Card”)

这个只有IE6下能成功。(我仅测试了IE6，Firefox 3.6.8和Chrome 6 dev)
推测原因是因为先进的浏览器中jQuery是直接调用getElementsByClassName，
而这个浏览器方法是不支持带空格的class的，他会认为是多个class。
而IE6之所以成功，是因为本身就不支持getElementsByClassName，
所以jQuery内部是遍历了所有元素，
得到class属性值是“good list Card”的元素。

解决方案有两种：
逐个过滤，先找到带有good的元素，
然后从中筛选出带有list的元素，最后筛选出带有Card的元素：

$(“.good”).filter(“.list”).filter(“.Card”)

或者让先进的浏览器也跟IE6一样，直接通过属性选择器：

$(“[class=’good list Card’]”)

测试了一下性能，根据多class测试显示，后者的性能显著的好于前者。
因此推荐使用后者，不论从易读性还是性能上都高于前者。但Cloudream在评论中指出，后者的问题是class的顺序不能变。
附：
要选择其他带有特殊字符元素，参考用jQuery 选择器选取包含特殊字符的元素

经Cloudream提醒，直接用 $(“.good.list.Card”) 即可。
测试下来，除了IE6中，其余两个浏览器中这种方法都小胜第二种方法。

略据有规模的网站都会有合并js/css文件的需求。
这里推荐PPTV同学做的一个合并js和css文件的方案：Merpressor。
项目代码托管在google code。

Merpressor的作用很简单，如果你本地开发的时候有一堆js文件，比如
yui.js
selector.js
dom.js
user.js
my.js
….

然后最终自动合并成一个你想要的文件，比如test.js

页面中只需要引入这个test.js就可以了。
本地为了方便调试，test.js里通过document.write来引入其他js文件，
而远端服务器上则直接就是合并压缩后的单个文件了。

我看下来感觉还不错。只是觉得服务器端必须部署java服务器有点要求比较高。
对于有分布式版本控制工具，如hg/git等，在本地测试完成后push到服务器端，
并让服务器端执行一个hook程序，pull 并 update 后执行压缩，这样对系统的部署要求可以低一些。
不过对本身版本控制工具的要求就会高一点了。所谓各有优势。