F.A.B.L.E » Web

O ha yo, AWS

黑眼圈 — Wed, 27 Jul 2011 18:01:13 +0000

We’re run instance on EC2 Tokyo now.

script/generate controller创建Modules的问题

黑眼圈 — Sun, 19 Oct 2008 15:56:42 +0000

今天在项目里准备把管理功能移进后台系统，于是创建根据controller的examples创建了一个模块:

Modules Example:
    ./script/generate controller 'admin/credit_card' suspend late_fee

    Credit card admin controller with URLs /admin/credit_card/suspend.
        Controller: app/controllers/admin/credit_card_controller.rb
        Views:      app/views/admin/credit_card/debit.html.erb [...]
        Helper:     app/helpers/admin/credit_card_helper.rb
        Test:       test/functional/admin/credit_card_controller_test.rb

./script/generate controller 'admin/credit_card'

因为安全方面的问题,文章里的module名都用帮助实例里的名字代替。
我使用如上的方法创建了一个module以后,在浏览器里是直接不能访问的,于是又在routes.rb里添加路由映射的命名空间:
   map.namespace :admin do |admin|
     admin.resources :credit_card
   end
这样做了以后就有一个奇怪的现象产生。

除了index这个action，所有不带id的action全部无法访问，
例如admin/credit_card/edit/1是可以的，但是admin/credit_card/add这个action
返回的结果就是：
No action responded to show
奇怪的是给它带上参数就可以了，也就是当我访问admin/credit_card/add/1就能正确显示，尽管这个id没有任何作用。
服务器的日志显示情况,带参数的:
Parameters: {“action”=>”edit”, “id”=>”1″, “controller”=>”admin/credit_card”
不带参数的错误情况:
Parameters: {“action”=>”show”, “id”=>”add”, “controller”=>”admin/credit_card”

尝试继续修改routes.rb却未果。

于是我destroy这个module，还原了routes.rb，用另一种方法创建：

./script/generate controller 'admin::credit_card'

注意，这里只是把例子里的”/”改成了”::”，重新生成以后一切正常，连routes.rb也没有修改。
服务器的日志也显示：
Parameters: {“action”=>”add”, “controller”=>”admin/credit_card“}

目前看来要正确的生成模块需要使用::做分割符。

整理优化你的CSS代码

黑眼圈 — Thu, 28 Aug 2008 12:48:00 +0000

当我们面对网站项目里日益庞大的css，javascript文件，无论是为了二次开发还是浏览器解析，都应该优化他们的代码，但是优化并不意味着是简单的压缩或减小文件体积。条理清晰，运行效率高才是我们要的结果。那么有哪些手段能够我们的css代码呢？一起来看看下面的一些建议吧。

1.使用缩写

缩写能够缩短你的工作时间，减小你的文件体积，何乐而不为？

针对相近的不同设置不同的值：

p {
margin-top: 10px;
margin-right: 20px;
margin-bottom: 30px;
margin-left: 40px;
}

使用缩写：

p { margin: 10px 20px 30px 40px; }

再来看看常用的font的缩写

查看 CSS Shorthand Guide (英) 和 Efficient CSS with shorthand properties (英) 了解更多关于缩写的属性。

2.避免使用Hack

Jon Hick的 blog hicksdesign.co.uk/journal 利用浏览器条件性注释

Hack是一个糟糕的东西，它会为不同浏览器定义一样的代码，使得CSS繁冗。现在我们知道使用条件性注释来代替hack，他们在IE6和IE7中是被认可的，甚至IE团队也推荐这样使用。使用条件性注释服务于符合浏览器特性专用的CSS代码，因此，更小的、核心的CSS代码用来服务于遵从标准的浏览器，只有需求条件出现的时候（比如IE），才会去下载额外的CSS文件！

下面来看看IE6使用条件性注释的代码范例：

这段代码使得IE6去下载额外的ie6.css解析它专用的css代码。同样的，如果针对IE7只用把上面的6与7替换就行了。

3.使用留白

无论是为了自己阅读还是二次开发，都要让CSS保持良好的可读性，留白就充当了关键的角色。
我们不鼓励你为了得到一个更小的CSS文件，就去掉所有的空白格式，如tab，换行，空格等。这里推荐嵌套的代码使用一个tab缩进，所有属性独立一行。

对比上下的图片，是哪一种格式能让你更加节约修改的时间呢？留白会让你更加容易管理代码。

4.移除多余的frameworks和resets

Nathan Smith的 960 Grid System CSS framework使用的重置规则

如果你选择使用CSS framework，包括你自己写的，如果你去检查代码一定会发现该framework包含的一些规则并不适用于你当前的文件，它们是可以被删除的。
由此可以想到的还有reset，YUI Grid CSS使用的reset和Eric Meyer’s Reset 目前都很流行， Resets能够移除不同浏览器的默认样式，使得页面在各个浏览器之间的表现一致。但是它们通常包含了一个大的网站需要的所有属性，一些例如pre,code,sub,dfn,var等等属性对于普通网站来说根本不会用上，删掉那些你用不上的。Eric Meyer也会鼓励你这样做！
framework和reset会很好的帮助你的工作，但是如果不去掉那些你用不上的使用，反而会拖累你页面的效率和可读性。

5.扩展的CSS

Doug Bowman的 stopdesign.com CSS 为层使用特殊的选择器

另一种优化你的代码的方法就是分别为层进行具体的属性声明。

6.记录你的工作

在团队协作中，沟通书写标准，编码规范，注释方法，风格极为重要。规则是建立在一个一致的方法的标准。这样能够防止别人重复你已经做过的工作，防止代码的膨胀。

7.压缩使用

为了使得浏览器节省更多下载个载入时间，压缩是一个不错的解决方案，但是仅限于发布的时候。YUI Compressor 和 CSSTidy 就是这样方面的专家，他们能够去除多余的代码，校验属性互相覆盖的错误。
许多流行的编辑器，比如BBEdit, TextMate, 和 TopStyle 都能够帮助你格式化你的CSS代码成你想要的样子。你还能通过服务器压缩技术使用PHP处理你的CSS。你可以找到更多的CSS优化和压缩的CSS工具。

有一点，这些程序尽可能会降低错误的发生，但并不是完美的。同样，最好不要用他们去处理包含CSS hack的文件。这也是另一个让那些hack储存在另外的文件里的原因。

结束

整洁和优化的代码不只是你的文件大小，还包括了维护性和可读性。以上的原理并不只是针对CSS，它们还能应用到HTML，Javascript以及其他编程语言。CSS文件不只是为了呈现给你网站的最终用户。上面的原理可以帮助用户体验以及开发者经验。运用这些原则到你未来的项目中，一定能够获得重大的成效。

引用来源: 7 Principles Of Clean And Optimized CSS Code

YUI Introduce

黑眼圈 — Sat, 16 Aug 2008 00:03:11 +0000

YUI Library(Yahoo!用户界面函数库)是Yahoo Developer Network(Yahoo!开发者网络)创建的一组使用JavaScript所制作出的工具和控制项组合，用来建立丰富且具有互动性，并且以DOM程式、DHTML和 Ajax等技术为基础的网站应用程序。 YUI函数库还包含了一些核心的CSS资源。 YUI函数库中的所有组件都基于BSD条款以开放原始码的形式公开发布，并且提供给所有人免费使用。

立即下载YUI 2.5.2版,包含完整的API文件，以及超过200个的丰富例子。

浏览器支持分级表：详细的描述了在开发YUI函数库时对于浏览器支援性的看法。浏览器支持分级表提供了一种清楚的方式，提供在开发互动介面时能够得知浏览器的支持性，并且能够依此而判断是否需要放弃支持某种版本的浏览器。

YUI速查表：能够快速查阅每一个组件的主要方法、属性和使用语法。当写程式遭遇到问题时，通常查阅速查表会比开启浏览器重新阅读文件和范例更快获得解答。而且速查表还能带给你一些前所未知的新发现。
这些一页的查询字典并没有包含全部的内容，但将它放在手边将会非常有用。 (速查表目前提供了所有YUI工具、绝大部分控制项以及YUI CSS基础的内容。)

以上内容基本都是出是官方的介绍，但对于想要做出好的网页表现又想偷懒的同时，YUI是一个很好的解决方案,比如我记得以前同事模仿iGoogle做拖动效果,写代码加调试几乎用了大半个月的时间才做的勉强相似,其实iGoogle就是Power by YUI :) ,如果当时就从这里开始,不知道会节省多少时间。

先介绍到这里，来看一则YUI运用的实例吧！

database.yml error on /usr/lib/ruby/1.8/yaml.rb:133:in `load’

黑眼圈 — Fri, 15 Aug 2008 16:23:33 +0000

Rails默认创建的数据库是sqlite3的,我修改database.yml的配置为mysql以后,启动mongrel

mongrel_rails start -p 12001 -d -e development -P log/mongrel.pid

服务都一直无法启动,而且而且无论怎么修改都是，查看mongrel的日志文件发现总是出现如下错误：

/usr/lib/ruby/1.8/yaml.rb:133:in load': syntax error on line x, col x: 错误的配置节点名’ (ArgumentError) …

但是出现错误的地方在检查过后确实都没任何问题,最后改的只剩development的最基础配置问题依旧，发现问题竟然在密码，我是使用cpanel的Password Generator自动生成的密码，密码最后的一个特殊符号引发了整个错误，看来这是database.yml的内部符号.

Tip:自己写database.yml的时候要一定要使用缩进的结构。

No such file to load – sqlite3/database

黑眼圈 — Fri, 15 Aug 2008 16:07:29 +0000

在主机上安装了Roby on Rails的sqlite3的Gem之后,在创建数据库的时候出现了这个信息，
这是由于目录权限问题造成的错误。

来自kain的解决方法：

[doskoi@localhost :/usr/local/lib/ruby/gems/1.8/gems/sqlite3-ruby-1.2.2]$ sudo find . -perm 0662 -exec chmod 664 {} \;