Miclle.Zheng

MySQL修改字段

Sun, 15 Jan 2012 06:01:21 +0000

语法：

alter table 表名 change 字段名新字段名字段类型;

用rails-erd生成rails项目的实体关系图

Thu, 12 Jan 2012 16:03:29 +0000

有时候我们需要形象的展示实体间的关系(Entity-Relationship Diagrams)

rails-erd 这个gem 可以帮我们实现：

首先安装Graphviz
% brew install cairo pango graphviz # Homebrew on Mac OS X

% sudo port install graphviz # Macports on Mac OS X

% sudo aptitude install graphviz # Debian and Ubuntu

然后在开发环境中使用

group :development do
  gem "rails-erd"
end

安装
% bundle install
生成PDF
% rake erd

然后在项目根目录下就会生成ERD.pdf

http://rails-erd.rubyforge.org/

nohup命令详解

Thu, 12 Jan 2012 15:22:35 +0000

使用nohup让程序永远后台运行

Unix/Linux下一般比如想让某个程序在后台运行，很多都是使用 & 在程序结尾来让程序自动运行。比如我们要运行mysql在后台：

/usr/local/mysql/bin/mysqld_safe --user=mysql &

但是加入我们很多程序并不象mysqld一样做成守护进程，可能我们的程序只是普通程序而已，一般这种程序使用 & 结尾，但是如果终端关闭，那么程序也会被关闭。但是为了能够后台运行，那么我们就可以使用nohup这个命令，比如我们有个test.php需要在后台运行，并且希望在后台能够定期运行，那么就使用nohup：

nohup /root/test.php &

　　提示：

　　[~]$ appending output to nohup.out

　　嗯，证明运行成功，同时把程序运行的输出信息放到当前目录的 nohup.out 文件中去。

　　附：nohup命令参考

nohup 命令

　　用途：不挂断地运行命令。

　　语法：nohup Command [ Arg ... ] [　& ]

　　描述：nohup 命令运行由 Command 参数和任何相关的 Arg 参数指定的命令，忽略所有挂断（SIGHUP）信号。在注销后使用 nohup 命令运行后台中的程序。要运行后台中的 nohup 命令，添加 & （表示“and”的符号）到命令的尾部。

　　无论是否将 nohup 命令的输出重定向到终端，输出都将附加到当前目录的 nohup.out 文件中。如果当前目录的 nohup.out 文件不可写，输出重定向到 $HOME/nohup.out 文件中。如果没有文件能创建或打开以用于追加，那么 Command 参数指定的命令不可调用。如果标准错误是一个终端，那么把指定的命令写给标准错误的所有输出作为标准输出重定向到相同的文件描述符。

　　退出状态：该命令返回下列出口值：

　　126 可以查找但不能调用 Command 参数指定的命令。

　　127 nohup 命令发生错误或不能查找由 Command 参数指定的命令。

　　否则，nohup 命令的退出状态是 Command 参数指定命令的退出状态。

nohup命令及其输出文件

　　nohup命令：如果你正在运行一个进程，而且你觉得在退出帐户时该进程还不会结束，那么可以使用nohup命令。该命令可以在你退出帐户/关闭终端之后继续运行相应的进程。nohup就是不挂起的意思( n ohang up)。

该命令的一般形式为：nohup command &

使用nohup命令提交作业

如果使用nohup命令提交作业，那么在缺省情况下该作业的所有输出都被重定向到一个名为nohup.out的文件中，除非另外指定了输出文件：

nohup command > myout.file 2>&1 &

在上面的例子中，输出被重定向到myout.file文件中。

使用 jobs 查看任务。

使用 fg %n　关闭。

另外有两个常用的ftp工具ncftpget和ncftpput，可以实现后台的ftp上传和下载，这样我就可以利用这些命令在后台上传和下载文件了。

原文地址: http://www.21andy.com/blog/20071121/677.html

Rails去除Html标签

Mon, 09 Jan 2012 17:23:20 +0000

ModuleActionView::Helpers::SanitizeHelper

actionpack/lib/action_view/helpers/sanitize_helper.rb

strip_tags(html)

Strips all HTML tags from the html, including comments. This uses the html-scanner tokenizer and so its HTML parsing ability is limited by that of html-scanner.

Examples

strip_tags("Strip <i>these</i> tags!")
# => Strip these tags!

strip_tags("<b>Bold</b> no more!  <a href='more.html'>See more here</a>...")
# => Bold no more!  See more here...

strip_tags("<div id='top-bar'>Welcome to my website!</div>")
# => Welcome to my website!

Source: hide

# File actionpack/lib/action_view/helpers/sanitize_helper.rb, line 83
def strip_tags(html)
  self.class.full_sanitizer.sanitize(html).try(:html_safe)
end

ActionController::Base.helpers.strip_tags

参考文章：http://rubyer.me/blog/1124

我们真正害怕的是什么（转载）

Fri, 06 Jan 2012 04:02:41 +0000

本文是从 What We’re Really Afraid Of 这篇文章翻译而来。

我最近和一位朋友进行了一次有趣的谈话，他最近做了一个网站卖他的产品，让我吃惊的是，原来我们害怕的事情并不是我们想象的那些。

对话大概是这样的：

B.: 我需要你的帮助。我几个月前做了个网站卖产品，但没有卖出一个。

我：网站有访问量吗？

B.: 不多，一个月只有100多个人访问。

我：那你需要更多的访问量。你至少需要100倍这样的访问量才能卖出产品。

B.: 我怎么能吸引到这么多的人？

我：这不是短期的事，你需要找到谁喜欢你的产品，或要买类似产品的人，告诉他们你的产品。从你认识的人开始，让他们帮你宣传出去。

B.: 我本打算给我的通讯录里的人群发邮件，告诉他们这个网站，但我担心他们访问了网站后什么都不愿意买。

我：但这样至少你知道了有些方面需要修改和改进。这种情况中，你最好联系他们，问问为什么他们不买，他们希望你哪方面需要改进。

B.: 哦…。

短暂的沉默…

B.: 老天！我突然发现，我并不是担心我的想法不能成功，我害怕的是人们会认为我的创意不够好。我不害怕失败，我害怕的是被拒绝。

这是我见过的最快的商业领悟，他也让我反省我自己的畏惧。

也许我们通常所认为的对失败的害怕，其实是对被拒绝的害怕。这是一个更直觉更具体的恐惧。也许正是这道坎，让如此多的人不敢坚持他们的想法：成为旁观者，看别人的脸色，被人们遗忘。

另一方面，不坚持自己的想法，这对于那些从来没有坚持过的大众是很自然的事，这样会让人停留在自己安逸的环境里，没有任何危险。

失败不好玩。被拒绝也一样。

所以，你如何面对它们？

我坚持和我的创意或产品保持一定的距离。我喜欢我所做的事，但我不等同于它们。事实是，它们的成功或失败并不会导致我的成功或失败，它只是意味着我要不断的改进它，或去尝试别的东西。

就是这样。你*真正*害怕的是什么？

本文转载自: 外刊IT评论 http://www.aqee.net/

MySQL replace

Wed, 04 Jan 2012 06:36:49 +0000

在MySQL中可以使用replace函数来替换数据中的内容：

update table_name set field_name=replace(field_name, 'from', 'to');

Sublime text 2

Wed, 04 Jan 2012 06:29:41 +0000

在ruby-china.org上有看到推荐Sublime text 2，下载安装开发版，感觉不错！

三篇关于 Sublime text 2 的文章（by @Lucifr）

Sublime Text 2 入门及技巧
ZenCoding in Sublime Text 2
Sublime Text 2 实用快捷键[Mac OS X]

ROR开发小技巧

Sun, 25 Dec 2011 10:01:19 +0000

ruby-1.9.2-p180 :055 > File.join("lib/","ruby","gem.rb")
 => "lib/ruby/gem.rb"

ruby-1.9.2-p180 :058 > [1,2,3] - [1,2]
 => [3] 

ruby-1.9.2-p180 :059 > [1,2,3] & [1,2]
 => [1, 2] 

ruby-1.9.2-p180 :060 > [1,2,3] + [1,2,3,4]
 => [1, 2, 3, 1, 2, 3, 4]

ruby-1.9.2-p180 :066 > %w(a d c d 1 2 3)
 => ["a", "d", "c", "d", "1", "2", "3"]

ruby-1.9.2-p180 :074 > Hash["a",1,"b",2]
 => {"a"=>1, "b"=>2} 

ruby-1.9.2-p180 :075 > Hash[*["a",1,"b",2]]
 => {"a"=>1, "b"=>2} 

ruby-1.9.2-p180 :075 > Array("a".."z").select.with_index {|x,i| i%3 == 2}
 => ["c", "f", "i", "l", "o", "r", "u", "x"]

# coding:utf-8
# unicode转义
"" << 0x6f22 #=> 漢

class Object
  # returns instance methods of current object's class and its singleton methods
  def lm # abbr of local methods
    self.methods.sort - self.class.superclass.instance_methods
  end
end

参考：http://ruby-china.org/topics/541

用meta_search对acts-as-taggable-on的标签查询

Mon, 19 Dec 2011 15:39:51 +0000

项目里有用到meta_search与acts-as-taggable-on这两个gem，后台录入的MM需要有通过标签查询的功能

meta_search的文档好像没有提到类似这种需求的解决方法，GOOGLE之：

找到如下解决方法

http://stackoverflow.com/questions/5766427/combining-meta-search-with-acts-as-taggable-on

Post.metasearch({:title_or_tag_taggings_tag_name_contains => params[:search]})

在我项目中，acts-as-taggable-on :times 相应改成

<%= f.select :time_taggings_tag_name_contains, [["请选择",""]]+Tag::TIMES %>

在console中测试能达到效果，但是生成的SQL，有些复杂

ruby-1.9.2-p180 :004 > Solution.metasearch({:time_taggings_tag_name_contains => "XXX"})
  Solution Load (6.6ms)  SELECT `solutions`.* FROM `solutions` LEFT OUTER JOIN `taggings` ON `taggings`.`taggable_id` = `solutions`.`id` AND taggings.tagger_id IS NULL AND taggings.context = 'times' AND `taggings`.`taggable_type` = 'Solution' LEFT OUTER JOIN `tags` ON `tags`.`id` = `taggings`.`tag_id` WHERE (`tags`.`name` LIKE '%XXX%')

有个问题：

我发布到服务器后测试报错：

Mysql2::Error: Unknown column 'tags.id' in 'on clause': SELECT COUNT(DISTINCT `solutions`….......

我比较了一下本机与服务器的MySQL版本：

本机：

mysql5  Ver 14.14 Distrib 5.1.53, for apple-darwin10.5.0 (i386) using readline 6.1

服务器：

mysql  Ver 14.14 Distrib 5.1.41, for debian-linux-gnu (x86_64) using readline 6.1

不知道是不是因为服务器版本的差异导致的这个问题。

sqlite字段类型

Sun, 18 Dec 2011 03:06:27 +0000

smallint
16 位元的整数。

interger
32 位元的整数。

decimal(p,s)
p 精确值和 s 大小的十进位整数，精确值p是指全部有几个数(digits)大小值，s是指小数点後有几位数。如果没有特别指定，则系统会设为 p=5; s=0 。

float

32位元的实数。

double
64位元的实数。

char(n)
n 长度的字串，n不能超过 254。

varchar(n)
长度不固定且其最大长度为 n 的字串，n不能超过 4000。

graphic(n)
和 char(n) 一样，不过其单位是两个字元 double-bytes， n不能超过127。这个形态是为了支援两个字元长度的字体，例如中文字。

vargraphic(n)
可变长度且其最大长度为 n 的双字元字串，n不能超过 2000。

date
包含了年份、月份、日期。

time
包含了小时、分钟、秒。

timestamp
包含了年、月、日、时、分、秒、千分之一秒。

Function:

id INTEGER PRIMARY KEY AUTOINCREMENT NOT NULL

time NOT NULL DEFAULT CURRENT_DATE

time NOT NULL DEFAULT CURRENT_TIME

time NOT NULL DEFAULT CURRENT_TIMESTAMP

rails中的html_escape,escape_javascript

Sat, 17 Dec 2011 14:27:50 +0000

ERB::Util

activesupport/lib/active_support/core_ext/string/output_safety.rb

html_escape(s)

A utility method for escaping HTML tag characters. This method is also aliased as h.

In your ERB templates, use this method to escape any unsafe content. For example:

<%=h @person.name %>

Example:

puts html_escape("is a > 0 & a < 10?")
# => is a &gt; 0 &amp; a &lt; 10?

Also aliased as: h

Source: hide

# File activesupport/lib/active_support/core_ext/string/output_safety.rb, line 18
def html_escape(s)
  s = s.to_s
  if s.html_safe?
    s
  else
    s.gsub(/&/, "&amp;").gsub(/\"/, "&quot;").gsub(/>/, "&gt;").gsub(/</, "&lt;").html_safe
  end
end

ActionView::Helpers::JavaScriptHelper actionpack/lib/action_view/helpers/javascript_helper.rb

escape_javascript(javascript)

Escape carrier returns and single and double quotes for JavaScript segments. Also available through the alias j(). This is particularly helpful in JavaScript responses, like:

$('some_element').replaceWith('<%=j render 'some/element_template' %>');

Also aliased as: j

Source: hide

# File actionpack/lib/action_view/helpers/javascript_helper.rb, line 19
def escape_javascript(javascript)
  if javascript
    result = javascript.gsub(/(\\|<\/|\r\n|[\n\r"'])/) {|match| JS_ESCAPE_MAP[match] }
    javascript.html_safe? ? result.html_safe : result
  else
    ''
  end
end

Android™ 2.1 android.R.drawable Icon Resources（转载）

Fri, 09 Dec 2011 03:34:28 +0000

Android™ 1.5 android.R.drawable Icon Resources
Android™ 1.6 android.R.drawable Icon Resources
Android™ 2.1 android.R.drawable Icon Resources
Originated from: http://www.darshancomputing.com/android/1.5-drawables.html

This is a list of resources in Android 2.1's android.R.drawable that might be useful as icons in your Android applications. You can use them like this:

Java Usage example:

myMenuItem.setIcon(android.R.drawable.ic_menu_save);

Resource Usage example:

android:icon="@android:drawable/ic_menu_save"

`alert_dark_frame`	`alert_light_frame`	`arrow_down_float`
`arrow_up_float`	`bottom_bar`	`btn_default`
`btn_default_small`	`btn_dialog`	`btn_dropdown`
`btn_minus`	`btn_plus`	`btn_radio`
`btn_star`	`btn_star_big_off`	`btn_star_big_on`
`button_onoff_indicator_off`	`button_onoff_indicator_on`	`checkbox_off_background`
`checkbox_on_background`	`dark_header`	`dialog_frame`
`divider_horizontal_bright`	`divider_horizontal_dark`	`divider_horizontal_dim_dark`
`divider_horizontal_textfield`	`edit_text`	`editbox_background`
`editbox_background_normal`	`editbox_dropdown_dark_frame`	`editbox_dropdown_light_frame`
`gallery_thumb`	`ic_btn_speak_now`	`ic_delete`
`ic_dialog_alert`	`ic_dialog_dialer`	`ic_dialog_email`
`ic_dialog_info`	`ic_dialog_map`	`ic_input_add`
`ic_input_delete`	`ic_input_get`	`ic_lock_idle_alarm`
`ic_lock_idle_charging`	`ic_lock_idle_lock`	`ic_lock_idle_low_battery`
`ic_lock_lock`	`ic_lock_power_off`	`ic_lock_silent_mode`
`ic_lock_silent_mode_off`	`ic_media_ff`	`ic_media_next`
`ic_media_pause`	`ic_media_play`	`ic_media_previous`
`ic_media_rew`	`ic_menu_add`	`ic_menu_agenda`
`ic_menu_always_landscape_portrait`	`ic_menu_call`	`ic_menu_camera`
`ic_menu_close_clear_cancel`	`ic_menu_compass`	`ic_menu_crop`
`ic_menu_day`	`ic_menu_delete`	`ic_menu_directions`
`ic_menu_edit`	`ic_menu_gallery`	`ic_menu_help`
`ic_menu_info_details`	`ic_menu_manage`	`ic_menu_mapmode`
`ic_menu_month`	`ic_menu_more`	`ic_menu_my_calendar`
`ic_menu_mylocation`	`ic_menu_myplaces`	`ic_menu_preferences`
`ic_menu_recent_history`	`ic_menu_report_image`	`ic_menu_revert`
`ic_menu_rotate`	`ic_menu_save`	`ic_menu_search`
`ic_menu_send`	`ic_menu_set_as`	`ic_menu_share`
`ic_menu_slideshow`	`ic_menu_sort_alphabetically`	`ic_menu_sort_by_size`
`ic_menu_today`	`ic_menu_upload`	`ic_menu_upload_you_tube`
`ic_menu_view`	`ic_menu_week`	`ic_menu_zoom`
`ic_notification_clear_all`	`ic_notification_overlay`	`ic_partial_secure`
`ic_popup_disk_full`	`ic_popup_reminder`	`ic_popup_sync`
`ic_search_category_default`	`ic_secure`	`menu_frame`
`menu_full_frame`	`picture_frame`	`presence_away`
`presence_busy`	`presence_invisible`	`presence_offline`
`presence_online`	`progress_indeterminate_horizontal`	`radiobutton_off_background`
`radiobutton_on_background`	`spinner_background`	`spinner_dropdown_background`
`star_big_off`	`star_big_on`	`star_off`
`star_on`	`stat_notify_call_mute`	`stat_notify_chat`
`stat_notify_error`	`stat_notify_missed_call`	`stat_notify_more`
`stat_notify_sdcard`	`stat_notify_sdcard_prepare`	`stat_notify_sdcard_usb`
`stat_notify_sync`	`stat_notify_sync_noanim`	`stat_notify_voicemail`
`stat_sys_data_bluetooth`	`stat_sys_download`	`stat_sys_download_done`
`stat_sys_headset`	`stat_sys_phone_call`	`stat_sys_phone_call_forward`
`stat_sys_phone_call_on_hold`	`stat_sys_speakerphone`	`stat_sys_upload`
`stat_sys_upload_done`	`stat_sys_vp_phone_call`	`stat_sys_vp_phone_call_on_hold`
`stat_sys_warning`	`status_bar_item_app_background`	`status_bar_item_background`
`sym_action_call`	`sym_action_chat`	`sym_action_email`
`sym_call_incoming`	`sym_call_missed`	`sym_call_outgoing`
`sym_contact_card`	`sym_def_app_icon`	`title_bar`
`title_bar_tall`	`toast_frame`	`zoom_plate`

原文地址：http://since2006.com/android/2.1-drawables.php

【总结】高效整洁CSS代码原则（转载）

Thu, 08 Dec 2011 15:39:34 +0000

　　CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则：

1. 使用Reset但并非全局Reset

　　不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset：

*{ margin:0; padding:0; }

　　这不仅仅因为它是缓慢和低效率的方法，而且还会导致一些不必要的元素也重置了外边距和内边距。在此建议参考YUI Reset和Eric Meyer的做法。我跟Eric Meyer的观点相同，Reset并不是一成不变的，具体还需要根据项目的不同需求做适当的修改，以达到浏览器的兼容和操作上的便利性。我使用的Reset如下:

/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p,
blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td, /* table elements 表格元素 */
img/* img elements 图片元素 */{
  border:medium none;
  margin: 0;
  padding: 0;
}
/** 设置默认字体 **/
body,button, input, select, textarea {
  font: 12px/1.5 '宋体',tahoma, Srial, helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
em{font-style:normal;}
/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置超链接元素 **/
a { text-decoration: none; color:#333;}
a:hover { text-decoration: underline; color:#F40; }
/** 重置图片元素 **/
img{ border:0px;}
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }

2. 良好的命名习惯

　　无疑乱七八糟或者无语义命名的代码，谁看了都会抓狂。就像这样的代码：

.aaabb{margin:2px;color:red;}

　　我想即使是初学者，也不至于会在实际项目中如此命名一个class，但有没有想过这样的代码同样是很有问题的：

<h1>My name is <span class="red blod">Wiky</span></h1>

　　问题在于如果你需要把所有原本红色的字体改成蓝色，那修改后就样式就会变成：

.red{color:bule;}

　　这样的命名就会很让人费解，同样的命名为.leftBar的侧边栏如果需要修改成右侧边栏也会很麻烦。所以，请不要使用元素的特性（颜色，位置，大小等）来命名一个class或id，您可以选择意义的命名如：#navigation{...}，.sidebar{...}，.postwrap{...}

　　这样，无论你如何修改定义这些class或id的样式，都不影响它跟HTML元素间的联系。

　　另外还有一种情况，一些固定的样式，定义后就不会修改的了，那你命名时就不用担忧刚刚说的那种情况，如

.alignleft{float:left;margin-right:20px;}
.alignright{float:right;text-align:right;margin-left:20px;}
.clear{clear:both;text-indent:-9999px;}

　　那么对于这样一个段落

<p class="alignleft">我是一个段落！</p>

　　如果需要把这个段落由原先的左对齐修改为右对齐，那么只需要修改它的className就为alignright就可以了。

3. 代码缩写

　　CSS代码缩写可以提高你写代码的速度，精简你的代码量。在CSS里面有不少可以缩写的属性，包括margin，padding，border，font，background和颜色值等，如果您学会了代码缩写，原本这样的代码：

li{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    line-height: 1.4em;
    padding-top:5px;
    padding-bottom:10px;
    padding-left:5px;
}

就可以缩写为：

li{
    font: 1.2em/1.4em Arial, Helvetica, sans-serif;
    padding:5px 0 10px 5px;
}

　　如果您想更了解这些属性要怎么缩写，可以参考《常用CSS缩写语法总结》或者下载CSS-Shorthand-Cheat-Sheet.pdf 。

4. 利用CSS继承

　　如果页面中父元素的多个子元素使用相同的样式，那最好把他们相同的样式定义在其父元素上，让它们继承这些CSS样式。这样你可以很好的维护你的代码，并且还可以减少代码量。那么本来这样的代码：

#container li{ font-family:Georgia, serif; }
#container p{ font-family:Georgia, serif; }
#container h1{font-family:Georgia, serif; }

就可以简写成：

#container{ font-family:Georgia, serif; }

5. 使用多重选择器

　　你可以合并多个CSS选择器为一个，如果他们有共同的样式的话。这样做不但代码简洁且可为你节省时间和空间。如：

h1{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
h2{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
h3{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; }

可以合并为

h1, h2, h3{ font-family:Arial, Helvetica, sans-serif; font-weight:normal; }

6. 适当的代码注释

代码注释可以让别人更容易读懂你的代码，且合理的组织代码注释，可使得结构更加清晰。你可以选择做的样式表的开始添加目录:

/*------------------------------------
    1. Reset
    2. Header
    3. Content
    4. SideBar
    5. Footer
  ----------------------------------- */

　　如此你代码的结构就一目了然，你可以容易的查找和修改代码。

　　而对于代码的主内容，也应适当的加以划分，甚至在有必要的地方在对代码加以注释说明，这样也有利于团队开发:

/***	Header	***/ 
#header{ height:145px; position:relative; }
#header h1{ width:324px; margin:45px 0 0 20px; float:left;  height:72px;}

/***	Content	***/
#content{ background:#fff; width:650px; float:left; min-height:600px; overflow:hidden;}
#content h1{color:#F00}/* 设置字体颜色 */
#content .posts{ overflow:hidden; }
#content .recent{ margin-bottom:20px; border-bottom:1px solid #f3f3f3; position:relative; overflow:hidden; }

/***	Footer	***/
#footer{ clear:both; padding:50px 5px 0; overflow:hidden;}
#footer h4{ color:#b99d7f; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; }

7. 给你的CSS代码排序

如果代码中的属性都能按照字母排序，那查找修改的时候就能更加快速:

/*** 样式属性按字母排序 ***/
div{
    background-color:#3399cc;
    color:#666;
    font:1.2em/1.4em Arial, Helvetica, sans-serif;
    height:300px;
    margin:10px 5px;
    padding:5px 0 10px 5px;
    width:30%;
    z-index:10;
}

8. 保持CSS的可读性

　　书写可读的CSS将会使得更容易查找和修改样式。对于以下两种情况，哪种可读性更高，我想不言而明。

/*** 每个样式属性写一行 ***/
div{
    background-color:#3399cc;
    color:#666;
    font: 1.2em/1.4em Arial, Helvetica, sans-serif;
    height:300px;
    margin:10px 5px;
    padding:5px 0 10px 5px;
    width:30%;
    z-index:10;
}

/*** 所有的样式属性写在同一行 ***/
div{ background-color:#3399cc; color:#666; font: 1.2em/1.4em Arial, Helvetica, sans-serif;  height:300px; margin:10px 5px; padding:5px 0 10px 5px; width:30%; z-index:10; }

当对于一些样式属性较少的选择器，我会写到一行：

/*** 选择器属性少的写在同一行 ***/
div{ background-color:#3399cc; color:#666;}

对于这个规则并非硬性规定，但无论您采用哪种写法，我的建议是始终保持代码一致。属性多的分行写，属性少于3个可以写一行。

9. 选择更优的样式属性值

　　CSS中有些属性采用不同的属性值，虽然达到的效果差不多，当性能上却存在着差异，如

　　区别在于border:0把border设为0px，虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width/border-color进行了渲染，即已经占用了内存值。
　　而border:none把border设为“none”即没有，浏览器解析“none”时将不作出渲染动作，即不会消耗内存值。所以建议使用border:none;

　　同样的，display:none隐藏对象浏览器不作渲染，不占用内存。而visibility:hidden则会。

10. 使用<link>代替@import

首先，@import不属于XHTML标签，也不是Web标准的一部分，它对于较早期的浏览器兼容也不高，并且对于网站的性能有某些负面的影响。具体可以参考《高性能网站设计：不要使用@import》。所以，请避免使用@import

11. 使用外部样式表

　　这个原则始终是一个很好的设计实践。不单可以更易于维护修改，更重要的是使用外部文件可以提高页面速度，因为CSS文件都能在浏览器中产生缓存。内置在HTML文档中的CSS则会在每次请求中随HTML文档重新下载。所以，在实际应用中，没有必要把CSS代码内置在HTML文档中：

<style type="text/css" >
    #container{ .. }
    #sidebar{ .. }
</style>

或

<li style="font-family:Arial, helvetica, sans-serif; color:#666; " >

而是使用<link>导入外部样式表：

<link rel="stylesheet" type="text/css" href="css/styles.css" />

12. 避免使用CSS表达式（Expression）

　　CSS表达式是动态设置CSS属性的强大（但危险）方法。Internet Explorer从第5个版本开始支持CSS表达式。下面的例子中，使用CSS表达式可以实现隔一个小时切换一次背景颜色：

background-color: expression( (new Date()).getHours()%2 ? "#B8D4FF" : "#F08A00" );

　　如上所示，expression中使用了JavaScript表达式。CSS属性根据JavaScript表达式的计算结果来设置。

　　表达式的问题就在于它的计算频率要比我们想象的多。不仅仅是在页面显示和缩放时，就是在页面滚动、乃至移动鼠标时都会要重新计算一次。给CSS表达式增加一个计数器可以跟踪表达式的计算频率。在页面中随便移动鼠标都可以轻松达到10000次以上的计算量。

　　如果必须使用CSS表达式，一定要记住它们要计算成千上万次并且可能会对你页面的性能产生影响。所以，在非不得已，请避免使用CSS表达式。

13. 代码压缩

　　当你决定把网站项目部署到网络上，那你就要考虑对CSS进行压缩，出去注释和空格，以使得网页加载得更快。压缩您的代码，可以采用一些工具，如YUI Compressor

利用它可精简CSS代码，减少文件大小，以获得更高的加载速度。

14. 总结

　　在本文中，我力图更详尽的总结书写更高效的CSS代码的原则，但鉴于本人见识和精力有限，我还是希望这些原则能帮助您更好的书写和管理您的CSS代码，不知您又是如何书写CSS的，是否也有一些想要分享的技巧？给我留言吧谢谢~

本文地址：http://www.cnblogs.com/wiky/articles/better-css-code.html

PS：本文由维奇总结，如有转载请注明出处，谢谢！

参考资料：

WRITE BETTER CSS WITH BEST PRACTICES

10 Tips for Writing Better CSS

5 Ways to Instantly Write Better CSS

in_groups_of

Fri, 02 Dec 2011 07:18:10 +0000

in_groups_of 这个方法可以将数组分组，的第一个参数指示几个元素一组，而第二个参数指示了当最后一组缺元素时用什么填补位置

%w(1 2 3 4 5 6 7).in_groups_of(3) {|g| p g}
["1", "2", "3"]
["4", "5", "6"]
["7", nil, nil]

%w(1 2 3).in_groups_of(2, ' ') {|g| p g}
["1", "2"]
["3", " "]

%w(1 2 3).in_groups_of(2, false) {|g| p g}
["1", "2"]
["3"]

<table>
  <% @tasks.in_groups_of(4) do |row_tasks| %>
    <tr>
    <% for task in row_tasks %>
      <td><%= task.name %></td>
    <% end %>
    </tr>
  <% end %>
</table>

ROR中的多态

Mon, 28 Nov 2011 07:14:21 +0000

在重构公司网站时，发现这么一个问题：

数据库中有很多种方案比如，SolutionA, SolutionB, SolutionC...他们的字段基本上都相同，我就在想，为什么不弄一个Solution模型，一个表，来统一管理存储这些数据呢？

好吧，重构之：

我先创建Solution模型，Solution模型多增加了一个type字段

分别将SolutionA, SolutionB, SolutionC...中数据导入到Solution表中，type字段用来记录这条记录属于SolutionA、SolutionB还是SolutionC...

将SolutionA, SolutionB, SolutionC...这些模型都继承到Solution下

我们在控制台中可以测试到，SolutionA.all时出来的都是Solution中type为"SolutionA"的数据

ROR多态时，默认的字段就是type，如果type字段已经被使用了，那你可以在Solution中使用set_inheritance_column来手动指定一个字段，比如：set_inheritance_column :object_type

[BUG] Segmentation fault

Fri, 25 Nov 2011 03:24:01 +0000

在用RVM安装ruby 1.8.7后，安装gem时老是出现下面这个错误

.rvm/rubies/ruby-1.8.7-p334/lib/ruby/1.8/timeout.rb:60: [BUG] Segmentation fault

试了几次无果，后来查到这篇文章 http://jalada.co.uk/2011/07/24/lion-rvm-and-ruby-1-8-7-woes.html

$ rvm remove 1.8.7
$ rvm remove 1.8.7 --gems
$ rvm remove 1.8.7 --archive
$ CC=/usr/bin/gcc-4.2 rvm install 1.8.7

我MAC Xcode版本是4.2.1

Ubuntu用RVM, Nginx, Passenger搭建ROR环境

Fri, 18 Nov 2011 19:10:41 +0000

参考：

https://rvm.beginrescueend.com/rvm/install/

http://ruby-china.org/wiki/install_ruby_guide

http://blog.ninjahideout.com/posts/a-guide-to-a-nginx-passenger-and-rvm-server

以前步骤我都是在root下进行

安装开发包

$ apt-get install wget vim build-essential openssl libreadline6 libreadline6-dev curl git-core zlib1g zlib1g-dev libssl-dev libyaml-dev libxml2-dev libxslt-dev autoconf automake libtool imagemagick libpcre3-dev

安装RVM

$ bash < <(curl -s https://raw.github.com/wayneeseguin/rvm/master/binscripts/rvm-installer)

RVM会安装到 /usr/local/rvm/ 下

vim .bashrc

#[ -z "$PS1" ] && return 
if [[ -n "$PS1" ]]; then
#add
. /usr/local/rvm/scripts/rvm

source .bashrc

$ rvm -v
rvm 1.9.2 by Wayne E. Seguin (wayneeseguin@gmail.com) [https://rvm.beginrescueend.com/]

用 RVM 安装 Ruby 环境

$ rvm pkg install readline
$ rvm install 1.9.3 --with-readline-dir=$rvm_path/usr
$ rvm 1.9.3 --default
$ ruby -v
ruby 1.9.3p0 (2011-10-30 revision 33570) [x86_64-linux]
$ gem -v
1.8.10

安装 Rails

$ gem install rails

bundler好像默认就有了

安装 passenger

gem install passenger

安装 nginx

rvmsudo passenger-install-nginx-module

这个步骤需要一些required softwares，可以按照提示完成

测试nginx

$ nginx -v
nginx: nginx version: nginx/1.0.6

检查nginx.conf

http {
    # load passenger
    passenger_root /usr/local/rvm/gems/ruby-1.9.3-p0/gems/passenger-3.0.9;
    passenger_ruby /usr/local/rvm/wrappers/ruby-1.9.3-p0/ruby;

启动 Nginx

$ nginx

安装gems时如何跳过ri以及RDoc

Fri, 18 Nov 2011 07:56:13 +0000

安装gems时，可以跳过ri以及RDoc的安装，尤其是在产品服务器上

gem install rails --no-ri --no-rdoc

查看Ubuntu版本

Fri, 18 Nov 2011 01:21:55 +0000

user@vps:~$ cat /etc/issue
Ubuntu 9.10 \n \l

user@vps:~$ sudo lsb_release -a
[sudo] password for user: 
No LSB modules are available.
Distributor ID:	Ubuntu
Description:	Ubuntu 9.10
Release:	9.10
Codename:	karmic

bundle install

Mon, 07 Nov 2011 16:33:03 +0000

创建项目时条跳过bundle install

rails new app --skip-bundle

利用本地cache进行安装

bundle install --local

星云大师说

Wed, 28 Sep 2011 05:25:05 +0000

星云大师说：我们执着什么，往往就会被什么所骗；我们执着谁，常常就会被谁所伤害。所以我们要学会放下，凡事看淡一些，不牵挂，不计较，是是非非无所谓。无论失去什么，都不要失去好心情。把握住自己的心，让心境清净，洁白，安静。------ 放下不等于放弃，执着不等于坚持

10个精致的导航菜单欣赏及点评（转载）

Mon, 26 Sep 2011 02:21:13 +0000

原文：http://startwmlife.com/the-inspiration-of-ten-exquisite-navigation-menu-and-tips/
这些导航菜单来自于Dribbble网站，出自于世界各地的优秀设计师之手，涵盖了各种不同的风格，个个都非常精美。这里我将这些导航菜单展示出来，依据自己的想法总结它们的可取之处，演示其中一些用得上的技术方法。这样比起简单粗略的看过就忘，更能在网页设计上让我们获取很多的灵感，提高我们的设计水平。

一、木质页面上的抽屉创意

不看这个案例话，你能想到将木质页面上的导航菜单做成类似这样抽屉式的样式吗？我自己反正是没想到，这就是值得学习的创意。我们不要一做导航菜单就想也不想的画一个直角或者圆角的矩形背景，将文字放在上面，用竖线隔开文字。这就落入了程式化的束缚之中了。

看过这个案例后，你可以明白一点，就是根据已有的东西（这里是木质的页面材质）去展开思考元素样式的可能性。以这个案例为例，你可以思考一下在一个木质的页面上，如果能将抽屉的开合作为导航菜单的两种状态的话，那么暂时不考虑技术上的实现问题，还可以通过什么样式来实现？弹孔？刻痕？油漆？这里你就可以放开你的想象力了，这时候就是创意迸发的时刻。有了创意之后再考虑技术的问题，而不能让技术上能否实现限制住了我们的想象空间。

关于木质材质的创建我建议使用素材来实现，高分辨率的素材不仅细节丰富而且风格多样，上图的材质属于比较细腻的风格，这样的素材其实有很多，一搜一大把，但是关键在于平时的积累，有了不同风格的素材在手边，实现这样的效果其实非常快。

二、重复和对比原则的应用

垂直导航也是网页设计中常见的设计元素。在上面的设计中，我们能够看到设计师对于重复和对比原则的充分理解和应用。其中，一级导航的样式都很类似，左边是文字，右边是简洁的小图标，每个图标虽然不同，但是风格都是统一的，这正是多样性的重复原则。所以这些父导航按钮会让人感觉是平等而有某种联系的。而当前所在的位置以非常醒目饱和度较高的黄色显示，明显区别于一般状态的导航按钮，让访问者清楚的知道自己当前所处的位置，提高了用户体验并且增强了设计感。子导航既然和父导航不属于同一层次，那么必然要在视觉上和父导航有所区别，所以在背景颜色和文字颜色以及样式上你就能看到这种差别所在。

另外，我将这个导航按钮重新做成了PSD文件，放在这里供大家下载，你可以学习一下如何使用杂色滤镜、图层样式来实现这样细腻的导航菜单，以及如何使用铅笔工具以像素级的标准画出文字旁边那个小小的三角图标并且还要给它应用图层样式。以下是PSD文件预览图。

下载

三、每一个元素都是有用的

想象我们从一张空白的白色文档开始设计一个页面的导航。首先添加链接文字，为了让文字颜色和白色的页面对比不过于强烈刺眼，我们决定不用黑色而使用灰色。这里我们将文字行距拉开，让留白区域更多一些，目的是让页面保持透气感和干净的感觉。

各个导航栏目如果只是文字的话看上去过于类似，所以为了让它们在保持相似性的同时而有所区别，我们给每一个栏目的左侧添加上了风格简洁的图标，选择这种风格的图标一是符合页面本身干净的感觉，另外一点的考虑是图片和文字内容的关联性。我们不打算让图标比文字还吸引眼球，所以我们让它们保持比文字还浅的灰色。白色的页面上如果仅仅放上导航内容的话感觉结构不够整齐，因为没有实际上的线条来束缚视线，所以这里我们给每一个导航栏目添加非常浅的灰色水平线和垂直水平线，这种隐隐约约的线条既可以加强排版，还不至于让页面看上去条条框框过多，阻碍视线的游走。

接下来就是鼠标悬停的效果了，这要和菜单本身的状态有较大的视觉差别，所以这里我们将文字和背景颜色更改为清爽的绿色和灰色，灰色是为了让整个页面的颜色统一，而绿色是唯一跳出整个灰色页面的颜色。这样就让页面在颜色上有了亮点，而不至于让人感觉页面上灰蒙蒙的一片。背景的材质上添加了杂色，这样看上去更加柔和，而不是光亮的冷冰冰的感觉。这基本上就是我们设计这个导航的整个考虑过程。

这样你就看到了，这里的每一个元素和细节的应用都是经过充分考虑的，而且没有一个多于的东西无缘无故的存在，这就是简洁风格的设计理念。

四、强质感的高光风格

这个例子中的导航和我上一篇日志《强质感高光风格网页欣赏及其表现手法总结》中提高的风格比较类似，技术方法也非常简单，你可以去那篇日志中下载我做好的PSD文件，学习一下如何实现这样的效果。

五、温暖柔和的画面

导航菜单周围一圈略深于背景色的描边让导航和背景融合的更加自然。整个导航的颜色和底部的大约10个像素的阴影让整个导航条看上去更像是电脑键盘上的一个个按键。这个案例设计师提供了PSD文件，你可以自己尝试一下创建这样的导航效果。

下载

六、细节决定成败

这和苹果系统上程序图标上的数字提醒很像。虽然这样的数字提醒放在导航上非常漂亮，但是实际功能性却值得商榷，但它不妨碍我们学习到一点，那就是即使这样简单的导航，在细节上也是十分讲究的，从那小小的2字的圆形背景上你就能看得出来。图层样式中的高光、阴影、渐变、描边一个都不能少。另外为了和灰色页面的色调搭配，这些数字背景的红色、黄色和蓝色都选择了饱和度偏中间调的颜色，因为灰色本身也是介于黑色和白色中间的色调。

下载

七、有关主题的创意

这是一个有关电影剧场的网页设计。所以设计师在导航部分使用了这种类似于电影票的纸质的背景图片，并且添加上了水迹的笔刷效果，让细节更为丰富。在导航条的右下方，还加上了淡淡的阴影，让其和页面保持一定的距离，加强了导航菜单的纸质的感觉。有关这样的阴影的创建，你可以在《在Photoshop中创建内容盒阴影效果》这篇日志中找到详细的方法。和案例1类似，创建一个这样的关于电影剧场的网页设计，如果展开联想的话，你会有很多关于电影剧场的设计上的创意，这种以电影票为导航背景只是其中的一个例子而已。

八、自然质朴的布制风格

两条水平的白色虚线和一条灰色的垂直线仿佛是缝在布上的线脚。这种风格给人一种自然以及手工的感觉。创建这样的线脚并不难，直接用文字工具键出虚线，调整字体、大小以及间距就可以了。关键点在于页面边缘弯折的那部分，要注意绿色带子弯折后的透视关系，需要将其向下移动一定的距离。

九、让色彩从页面跳出

在偏向于黑色的页面背景上有这样鲜亮的绿色跳出会非常吸引视觉注意力。再加上好像用大头针钉在页面上的独特样式，更是和页面本身增强了对比，所以如果这样的下拉菜单展开的话，你会忍不住将鼠标移动到其它菜单上试试效果，如果同时你能关注到导航内容的话，设计者的目的就达到了。

十、互补色营造鲜明视觉

细腻的斜纹背景创建起来非常简单，只需用铅笔工具以1像素的粗细创建好图案，保存后在图层样式中应用图案叠加就可以了。关于这种背景的创建我在之前写的《在Photoshop中创建多种样式的网格背景图案》这篇文章中详细讲过，你可以参考这篇日志自己动手创建。

这里值得一提的是案例中的冷色背景色和暖色的文字和图标颜色的使用，橙色和青绿色属于互补色，青绿色作为背景色饱和度很低，而橙色的饱和度非常高，通过对比让图标和文字看上去非常醒目同时又非常和谐。所以如果你打算在设计中使用互补色的话，不要同时调高两种颜色的饱和度，这样会使视觉向两边拉扯，而应该有所主次，通过将一种颜色的饱和度降低，再加入相应的白色或者黑色和另外一种饱和度较高的颜色搭配，就像这个案例向我们展示的那样。

box-shadow

Mon, 19 Sep 2011 08:19:28 +0000

box-shadow: 阴影类型 X轴位移 Y轴位移阴影大小阴影扩展阴影颜色

当不设阴影类型时，默认为投影效果；当设为inset时，为内阴影效果。

X轴和Y轴位移不等同但类似于photoshop里面的”角度”和”位置。

阴影大小、扩展、颜色和Photoshop里面的都同理。

img{box-shadow:0 0 10px #000;}

颜色值可以使用RGBA值，RGBA值多了一个Alpha透明值，可以控制阴影的透明度

img{box-shadow:0 0 10px rgba(0, 0, 0, 0.5)}

firefox通过私有属性-moz-box-shadow支持

Safari和Chrome通过私有属性-webkit-box-shadow支持

img{

box-shadow:0 0 10px rgba(0, 0, 0, 0.5)

-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.5)

-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.5)

}

box-shadow可以同时使用多次

img{

box-shadow:-10px 0 10px red,

box-shadow:10px 0 10px blue,

box-shadow:0 -10px 10px yellow,

box-shadow:0 10px 10px green

}

马自骑霸王跟

Wed, 14 Sep 2011 02:52:03 +0000

中秋参加了马自骑（马拉松自行车骑行节），霸王跟！

头回马自骑感觉还行，破了之前150KM最远记录，哈。前一百公里没有保持好速度与体力，导致身体很累，找不到能力差不多的人跟骑，路况也不太好，很多地方在修路，担心轮胎，早餐吃得不够，路上没有补给。后来上海无限车队的我看看，哈唱唱及铁蛋他们超过，速度跟上，跟到前程，跟骑感觉很好，速度也控制得很好，幸亏有这一段的跟骑，在打卡点拿了一点补给，我看看他们给了一个盒饭(全程唯一的一次吃饭)，义工“那个人”给了瓶运动饮料和一个巧克力，很是感谢。

跟无限车队这一段，速度一直在28～35左右，快到临安时，冲到了35～40，那个累啊。他们没有找到半程的打卡点(这个举办方太扯蛋了，没有醒目的标识，很多人走冲过了，后折回去)，我等了一会，没看到他们回来，后一人继续，不熟练路线，路书很扯，有一段只有我一人，天色已黑，很是担心迷路，折回去骑了一段，看到有人追击上来，速度跟上。过了临安的这一段黑路上，轮胎被扎，没有路灯，只好停下来冲气，在G104上感觉状态很好，我夜骑的状态非常好，只是一直在担心轮胎路迷路。在进德清之前，在路口停下来换胎，奶奶的，后轮被一个长1CM，宽3MM，厚1MM的铁片穿过，换胎时看到悠悠，老头和毛毛外公，感觉很亲切，不再感觉孤独。

往德清到G318这一段，带着他们骑，速度在26左右，感觉有点慢，到G318后，不用担心路线了，速度保持28～30，遇到有人跟骑，很是讨厌，速度甩掉。0:30左右，茶哥后援车追上，很是欣慰，终于看到组织，很多人给我打气，觉得那个时候最需要的就是这个。很短暂的休息后，继续追击。G318南浔之后的这段跟茶哥涛哥骑过一次，快过平望时，没有走官方路线(不熟，以免迷失)，直接穿平望，上桥上G318。后面感觉很饿，一直想在加油站泡个方便面什么的，可他们很扯淡的是，只有面没有开水(不站在用户角度考虑需要，体验太差劲了)，只得用八宝粥垫之。

补给之后查了下，还有48KM，后面一路速度在30，最后遇到一个家伙，后援车给开道，速度在26～28，我超过时，他尾随，我35速度之，骑了差不多20分钟，无奈甩不掉，很是郁闷，感觉也很累。最后15KM时，看到朱家角路牌。过终点时没觉得很兴奋，很蛋定，挑战自己成功，18.5个小时，420KM。24个小时，我觉得我还可以骑得更远！

流水账写完了！上图！

流水账

Wed, 07 Sep 2011 07:41:54 +0000

BLOG有段时间没有更新了，最近琐事烦事繁多，晚上忙于拉练，备战中秋马自骑，时间逼近，节食，节欲，修养身心！

CODE也没怎么写了，前段时间断断续续边学边写Android，写完了公司的应用，待iPhone应用开发完成一并上线。修改网站程序，仔细翻阅了之前开发写过的代码，虽然我很少写ROR，但还是不能接受一个模型里代码写到了2000+行，变量名用拼音，后台反馈做了创建、浏览却不做删除，我无法体会这种写CODE时的状态，我的感受是不想重构了，想推翻重写！

好长时间没有DIY了，上次去新车间，看到我的滑板躺在架子上，已经拦腰骨折，电池也脱胶散落下来了，已经不想折腾这个了，上次去迪卡侬，看到一个很不错的滑板，带把手，改装余地很大，计划中...... 还有想用我的Nexus S做一个单车码表，用磁力传感器或NFC来实现，可奈这方面的资料太少，摸索中......

关于生活，切身体会到经济实力的重要性，还必须要完全独力，尤其在上海这种城市，当我为此而烦闷时，我会选择去骑单车，身体机械的运动，脑子单一的思维，没有别的事情干扰，眼里只有路心里想的是目标！

想背包去旅行，看青山绿水、餐风饮露、草行露宿...

Android 调用无线网络设置

Wed, 17 Aug 2011 07:54:46 +0000

//进入无线网络配置界面
startActivity(new Intent(Settings.ACTION_WIRELESS_SETTINGS)); 
//进入手机中的wifi网络设置界面
startActivity(new Intent(Settings.ACTION_WIFI_SETTINGS));

Android TextView字符串截取

Mon, 08 Aug 2011 07:52:55 +0000

<TextView android:layout_width="fill_parent" android:layout_height="wrap_content"
  android:ellipsize="end" android:singleLine="true" />

当TextView中字符串超过它的宽度时就以省略号显示！

富春江游泳爬坡品河鲜

Mon, 01 Aug 2011 17:17:23 +0000

发现自己已经热爱骑车了。

上周末去了浙江富春江(http://www.verycycling.com/read.php?tid=6240)，第一天FB(腐败)，早上7点世纪公园大巴出发，中午到达富春江芦茨，开始游泳，扯淡。

第二天ZN(自虐)，早上5点整，准时出发，一路缓缓上坡，一上车就觉得脚很重，以为车胎有问题，后来他们说上坡都这感觉。不过正是我一路担心轮胎，后来轮胎真的出了问题。刚开始三四公里段我一直冲在前面，在第一个叉口因为担心走错路，停下来等人，后来也是一公路车兄弟(无尾气)过来，示意继续，而后一直跟在他后面，刚开始有点吃力，人家腿粗，车好。后来在一起在一路边卖西瓜的摊贩处休息，啃瓜，山脚处有泉水流下，甚是冰凉，瓜在水中泡过，相当可口。两个人吃了半个瓜，可惜剩下的不好带，只好留给后面的人，继续前进，不知道什么时候我好像骑到了前面，优越感无比，愈发动力实足，疲劳期早以过去。

后面开始出现隧道，在快到浦江最后一个隧道时，没经验，发现速度越来越快，料想这是个下坡隧道，车子被猛震了好几次，吓了身冷汗，隧道里有重型卡车经过... 出了隧道，发现情况不对，前轮爆胎，此时牛人涛哥经过，问我能搞定否，我手势OK，他继续，我以为换胎很容易，第一次换胎，那两个塑料撬胎棒太吭爹了，一撬就弯了，幸亏“老头”赶到，帮我搞定，后面的路一直担心轮胎出问题，因为唯一个备胎已经用完了。

换好胎，继续骑行，必须速度了，换胎时被好几个赶超，终于在60KM左右处时赶上了最前面那两个，他们正在一个水潭里凉爽，我自然也是下水了，那水从山上流下，水潭不大，水质清澈，我一身下去冷得发抖，有位山中大妈给了条特大的黄瓜，硬是不要我们的钱，感激无比。休息了很长时间，后面的大部队一直没等到，有一拿卡片单反的老乡赶上，也忍不住下水。

休息好后继续爬坡，貌似之次爬坡比千岛糊感觉要轻松很多，一直保持在11～13km/h的爬坡速度。10km的上坡，累倒了很多人，我一直保持速度，当中几处风景相当不错，很想停下来拍照，只是那时爬坡正尽兴中，只能一略而过，骑到坡顶，向山下盘旋的山路望去，没有看到骑友，肚子很饿，放在包里的巧克力都化了，稍作休整，问好路线，开始20km的下坡。

下坡没有想象中的那么特别的爽，不过已经很爽了，下坡很危险，之前有爆胎，放坡时速度一直不敢放开，保持在40左右，弯道很多且很急，路面也不是很平，沙土特别多，公路车轮胎小，容易侧滑，所以两手握着刹车，肌肉相当紧张，不敢放松，后来放坡下来后，感觉肩膀特别酸，手也被震得很胀。

放坡下来后找了家小店吃了碗面，十点钟左右，这是我的早餐。我问小店老板，有没有看到一个骑单车的过去，人家说有，不过已经很早很早了，料想那应该是牛人丁涛。后来十一点时快到达目的地时，看着码表跳到1800.00时，心情很激动，出发时为1701.00，很想拍照，但那时在放坡，到了目的地三都镇，绕了一圈没找到牛人丁涛，后来无尾气他们也到了，我们找了间大排档FB去了。之后我们三个开始找游泳的地方，在集合点3公里处有一码头，找了条竹筏玩了一阵子，有一哥们还帮人家推船，情况是两女的把船划到了中间，不会用马达，回不了岸边了(详情:http://www.verycycling.com/read.php?tid=6367)过程如下：

我们等到下午5点时，最后一批终于到达集合点，开始装车，回沪！

这次活动长了不少经验，进隧道时要放慢速度，摘掉墨镜，出发时要吃饱，擦好防晒霜，这次我就被晒伤了，回来时感觉刺痒无比

Android屏幕分辨率详解（VGA、HVGA、QVGA、WVGA、WQVGA）

Wed, 20 Jul 2011 05:45:11 +0000

VGA：Video Graphics Array，即：显示绘图矩阵，相当于640×480 像素；

HVGA：Half-size VGA；即：VGA的一半，分辨率为480×320；

QVGA：Quarter VGA；即：VGA的四分之一，分辨率为320×240；

WVGA：Wide Video Graphics Array；即：扩大的VGA，分辨率为800×480像素；

WQVGA：Wide Quarter VGA；即：扩大的QVGA，分辨率比QVGA高，比VGA低，一般是：400×240，480×272；

原文地址：http://www.liucundong.com/?p=225

畅饮千岛湖

Mon, 18 Jul 2011 05:28:10 +0000

年初买了辆Giant Windmark 2500公路车，每天骑着上下班，一直想来段长距离的行程。朋友Daniel介绍了一个活动：非常单车2周年倾情奉献——7月16~17，畅饮千岛湖！报名有点晚了，但还是拿到了名额，最后行程一共近160人，壮观！

第一天下午到达目的地千岛湖大桥，然后开始骑行46km到集结地姜家镇，没有骑过山路，虽然这46km段的路已经很平了，但有两个上坡相当吃力，早上出发时就吃了两鸡蛋，中午就塞了半筒饼干，在第二个坡项时，肚子实在饿得不行了，停下来休息了会，咬了点巧克力，温度太高了，巧克力都软了。中途看到有蛮多人停下来看风景，这里的空气相当好，路上有一些瓜农解决了一些水带得不够的朋友，还好我带了两瓶，中间休息时，一哥们还问我讨了半瓶，一路上还看到一些爆胎，有的自己就解决了，不过大家经过时都会停下来问问情况。有几个老伯伯比我们先出发，中间经过他们时，看到他们在吃西瓜，在向我喊，示意停下来吃点瓜再走，我一心想着目的地，很感谢他们的热情，一路上大家都很关照。路上经过几个隧道，凉飕飕的，不见五指，车上的小手电也不起作用，下次得弄一个专业点的，隧道还是有点危险，不断有大车经过。

5:30左右我到达集结地，找了块大的石头直接躺下了，头一回这么高强度的骑行还是有点累。集结地安排在一个山坳下面，对面是一片湖水，空气相当不错，水很蓝，湖边坡很陡，没敢下水游泳，我也不太会游，有强人游到了湖对岸，目测有一千多米吧，可能还不止。大家到目的地后开始搭帐篷，晚上在经过的镇上吃饭，很是热闹，啤酒，鱼头... 饭后回到集结地，晚上山间的路那个黑啊，到了后，开始发驱蚊药水，开始扎金花、塔罗牌、杀人游戏、数七(不知道具体叫什么，数数不能有七相关的数字出现) 输了的喝交杯酒，肚皮舞... 直至半夜。

晚上睡觉是个问题，傍晚时，下了点小雨，帐篷里进了点水，相当闷，我路另外几个就干脆露天了，这个有点痛苦，地上只铺了层防水布，然后就直接躺上面了，那些小石头咯得无法入睡，有几个善交际的男生，跟女生借到了软的瑜伽垫，女生去镇上的旅馆休息了。我们几个露天的接着聊天，直到2点多，边上有只青蛙在边上积水的地方一直在叫，一哥们被吵得睡不着，打着手电去找，无果，我干脆点，把没喝完的啤酒、可乐都倒水里，不叫了，不过刚躺下不久又开始叫了，都说青蛙喝高了。第二早上5点不到就醒了，实在睡不下去了，天也很快亮了。镇上的早餐很实在，虽然难吃了点，但比较干净，量也很多，我三块钱，差都都没吃完，硬撑过去了，吸取昨天的教训。

去上了个大号，把该减的重量都减了，跟Daniel通了个电话，从昨天下午出发时碰头一直到第二天都没看到他人，听他声音好像感冒了，他跟几个朋友一起，告之我去骑全程了，让他再好好休息，然后7点整出发了。

刚开始的路段比较平，巡航35km左右，对我来说这个速度还可以了，当然能再快一点，不过要保持体力。一路上不断有人被我超过，优越感无比... 到一个路岔口时，看到最先出发的那批在前面等，确定方向后继续前行。接下来的路就在山间，坡道、弯道很多，不过路况还好。上坡明显比昨天要多了，变速齿轮真是个不错的发明，不过我调到最省力档还是很吃力，只好之字而上。在我前面有一个年纪很大的老伯，体力当牛，一直骑在最前面，在几个坡顶等我们，拍照，鼓励我们，给我们加油。每次上坡时，我给自己打气，想着，马上就是下坡了～～，下坡真的很爽，太爽了，风呼啦啦响，这次码表破记录了，最高时速56km，还是抓了刹车，感觉有点慌，公路车不如山地车，轮子窄，容易滑。在中途一个商店休息了很长时间，落下后面的慢慢跟上来了，有一个光头(不知道名字)低调的牛人，骑过川藏线，给大家检查车子。后面的路程我一直跟在他后面，速度很快，但不觉得很吃力，后总结了下，我一个人单独骑，很难达到这个速度，跟着大家一起骑，目的感更强，不会有其它杂念，能更好的控制和保持体力。有一批强人，在我们休息的时候疾驰而过，我们速度跟上，但我一直没能跟上，只能远远地看着他们背景，在弯道处消失。后来在目的地，没看到他们，估计他们是环大圈去了。到目的时已经下午1点，里程96km吧，好像。目的地是个码头，店里卖的东西都贵可乐要4块，吃了中午饭，困得不行，趴桌上睡了，三点时大巴还没来，听说大巴在路上迷路了，路到一个村子里去了，继续无聊地等，后来告之车只有3公里要到了，大家开始拆车，后来碰到Daniel，他说他跟朋友们骑了一段，后来被大巴车收容，他感冒是有点厉害。他给我拍照，我举着一个轮胎来了一张。装车之后，我们跟着大巴车继续前行，到达大圈终点，这里是水库闸口，闸口下的河流上漂着一层水气，宛如电影中的仙界。稍作休整，开始回沪！

整个行程没怎么拍照，一是没时间，二是觉得没多大必要，当时的感受才最真切！遇到的人也没有互相留下联系方式，只是很希望还会有再有这样的活动，下次还能再见到，留点期望也很好！

四点五十一

Wed, 13 Jul 2011 21:45:29 +0000

昨晚从图书馆回来的时候，发现自行车胎气被别人放光了，码表也被摘下来了，我只好推着回家，一路上也没想明白，怎么会有这种事情发生，太不可思议了，要车子不见了这很好理解，我车子放那，招你惹你了？我想，去图书馆的人应该不至于吧。还好Y不是用扎的。我只好推车快走到家，很早就困了睡了，早上像打了鸡血一样，四点多就醒了，睡不着就去冲了个凉。窗外感觉很好，世纪公园周边的环境确实不错。

早上的清爽，安静，可以不用太多的思考，只需一扶摇椅，卧在台阶之上...

这几天下班后都去了图书馆，那里感觉很好，安静，有足够的空间让你思考！所以觉得当被太多的事情所干扰的时候，可以试着换个环境，因为人都太容易被外在的因素所影响。

我跟朋友讲，我在图书馆呆的这些时间，我的工作效率最高，写东西也很有灵感，我在想，要是能在图书馆办公就太好不过了。有免费的空调、免费的白开水、免费的桌椅使用、当然更重要的是有海量知识及学习的氛围。

昨天看到一篇文章，关于自由职业，相信这是很多人都要的方式，可以做喜欢的事，也不需要太多的钱，可以旅行，可以思考人生寻找下一站目的地... 就像“每个人都应该骑趟X藏线”一样，你会找到你真正想要和想做的

Chrome Plugin Tabs Plus!

Mon, 11 Jul 2011 02:04:54 +0000

你是不是用Chrome？你是不是打开了N多个标签？你是不是找不到你要的标签？

好了，不多说了，安装地址：

https://chrome.google.com/webstore/detail/edooipcjkkbjmnogkdcahgmhbniipefp

番茄丝瓜肉末汤

Mon, 04 Jul 2011 05:46:09 +0000

周末自创了一个食谱“番茄丝瓜肉末汤”

材料：

1. 丝瓜一条，切成小片

2. 番茄一个，切成小块

3. 三块RMB的猪肉即可（肥瘦均半）剁成肉末

配料：蒜泥，姜，葱

做法：

1. 两小碗半水放至汤锅煮沸，将蒜泥，姜一同放入，加入盐少许

2. 将肉末放入锅中，搅匀搅散，煮至沸腾

3. 将丝瓜和番茄倒入锅中，用中火焖煮，如果肉末渗出的油不够多可以加入适量的植物油

4. 最后沸腾后，根据口味再加入盐、鸡精，葱，盛入汤碗即可

提示：丝瓜和番茄倒入锅中后，煮的时候不可太长，丝瓜熟后即可

番茄酸甜，有开胃功效

丝瓜做汤，味道鲜美

少许肉末，不至于太过清淡

蒜泥，葱增加香味

姜的好处太多了（抗氧化，抑制肿瘤，防暑、降温、提神,杀菌解毒）

Ubuntu ssh

Mon, 27 Jun 2011 04:50:25 +0000

安装：sudo apt-get install openssh-server

开启：/etc/init.d/ssh start

确认sshserver启动：ps -e |grep ssh

配置：/etc/ssh/sshd_config

重启：/etc/init.d/ssh resar

连接：ssh root@192.168.1.1

TextMate 快捷键

Sun, 19 Jun 2011 17:18:39 +0000

cmd + option + L 显示行号

cmd + F 页面搜索文字

cmd + shift + F 项目搜索文字

cmd + G 下一个搜索文字

cmd + shift + G 上一个搜索文字

cmd + option + F 替换一个

cmd + ctrl + F 全部替换

cmd + S 保存

cmd + option + S 全部保存

cmd + shift + S 另存为。。。。

cmd + shift + -> 选中光标右面的内容

cmd + shift + <- 选中光标左面的内容

cmd + shift + L 选取一行信息

cmd + L 定位到某一行

cmd + option + -> textmate项目中右面的标签

cmd + option + <- textmate项目中左面的标签

cmd + 数字选择某个标签

cmd + -> 光标回到行尾

cmd + <- 光标回到行首

cmd + ^ 光标回到页首

cmd + 下箭头光标回到页尾

cmd + / 注释一行

cmd + z 返回前一个内容

cmd + ] 增加缩进

cmd + [ 减少缩进

cmd + T 打开项目下的文件

cmd + O 打开项目

cmd + N 新建文件

cmd + W 关闭标签

cmd + X 剪切

cmd + C 复制

cmd + V 粘帖

cmd + M 最小法

cmd + F2 标记

cmd + shift + z 返回后一个内容

cmd + option + [ 格式化代码

cmd + shift + T 当前文件中所有方法的

cmd + shift + W 关闭项目

cmd + option + L 显示行号

cmd + alt + [ 代码格式化

cmd + shift + t 当前文件中所有的方法导航

ctrl + A 光标回到行首

ctrl + E 光标回到行尾

ctrl + L 自动生成 =>

ctrl + w 选取一个单词

ctrl + tab 在菜单栏和页面切换

ctrl + 上箭头向上移动下拉菜单

ctrl + 下箭头向下移动下拉菜单

ctrl + cmd + 上箭头向上移动整行

ctrl + cmd + 下箭头向下移动整行

ctrl + shift + k 删除一行代码

ctrl + shift + > (erb模板) 一键<%= %>，连续按会出现多种效果

ctrl + option + cmd + V 从历史中选择内容粘帖

option|ctrl + -> 光标向右移动一个单词

option|ctrl + <- 光标向左移动一个单词

option|ctrl + shift + > 选中光标右面的单词

option|ctrl + shift + < 选中光标左面的单词

F2 在标记间切换

tab 输入def按tab它会自动补全end

esc 以该文件中已经出现过的词做自动补全，可以按多次esc切换单词

TextMate installing a New Theme

Sun, 19 Jun 2011 14:56:19 +0000

下载Theme 放至 ~/Library/Application%20Support/TextMate/Themes目录，重启TextMate！

_krTheme

By Kenneth Reitz

Download from GitHub

2morrow Night

2morrow Night - Blue

2morrow Night - Eighties

By Chris Kempson

Download from GitHub

Birds of Paradise

Download from JoeBergantine.com

Black Pearl (Based on Ruby Blue)

Download from GitHub*

BlackLight

by Dennis Spring

(click to enlarge)

Download

Clouds Midnight

by Fred LeBlanc

A dark version of the light and airy Clouds theme with soothing colors on a nice charcoal background. Built for HTML, CSS, JavaScript and PHP.

Learn More & Download

Cobalt by Jacob Rus.

Based loosely on Slate. Available in the TextMate SVN repository.

Cool Glow

by mkdynamic

A refreshing, easy theme with cool tones. Very good for working with code for long periods!

Download (Blog post)

Check out my new theme, "Made of Code"

Creeper

by Aaron Smith

(download)

Erebus by Andrew Fricke

Erebus is a warm theme with an autumn'ish feel. Mainly tested for use with PHP, HTML, and CSS, but should work fine with most languages.

I was working on a pack to fit the seasons, but haven't come up with anything other than this theme that I'm happy with. Maybe in the future :]

(click to view larger image)

Download

Erebus Light by Andrew Fricke

Erebus Light is an edit of Erebus, which is a warm theme with an autumn'ish feel. Mainly tested for use with PHP, HTML, and CSS, but should work fine with most languages.

(click to view larger image)

Download

Fluidvision

by Bruce Clark

download

Glitter Bomb (In The Army Now)

by Aaron Smith

Colors are samples from army camo colors.

(download)

IR_Black

Based off of the Succulent and Brilliance Dull themes

Download (Blog Post)

IR_White

Based off of the IR_Black theme

Download (Blog Post)

Juicy by Edward Tsech

Download

Made of Code

by Mark Dodwell

Download (Blog Post)

Merbivore & Merbivore Soft

by Mig

Merbivore

Merbivore Soft

Download Merbivore.tmTheme

Download Merbivore Soft.tmTheme

Download a zip of both

If git is your thing, I've got a git repository of other theme's I've created or customized:

Github tm_themes repo

Midnight

For those who code in the dark.

Download

minimal Theme

by minimal design

Optimized for HTML, CSS, PHP and Javascript - should be ok in most other languages too.

Download

monoindustrial by Rob Rix

(rbrtrx in ##textmate)

Download

(the authors host http://solace.homeip.net is down so I'm stepping in - must keep distributing most awesome theme ever!)

Monokai color theme

(http://www.monokai.nl)

It's warm, colorful and pleasing to the eyes.

Download

Monokai Dark by Andrew Fricke

Monokai Dark is a quickly tweaked version of Monokai, changed to a darker background with a few color changes and tweaks for CSS.

(click to view larger image)

Download

Notebook

by Fred LeBlanc

A handcrafted, whimsical and free-flowing look. Built for HTML, CSS, JavaScript and PHP (but works with many others).

Learn More & Download

Resesif

by Soner Eker

Download from GitHub

Ruby Blue

Modeled after the code sections of http://ruby-lang.org:

GitHub (Blog)

RubyRobot Theme

by RubyRobot

Easy on the eye and optimized for working with Ruby on Rails projects.

Blog post Download

Sidewalk Chalk

by Adam Tucker

Dark theme with bright, but not painfully high-contrast colors.

Subject to changes on GitHub

Slate by Wilson Miner

- http://media.wilsonminer.com/share/textmate/slate/Slate.tmtheme

Soylent Green

Blog Post

Download: Soylent Green.tmTheme

Spectacular PlasticCandyWrap (Spectacular Remix)

by Aaron Smith

(download)

Starlight

by Chris Poirier

Starlight is a simple, low contrast theme, primarily for Ruby and similar languages. It attempts to provide basic syntax highlighting without introducing a lot of visual noise.

Download

Succulent Theme (Loosely based on Sunburst)

(by Jamie van Dyke http://www.jamievandyke.com)

http://www.jamievandyke.com/assets/other/Succulent.tmTheme.zip

Sunburst by Soryu

Download (WebSite)

Swyphs Theme

by Arlo J

An easy on the eyes theme for Actionscript 3. Works best with good music.

Download

Texari by marios buttner

This theme is useful for work on Textpattern, XHTML, CSS and Javascript..

Because it is cloned from the Twilight Theme, it can be used in multi lang docs quite well....

Download

Text Ex Machina

by Matthew Ratzloff

Download

Media Upstream Themes

Font Used : AndaleMono 14 pt

Download from GitHub

Android™ 1.5 android.R.drawable Icon Resources（转载）

Thu, 16 Jun 2011 02:54:23 +0000

This is a list of resources in Android 1.5's android.R.drawable that might be useful as icons in your Android applications. You can use them like this:

int icon = android.R.drawable.arrow_down_float;

You can of course copy these into your own res/drawable/ directory, but it's nice to have a reference of icons you can use directly. There are other accessible drawables inandroid.R.drawable, but they are more complicated (they're NinePatch drawables).

I recommend reading this thread on the Android Developers mailing list for an interesting discussion on directly using these drawables versus copying them into your project and/or designing your own icons.

Useful references:

Update: Google finally put together a list similar to this one. In many ways it supersedes this list; you should definitely check it out.

Android Design Guidelines - Icon Appendix

Note that these PNG images use transparency and often an alpha channel — they'll look a bit different depending on your background color. I've used a default of "Android Green", but if you have Javascript enabled, you can change that to the background color they'll use in your app.

arrow_down_float	arrow_up_float	btn_star_big_off
btn_star_big_on	button_onoff_indicator_off	button_onoff_indicator_on
checkbox_off_background	checkbox_on_background	ic_btn_speak_now
ic_delete	ic_dialog_alert	ic_dialog_dialer
ic_dialog_email	ic_dialog_info	ic_dialog_map
ic_input_add	ic_input_delete	ic_input_get
ic_lock_idle_alarm	ic_lock_idle_charging	ic_lock_idle_lock
ic_lock_idle_low_battery	ic_lock_lock	ic_lock_power_off
ic_lock_silent_mode	ic_lock_silent_mode_off	ic_media_ff
ic_media_next	ic_media_pause	ic_media_play
ic_media_previous	ic_media_rew	ic_menu_add
ic_menu_agenda	ic_menu_always_landscape_portrait	ic_menu_call
ic_menu_camera	ic_menu_close_clear_cancel	ic_menu_compass
ic_menu_crop	ic_menu_day	ic_menu_delete
ic_menu_directions	ic_menu_edit	ic_menu_gallery
ic_menu_help	ic_menu_info_details	ic_menu_manage
ic_menu_mapmode	ic_menu_month	ic_menu_more
ic_menu_my_calendar	ic_menu_mylocation	ic_menu_myplaces
ic_menu_preferences	ic_menu_recent_history	ic_menu_report_image
ic_menu_revert	ic_menu_rotate	ic_menu_save
ic_menu_search	ic_menu_send	ic_menu_set_as
ic_menu_share	ic_menu_slideshow	ic_menu_sort_alphabetically
ic_menu_sort_by_size	ic_menu_today	ic_menu_upload

Android icon files（转载）

Thu, 16 Jun 2011 02:25:40 +0000

作者：hee
网址：http://since2006.com/blog/196

Android为了简化设计并且兼容更多的手机屏幕，系统依照尺寸和分辨率对屏幕进行了区分：
三种尺寸：大、中、小。
三种密度：高（hdpi）、中（mdpi）、低（ldpi）。

各种密度下图标大小
类型	低密度屏幕(ldpi)	中密度屏幕(mdpi)	高密度屏幕(hdpi)
启动器	36 x 36	48 x 48	72 x 72
菜单	36 x 36	48 x 48	72 x 72
状态栏	24 x 24	32 x 32	48 x 48
标签	24 x 24	32 x 32	48 x 48
对话	24 x 24	32 x 32	48 x 48
列表视图	24 x 24	32 x 32	48 x 48

各种密度的区分
屏幕	宽度 (Pixels)	高度 (Pixels)	尺寸 (inches)	大小	密度
QVGA	240	320	2.6 - 3.0	Small	Low
WQVGA	240	400	3.2 - 3.5	Normal	Low
FWQVGA	240	432	3.5 - 3.8	Normal	Low
HVGA	320	480	3.0 - 3.5	Normal	Medium
WVGA	480	800	3.3 - 4.0	Normal	High
FWVGA	480	854	3.5 - 4.0	Normal	High
WVGA	480	800	4.8 - 5.5	Large	Medium
FWVGA	480	854	5.0 - 5.8	Large	Medium

MySQL安装指南（转载）

Wed, 15 Jun 2011 15:17:05 +0000

安装MySQL

sudo apt-get install mysql-server

这个应该很简单了，而且我觉得大家在安装方面也没什么太大问题，所以也就不多说了，下面我们来讲讲配置。

配置MySQL

注意，在Ubuntu下MySQL缺省是只允许本地访问的，如果你要其他机器也能够访问的话，那么需要改变/etc/mysql/my.cnf配置文件了！下面我们一步步地来：

默认的MySQL安装之后根用户是没有密码的，所以首先用根用户进入：

$mysql -u root

在这里之所以用-u root是因为我现在是一般用户（firehare），如果不加-u root的话，mysql会以为是firehare在登录。注意，我在这里没有进入根用户模式，因为没必要。一般来说，对mysql中的数据库进行操作，根本没必要进入根用户模式，只有在设置时才有这种可能。

进入mysql之后，最要紧的就是要设置Mysql中的root用户密码了，否则，Mysql服务无安全可言了。

mysql> GRANT ALL PRIVILEGES ON *.* TO root@localhost IDENTIFIED BY "123456";

注意，我这儿用的是123456做为root用户的密码，但是该密码是不安全的，请大家最好使用大小写字母与数字混合的密码，且不少于8位。

这样的话，就设置好了MySQL中的root用户密码了，然后就用root用户建立你所需要的数据库。我这里就以xoops为例：

mysql>CREATE DATABASE xoops；

mysql>GRANT ALL PRIVILEGES ON xoops.* TO xoops_root@localhost IDENTIFIED BY "654321";

这样就建立了一个xoops_roots的用户，它对数据库xoops有着全部权限。以后就用xoops_root来对xoops数据库进行管理，而无需要再用root用户了，而该用户的权限也只被限定在xoops数据库中。

如果你想进行远程访问或控制，那么你要做两件事：

其一：

mysql>GRANT ALL PRIVILEGES ON xoops.* TO xoops_root@"%" IDENTIFIED BY "654321";

允许xoops_root用户可以从任意机器上登入MySQL。

其二：

$sudo gedit /etc/mysql/my.cnf

老的版本中

>skip-networking => # skip-networking

新的版本中

>bind-address=127.0.0.1 => bind-address= 你机器的IP

这样就可以允许其他机器访问MySQL了。

原文地址：http://wiki.ubuntu.org.cn/MySQL安装指南

Android ADT插件的安装和升级（转载）

Mon, 13 Jun 2011 14:28:59 +0000

安装和升级的步骤：

1. 通过eclipse在线安装和升级

方法一：

打开eclipes，选择Help->check for update，搜索完后，会显示可以升级的ADT，选中需要升级的ADT，点击Next，再次点击Next确认，选择同意并点击Finish，等待更新完毕。（有可能会不成功，但是不知道为什么会失败）

方法二：

1). 打开eclipes，选择Help->Install New Software…->选择work with:后的Add…

2). 在Name选项输入Android Plugin，在Location输入http://dl-ss.google.com/android/eclipse/，点击OK，然后在下面勾选Name中的选项即可。（未试过）

2. 离线安装和升级

Android ADT-0.9.9.zip官方下载地址：
http://dl.google.com/android/ADT-0.9.9.zip

1). 打开eclipse，选择Help->Install New Software…->选择work with:后的Add…

2). 在Local选项输入Android Plugin，在Archive中找到ADT0.9.9的压缩包，点击OK，然后在下面勾选Name中的选项即可。

测试安装是否成功：

1). 安装完ADT插件后，关闭eclipse，然后重启。

2). 打开File->New，看有无出现Android Project选项，若没有，再点击Other…选项，看看General选项下是否有Android选项，有，则安装成功，无，则安装失败。

查看已安装的ADT版本：

打开eclipse，选择Help->About Eclipse，点击Installation Details->Installed Software。

原文地址：http://www.51testing.com/?uid-115892-action-viewspace-itemid-222884

Android selector问题

Mon, 13 Jun 2011 06:47:36 +0000

layout代码片断如下：

<RelativeLayout
  android:layout_width="fill_parent" android:layout_height="wrap_content"
  android:background="@drawable/list_item_background">
    <ImageView android:src="@drawable/icon_period"
      android:layout_width="wrap_content" android:layout_height="wrap_content"
      android:layout_centerVertical="true" android:layout_marginLeft="16dp" />
    <TextView android:text="@string/text"
      android:layout_width="fill_parent" android:layout_height="wrap_content"
      android:layout_centerVertical="true" android:textColor="#333333"
      android:textSize="16sp" android:layout_marginLeft="38dp" />
    <ImageView android:src="@drawable/icon_arrow_right"
      android:layout_width="wrap_content" android:layout_height="wrap_content"
      android:layout_centerVertical="true" android:layout_alignParentRight="true"
      android:layout_marginRight="10dp" />
</RelativeLayout>

selector代码如下：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

	<item android:state_pressed="false" android:drawable="@drawable/list_item" />
	<item android:state_pressed="true" android:drawable="@drawable/list_item_pressed" />
	
</selector>

写到这个时候我以为那个RelativeLayout在ontouch的时候就会出现我想要的交互，但是木有！

当我在对应的JAVA类中给那个RelativeLayout注册了setOnClickListener事件后交互就有了。不知道GOOGLE为什么这样设计，不过仔细想想也有道理，如果没有相应的事件，为什么要交互呢！

Android判断网络状态

Wed, 01 Jun 2011 02:59:02 +0000

上代码：

ConnectivityManager connectivityManager = (ConnectivityManager) getSystemService(Context.CONNECTIVITY_SERVICE);
if (connectivityManager.getNetworkInfo(ConnectivityManager.TYPE_WIFI).getState() == NetworkInfo.State.CONNECTED) {
    Toast.makeText(Healthier.this, "WIFI已经连接", Toast.LENGTH_SHORT).show();
} else {
    Toast.makeText(Healthier.this, "WIFI未连接", Toast.LENGTH_SHORT).show();
}
if (connectivityManager.getNetworkInfo(ConnectivityManager.TYPE_MOBILE).getState() == NetworkInfo.State.CONNECTED) {
    Toast.makeText(Healthier.this, "GPRS已经连接", Toast.LENGTH_SHORT).show();
} else {
    Toast.makeText(Healthier.this, "GPRS未连接", Toast.LENGTH_SHORT).show();
}

Android WIFI

Tue, 31 May 2011 06:31:02 +0000

Android WIFI网卡有一些状态，由一系列的整形常量来表示：

常量名	常量值	网卡状态
WIFI_STATE_DISABLED	1	WIFI网卡不可用
WIFI_STATE_DISABLING	0	WIFI正在关闭
WIFI_STATE_ENABLED	3	WIFI网卡可用
WIFI_STATE_ENABLING	2	WIFI网卡正在打开
WIFI_STATE_UNKNOWN	4	未知网卡状态

在应用程序中操作WIFI网卡一定的权限，主要操作权限有四个：

<uses-permission android:name="android.permission.CHANGE_NETWORK_STATE" />

<uses-permission android:name="android.permission.CHANGE_WIFI_STATE" />

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
改变WIFI网卡的状态
对WIFI网卡进行操作需要通过WifiManager对象来进行，获取该对象的方法如下：
WifiManager wifiManger=(WifiManger)Context.getSystemService(Service.WIFI-SERVICE);
wifiManager.setWifiEnabled(true); //打开WIFI网卡
wifiManager.setWifiEnabled(false); //关闭WIFI网卡
wifiManager.getWifiState();//获取网卡当前的状态

Android尺寸单位

Fri, 20 May 2011 02:22:58 +0000

Android支持下列所有单位：

px（像素）：屏幕上的点。

in（英寸）：长度单位。

mm（毫米）：长度单位。

pt（磅）：1/72英寸。

dp（与密度无关的像素）：一种基于屏幕密度的抽象单位。在每英寸160点的显示器上，1dp=1px。

dip：与dp相同。

sp（与刻度无关的像素）：与dp类似，但是可以根据用户的字体大小首选项进行绽放。

为了使用界面能够在现在和将来的显示器类型上正常显示，一般建议始终使用sp作为文字大小的单位，将dip/dp作为其它元素的单位。另外也可以考虑使用矢量图，而不是位图。

node.js开篇

Mon, 16 May 2011 15:56:58 +0000

下载：http://nodejs.org/#download
解压后执行命令
./configure
make
make install

如果有ERROR尝试sudo

例子： Hello World!

mkdir demo

cd demo

vim example.js

var http = require('http');

http.createServer(function (req, res) {

res.writeHead(200, {'Content-Type': 'text/plain'});

res.end('Hello World\n');

}).listen(1337, "127.0.0.1");

console.log('Server running at http://127.0.0.1:1337/');

node example.js

Server running at http://127.0.0.1:1337/

参考：

http://www.douban.com/group/topic/9551477/

https://github.com/joyent/node/wiki/Installation