jim.jin
- 浏览: 30447 次
- 性别:
- 来自: 温州
-
最新评论
-
helloqidi：
谢谢博主分享
在ubuntu上安装全文搜索中文分词Coreseek/sphinx 及和Rails集成 -
jim.jin：
谢谢提醒。
设计模式与动态语言 之 Observer -
open2ye：
有错别字 有错别字
设计模式与动态语言 之 Observer
文章列表
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr">
<head>
<meta http-equiv="Cont ...
模板方法(Template Method): 属行为型模式,最常用,最简便
意图： 定义一个操作中的算法骨架，而将一些步骤延迟到子类中。TempeleteMethod使得子类可以不改变一个算法的结构即可重定义该算法的某些特定步骤。
动机: 多种输出模板
适用:
一次性实现一个算法的不变的部分，并将可变的行为留给子类来实现
公共行为在父类，不同之处分离为新的操作
控制子类扩展。模板方法只在特定点调用“hook”操作，这样就只允许在这些点进行扩展。 像Rails中ActiveRecord所带的before_save,after_save 就是hook方法。
例子:
...
布局和功能分离
不同功能要用简明注释，并用空行分开
公共的样式写到一块
重用相同的样式
少的 class
ID 不要重复
用继承法来控制子Tag
可以用 @import 导入CSS 文件
<style type=“text/css”>
<!--
@import url(“css file path”);
-->
</style>
大部分BUG是人为的
CSS 编写不规范，语法错误可以用 W3C CSS 检验器
http://jigsaw.w3.org/css-validator/
选择器特殊性问题,可以用FireBug解决
IMG与 line-height冲突
<style type="text/css">
div.v-align {
border: 1px solid red;
height: 200px;
line-height: 200px;
float: left;
}
div.v- ...
总结得出如下好处:
让逻辑与表现分离
分工也更方便
让代码也更干净
重用性加强
可以去掉一大片一大片style的重复
控制界面变得简单
可以分批控制
分级控制
增强可扩展性
可以实现不同皮肤,并可扩展
可以根据优先级相互覆盖
DIV 上下居中用 line-height
<style type="text/css">
div.v-align {
line-height: 200px;
height: 200px;
border: 1px solid red;
}
</style>
<div class="v-align">
垂直居中
</div>
例子1:
<!DOCTYPE html PUBLIC "-//W3C//DT ...
什么是页脚?
去除Google Doc 页脚的方法:
1.打开需要去除页脚的 google doc 文档，'编辑' -> '编辑CSS';
2.在弹出的输入框中 填入下列文本，点 "确定", 这个文档的页脚去除完毕。
#google-view-footer {
display:none;
}
目的： 浏览器输入 domian.com 自动 前面加 www (转到www.domian.com)
配置：
#打开 httpd.conf
sudo vi /etc/apache2/httpd.conf
#加入如下配置
<VirtualHost *>
ServerName www.domian.com
DocumentRoot /home/homepage/www/public
<Directory "/home/homepage/www/public/">
AllowOverride none
</Dir ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text ...