Movoin Studio

常用于后台开发的jQuery插件

Allen — Wed, 01 Sep 2010 11:34:49 +0800

以前有过一篇类似的文章, 讲的比较简单只有三个插件而已, 所以这篇文章将全持续更新.

jQuery UI 大名顶顶, 不用介绍, 它的各个控件可是非常好用的说.

jQuery.Layout 这是我在今年3月份才发现的一个插件, 作用有点类似ExtJS的布局, 但却简单许多, 因为简单所以好用,呵呵. 使用这个插件的时候, 如果你和我一样懒, 只是使用了Iframe的方式, 那么你很可能也和我一样会遇到 IE6 下 Iframe 出现横向滚动条的情况, 放轻松, 我已经找到解决办法了.

jQuery.PrettyDate 这个插件我很喜欢, 是在上个月入手的, 它可以把 “August 13th, 2010″ 这样的日期, 显示为 “3 星期以前”, 当然默认是英文的, 所以你得自己去改一下插件中的内容, 我是直接改的, 你如果不觉得麻烦你也可以构造它的时候, 把这些写到Config里面, 呵呵.

jQuery.TreeView 这是我用着比较舒服的一个树状插件. 支持拖拽哦, 当然你得使用 jQuery UI 才行的.

jQuery.Grid 非常强大的 Grid 插件, 比上次介绍的还要强, 甚至于已经接近 ExtJS.Grids 了.

既然来了，也许你也会想看一下：

2010/08/19 -- IE6中Iframe产生横向滚动条的解决办法

在Ubuntu中使用YUICompressor

Allen — Wed, 25 Aug 2010 10:47:02 +0800

YUICompressor，是由Yahoo!提供的压缩（Minify）Javascript，CSS的工具。

YUICompressor是用Java写的，所以使用它之前必须先安装Jre:

sudo apt-get install sun-java6-jre

然后，下载YUICompressor-2.4.2.zip，并解压至任意位置。

参数说明

Usage: java -jar yuicompressor-x.y.z.jar [options] [input file]

Global Options
-h, –help Displays this information
–type Specifies the type of the input file
–charset Read the input file using
–line-break
Insert a line break after the specified column number
-v, –verbose Display informational messages and warnings
-o Place the output into . Defaults to stdout.

JavaScript Options
–nomunge Minify only, do not obfuscate
–preserve-semi Preserve all semicolons
–disable-optimizations Disable all micro optimizations

提示：
其实不用输入–type js 或 –type css, YUICompressor也会根据文件后缀名来自动判断。

以下是我写的一段脚本：

#!/usr/bin/python

import os
import sys

compressor_path = '/home/allen/.tools/yuicompressor.jar'
charset_code = 'utf-8'

def compressor(file):
    os.path.splitext(file)
    return '-min'.join([os.path.splitext(file)[0], os.path.splitext(file)[1]])

files = sys.argv[1:]

for file in files:
    os.system('java -jar %s %s -o %s --charset %s --preserve-semi' % (compressor_path, file, compressor(file), charset_code))

把脚本以任意名字保存，如“压缩JS文件”，并将文件放到你的用户目录下的.gnome2/nautilus-scripts/目录中，如：/home/allen/.gnome2/nautilus-scripts/

这样你就可以更加方便的使用YUICompressor了~

既然来了，也许你也会想看一下：

2010/08/19 -- Ubuntu 11.04 动物代号

我在读什么@GoogleReader [2010-08-24]

Tue, 24 Aug 2010 00:00:00 +0800

估计你知道的命令
如果你刚刚接触 Linux 的话，或许你知道这些命令。如果你不知道的话…… NetworkManager 命令行版: nmcli 举例：查看当前区域内的无线网络: nmcli dev wifi 启动网络名为 Fedora 的链接：nmcli con up id Fedora PackageKit 命令行版: pkcon 举例：查询软件..

我在读什么@GoogleReader [2010-08-21]

Sat, 21 Aug 2010 00:00:00 +0800

30种免费的高质量字体-Smashing Magazine
原作者：来源30 New Free High-Quality Fonts - Smashing Magazine译者海浪~~ 30种高品质创意字体 By Vitaly Friedman August 12th, 2010 Fonts 70 Comments Publishing Policy 我们每时每刻都在环顾四周，寻找富有创意的高品质字体，并把它们..
12款酷酷的冰箱
原作者：来源12 Cool and Unusual Refrigerators译者苍天问仙踪The most unique and innovative refrigerator designs from all over the world. 世界上那些最有创意的冰箱 Transparent Refrigerator 透明冰箱 Unique fridge from Japan allows you to see what is s..

CKEditor + CKFinder 整合笔记

Allen — Fri, 20 Aug 2010 15:54:54 +0800

FckEdiror是我用的最多的内容编辑器，记得以前和同事谈论FCK的时候，我老是将它说成KFC编辑器，还好没有说成是FUCK编辑器，字母顺序错了可比加一个字母好听多了，呵呵。

新系统不想再用Fck，因为经过对比我发现，CK确实比FCK要快上许多，而且网上也有人说它对长内容的编辑能力也不是FCK能比的。

从ckeditor.com下载最新的CKEditor（PHP版）及CKFinder（PHP版），我是把它们都放在同一级目录下。

CK的设置和FCK相差无几，只是CKFinder有点怪异。

CKFinder设置时需要注意的两点：

1，提示：因为安全原因，文件不可浏览. 请联系系统管理员并检查CKFinder配置文件。

在CKFinder根目录下的config.php中，你所看到的第一个函数，这个函数很神奇，是的，它一开始只是返回false而已，你可以根据你的环境来设置它的返回值，它的注释也写得很清楚了，我就不废话了，多动手比什么都强。
Tips：如果只是想测试一下，请直接return true;

2, 中文文件上传文件名出现乱码。

哎，不知道到了PHP6后支持Unicode会不会对中文支持的好一点。。。

和修改FCK差不多，直接增加重命名代码即可。

文件位置： ckfinder\core\connector\php\php5\CommandHandler\FileUpload.php

/** 找到下面这几行，大约在59-61行左右： */
if ($sFileName != $sUnsafeFileName) {
    $iErrorNumber = CKFINDER_CONNECTOR_ERROR_UPLOADED_INVALID_NAME_RENAMED;
}
/** 重命名文件, 以防止中文文件名上传乱码 */
$sExtension=CKFinder_Connector_Utils_FileSystem::getExtension($sFileName);
$sFileName = uniqid() . '.' . $sExtension; // 关于 uniqid() 请参考 http://cn.php.net/manual/en/function.uniqid.php

既然来了，也许你也会想看一下：

看来这是个孤独的家伙！

Ubuntu 11.04 动物代号

Allen — Thu, 19 Aug 2010 16:00:09 +0800

Ubuntu 11.04的动物代号将是：Natty Narwhal（聪慧的独角鲸）。

维基百科对Natty的解释是(informal) Smart and fashionable，也就是兼具头脑和外表。

独角鲸是生活在北极冰冷海域的小型鲸鱼，因为头部前段3米左右的螺旋形犄角状物而得名，长久以来被认为是传说中的独角兽的化身。然而传说终归是传说，独角鲸的“犄角”并非是角，只是一颗外露的长牙，披有神话色彩外衣的东西往往在现实中是不复存在的。独角鲸的“独角”没有纯洁净化的魔力，也无法使它们永生不死。但不可否认的是，它们成为了这世上绝无仅有，这般独特而美丽的生物。（摘自互动百科）

来源: http://article.yeeyan.org/view/140496/127197

既然来了，也许你也会想看一下：

2010/08/25 -- 在Ubuntu中使用YUICompressor

IE6中Iframe产生横向滚动条的解决办法

Allen — Thu, 19 Aug 2010 10:08:01 +0800

上帝才知道为什么IE6在国内还是那么强的生命力，甚至还有其“粉丝团”~~~哎，抱怨完毕。

最近在开发公司的新产品，在后台使用了大量的JQuery(jquery.layout, jquery.grid, jquery.ui等)，而今天要讲的问题就是在使用jquery.layout时遇到的，虽然使用了大量jquery插件，可是我并不想使用Ajax，因为目前产品还没有定型，只是在搭架子的时期，这时候应该是讲求快速实现及快速修改，所以并不打算在这个阶段使用Ajax。出于以上考虑，我选择了iframe，在FF中着实在让我小兴奋了一下，很精制的效果，配合jquery.ui使整个感觉很顺畅，完全达到我的预期。可是一到IE下，我就傻眼了，界面是常有的错位我就不提了，逐一修复后，发现出现了横向滚动条。

汗~~~根本不明白它是怎么来的。于是到网上查了一下，大致的原因是iframe中的页面有相对body的样式包含width:100%的元素。

同时也找到了解决的办法，第一和第二条比较常见（CSS解决：overflow-x: hidden;），也是我一开始想到的，而第三条是我使用的方法，在这里分享出来。

$(function(){
    if($.browser.msie&&$.browser.version=="6.0"&&$("html")[0].scrollHeight>$("html").height())
        $("html").css("overflowY","scroll");
});

既然来了，也许你也会想看一下：

2010/09/01 -- 常用于后台开发的jQuery插件

我在读什么@GoogleReader [2010-08-19]

Thu, 19 Aug 2010 00:00:00 +0800

非常好的最新中文版PHP手册（CHM格式）
在chinaunix论坛上发现的资源，非常不错，下载页面为：

PHP中文手册CHM版整合最新评论，2010演示版（8月17更新），PHP5.3必备

类别：胡思乱想查看评论

我在读什么@GoogleReader [2010-08-18]

Wed, 18 Aug 2010 00:00:00 +0800

简单动画解释复杂机械原理
原作者：来源Complicated Mechanisms Explained in simple animations译者三十九级台阶Radial Engines 星形发动机 Radial engines are used in aircrafts having propeller connected to the shaft delivering power in order to produce thrust its basic mechanism ..

我在读什么@GoogleReader [2010-08-10]

Tue, 10 Aug 2010 00:00:00 +0800

（美）怀特《窗边的男孩》txt（姚明力荐）
　　《窗边的男孩》讲述12岁的男孩山姆因患有脑性麻痹症而注定一生都要在轮椅上度过，他热爱篮球，却只能在窗边遥望篮球场上健康少年的身影。好在他的保姆珀金斯经常为他读温斯顿·丘吉尔的传记，使他不断从丘吉尔的经历中获得鼓励和力量。　　在多方努力下，山..