博客园_猫之良品

各种share button

2012-05-18T10:21:00Z

facebook share

Basic Tags(facebook)

linkedin share

google +1 button

<g:plusone></g:plusone>

google+ share

(function() {

var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;

po.src = 'https://apis.google.com/js/plusone.js';

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);

})();

</script>

twitter share

<a href="https://twitter.com/share" class="twitter-share-button" data-size="large" data-count="none">Tweet</a>

Tweet Button(twitter)

<a href="https://twitter.com/share" class="twitter-share-button" data-lang="en">Tweet</a>

本文链接

兼容iphone、ipad与PC平台的在线视频

2012-04-14T03:17:00Z

HTML5 VIDEO主要的有Ogg与MPEG4两种格式

Ogg = 带有 Thedora 视频编码和 Vorbis 音频编码的 Ogg 文件

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

jwplayer

jwplayer是flash播放器插件，可以载入MP4, FLV等格式，而且可以检测浏览器是否支持FLASH，在不支持FLASH的环境下，会自动转换为HTML5 VIDEO。现在PC平台基本都由FLASH来播放视频，但手持设备没有FLASH，可以使用HTML5 VIDEO来播放。如要针对iphone, ipad支持，可以转换为MP4视频，这就可以达到平台兼容的效果。

并不是所有MP4都可以被FLASH载入，所以要注意转换格式

Easy HTML5 Video

把输出格式的flash（MP4）和HTML5（MP4）选上，之后执行转换即可

格式工厂

视频编码：AVC（H264）

音频编码：AAC

文件格式：MP4

本文链接

joomla组件开发中的时区问题

2012-03-19T13:11:00Z

joomla的所有组件的日期数据，都统一使用mysql的datetime，输出格式类型于2004-02-12T15:19:21

这种格式好处是在数据库中可以很直观地看到时间，但仅仅只是有这个好处，坏处却一大堆，例如不方便两个日期比较，不方便计算日期之间间隔了多久，总之一切日期运算都很不方便！joomla又是个多语言CMS系统，而datetime这种格式要表达时区概念，必须在mysql的datetime上加上offset，而mysql的datetime则始终是UTC。例如中国的时区是加8小时，那么从数据库中得到的datetime还需要加上8小时，时间才是最准确的。这种换算非常重要，而且也是很容易让人忽略的部分。

以下介绍如何准确地获取与写入时间：

<?php
// 获取从数据库中得到的时间并显示
echo JHTML::_('date',$row->datetime , JText::_('DATE_FORMAT_LC2'));

// 录入时间字串，到数据库中查询
$config =& JFactory::getConfig();

// 得到系统时区
$offset = $config->getValue('config.offset');
$jdate = JFactory::getDate('2001-1-2', $offset);
$query .= " AND i.created >= '".$jdate->toMySQL(true)."' ";

// 用当前时间进行查询
$config = &JFactory::getConfig();
$tzoffset = $config->getValue('config.offset');
$date = &JFactory::getDate($row->created, $tzoffset);

本文链接

知识组织方法总结

2012-03-11T08:12:00Z

在网络时代，知识不再是奢侈品，你很容易可以得到海量的知识文档。而往往很多人硬盘里可能有几十G的电子书，但却没有那一本是看过的，甚至到要使用知识时，你要在庞大的知识库中找到你想要的电子书，还真的不容易。

当工作了一段时间后，你会慢慢了解文档管理的重要性。例如你找到一个很好程序片段应该怎么收藏？你跟你的伙伴同样编辑一份报告，怎么协调工作？

合理地组织知识，知识才会为你所用，善于组织知识，你会发现你学习能力更高。而组织知识除了是一种习惯，还需要依赖于一些工具，以下把我常用的文档管理工具列出来。

Word/Excel：

【优点】强大编辑能力，优秀的编辑效率

【点评】word可以简单制作出带导航的文档，对于组织与阅读一个长篇的文档非常方便。word只能对文档的本身进行处理，不能对文档进行“管理”。例如你硬盘里有几十万个word文档，而你需要找与某个词相关的文档（题目或者内容相关），这时候你需要安装一个本地搜索软件（百度、GOOGLE都有这个东西），就可以像百度、GOOGLE一样搜索你本地的文档。

QQ邮箱记事本：

【优点】内置搜索功能，可以导出数据

【缺点】编辑功能弱，编辑效率不高

【点评】小巧好用的工具，适合用于个人记事与编写草稿，但没有版本功能，要是一不小心把记事删除，就恢复不了。不过幸好有导出功能，用户可以手动进行数据备份，只不过没有导入。

博客：

【优点】信息分享、搜索引擎收录

【缺点】编辑功能弱，编辑效率不高

【点评】对于要分享总结与研究结果文档，博客是最好的选择。要是文档够实用，N年以后有人search到，还能记住你的大名。

Dropbox/SugarSync（及其它文件同步软件）：

【优点】多种文件格式、无需手动同步、误删文件恢复、多人共享与编辑功能

【缺点】不能对资源进行搜索

【点评】文件同步软件无疑是重要的工具，它可以与word结合使用，实现一个能同步并且编辑能力强大的文档制作环境。不过使用时要注意软件是否会自动把文档分享出去，避免不小心把私隐信息泄漏。

让我印象最深刻的是Dropbox的共享功能，多个帐户可以共享某个目录，允许多用户对目录进行编辑。我公司的技术文档与需求文档都用Dropbox来保存，文档有更新时马上都能见到。

SVN（GIT）：

【优点】强大的版本控制、多文件格式支持、多用户编辑

【点评】SVN本来用于代码版本控制，所以对于文档的修改细节与作者信息相当丰富。特别适用团队共同管理的文档。可用于代码与文档的管理与共享，不过最好不要管理太大的文件。

onenote/evernote/wiz：

【优点】编辑效率高、多用户编辑、巨大的在线容量

【点评】onenote与evernote都是很好的网络文档管理工具，其实onenote操作上的确更好，但onenote只用于WINDOWS PC上，evernote是跨平台的，甚至iphone手机都有evernode软件，对于需要在不同设备管理文档的，还是推荐用evernote。两个软件都支持多人编辑，近似于Dropbox，可用于团队文档管理。(补充：wiz近似于evernote，也是跨平台的，国内软件，不过我没用过)

在线书签(百度搜藏、QQ书签)：

【主要功能】收藏与分享网上已有的文档

【点评】大部分的知识都来源于网络，如果再把内容复制一次无疑增加了多余于工作量，也不利于收藏。对于WEB上的知识文档，推荐用在线书签记下来。

Code Snippets：

【主要功能】程序代码分享与收藏

【优点】代码语法高亮

【点评】对于程序员来说，如果做程序记录却没有语法高亮是件不幸的事，所以对于代码片段的管理推荐使用针对代码片段分享的在线工具。

本文链接

Joomla 2.5 JA T3白模板的运用

2012-03-06T01:34:00Z

T3 framework简介

这是一个模板框架，可以扩展joomla模板的功能，优化模板结构。其最大特色是multiple layout system，搞过joomla模板开发的人都知道，joomla的模板只有一个index.php来决定网站整体布局，而T3 framework可以在一个模板的基础上实现多个layout，甚至可以把layout指定在不同的设置上，例如iphone、ipad、PC可以使用不同的layout，达到各平台的最佳显示效果。

T3安装

以下地址可以下载相应组件：

http://www.joomlart.com/forums/downloads.php?do=cat&id=361

只需要下载安装以下两个：

JA T3 Blank template for joomla 2.5
JA T3 System plugin for Joomla 2.5

JA T3 Blank template是白模板，一个新模板可以在白模板的基础上进行开发，这会省去不少开发时间，而且白模板拥有JA T3的基础结构。白模板的名字叫ja_t3_blank，要把目录名及templateDetails.xml改为自己的模板名称，这和joomla1.5是一样的。

JA T3 System plugin是T3的核心，T3对joomla所扩展的核心都在里面。

以上两个安装包装好并启用后，在前台就能马上看到白模板的效果。

layout的调整

JA T3的布局修改和默认的不同，不用去修改index.php文件。

主要需要定制的文件结构以下：

TEMPLATE/templateDetails.xml # 关于模板的细节，例如定义positions

TEMPLATE/info.xml # layout的细节，可以指定 T3 layout加载那些css，javascript资源

TEMPLATE/css/template.css # 模板的主要样式表

TEMPLATE/html/ # component与module的模板

TEMPLATE/etc/layouts/ # T3 layout的布局定义，可以在后台进行修改

TEMPLATE/etc/profiles/ # T3 layout的参数定义，可以在后台进行修改

更详细的说明可以访问：http://wiki.joomlart.com/wiki/JA_T3_Framework_2/Guides

开发注意

T3已经集成drop-down, mega, dropline等多种menu效果，所以无需再安装menu module
T3已经内置了css & js压缩优化与模板cache，而且是默认开启，所以对模板修改后需要clean cache才可以看到修改效果。
tp=1是模板调试功能，在2.5上默认关闭，需要到template manage的option里开启

本文链接

Virtuemart2 for joomla2.5

2012-03-06T01:31:00Z

由于Virtuemart 1.x只用于joomla1.5，joomla 2.x与1.5结构差异比较大，官方需要重构Virtuemart来支持2.5，所以发布了Virtuemart2能支持joomla1.5到2.5的各个版本。

Virtuemart2的特点分析

Virtuemart是个单店多用户模式的购物组件，第二版功能基本与第一版相同，但与第一版结构差异很大。第一版以自定义框架为基础，其开发模式与joomla有差异，例如模板、语言包。第二版则完全使用joomla自身的框架结构，成为一个标准的joomla组件。

由于使用了joomla的框架，所以第二版的优点如下：

与Joomla更无缝的结合
模板可以决定Virtuemart的外观，可以为Virtuemart制作模板而不影响Virtuemart日后的升级
可以使用标准的joomla语言包对Virtuemart进行翻译，语言包将会更丰富
定制开发的成本降低

Virtuemart2各功能简介

Products

-- Product Categories （产品分类管理）

-- Products （产品管理）

-- Custom Fields （产品字段管理，字段可以添加到任意产品上，例如color, size，都是custom fields）

-- Inventory （库存管理，当缺货时会有明显的提示）

-- Taxes & Calculation Rules （税率计算规则）

-- Reviews & Ratings （评价，每个产品都可以有顾客评价功能，就在产品内页的下方）

Orders & Shoppers

-- Orders （订单管理）

-- Revenue Report （收入统计报告）

-- Shoppers （店员管理，除了管理员外，还可以添加店员，来管理库存或者产品信息）

-- Shopper Groups （店员分组，也可以用于对顾客进行分类，例如高级会员与一般会员）

-- Coupons （优惠卷，以特定的编号，可以给产品进行折扣销售）

Manufacturers

-- Manufacturers （供应商管理）

-- Manufacturer categories （供应商分类管理）

Shop

-- Shop （商店设置，VM是单店系统，所以里面只有店相关的设置，例如店名）

-- Media Files （媒体文件管理，一般情况下，媒体文件由产品引用）

-- Shipment Methods （运货方式）

-- Payment Methods （支持方式）

Configuration

-- Configuration （关于VM的详细设置、模板设置）

-- Shopper Fields （店员字段，用于管理店员相关信息的表现能力）

-- Order Statuses （订单状态）

-- Currencies （货币，VM支持多种货币支付，即一个产品可以以多个国家的货币进行交易）

-- Countries （国家列表，可以调整VM可接受交易的国家）

本文链接

Drupal的高速缓存配置APC

2011-11-23T07:41:00Z

APC安装
yum install pcre pcre-devel
pecl install apc

PHP加载APC
vi /etc/php.ini
加入内容
extension = apc.so
apc.enabled = 1
apc.shm_size = 32
apc.include_once_override = 1
apc.mmap_file_mask = /tmp/apc.XXXXXX

APC调试
APC自带一个PHP调试程序，可以查询APC运行情况

（附件为查询界面）

搜索apc.php
# locate apc.php

具体请访问
http://www.vpsee.com/2009/07/integrating-apc-with-php-on-vps/

Drupal整合APC
drupal6可以用Cache Router来整合APC
http://drupal.org/project/cacherouter
drupal7可以用APC module
http://drupal.org/project/apc

安装Cache Router后按照官方文档进行配置，engine有apc, db, file, memcache, xcache可选。
apc, memcache, xcache都是PHP上较主流的高速缓存服务，需要服务器支持。现在我们需要让它使用APC，所以把engine设为apc
然后开启drupal的cache，APC cache就会生效。

本文链接

zope.component的简单例子

2011-10-28T16:36:00Z

from zope.interface import Interface, Attribute, implements
from zope.component import adapts, getAdapter, getUtility, getGlobalSiteManager

# Interface
class IPerson(Interface):
name = Attribute("Name")
email = Attribute("Email Address")
phone = Attribute("Phone Number")

class IPersonAdapter(Interface):
def showName():
"""showName"""

def showMail():
"""showMail"""

class IUtility(Interface):
def doSomething():
"""doSomething"""

# Implements
class Person(object):
implements(IPerson)

name = None
email = None
phone = None

class PersonAdapter(object):
implements(IPersonAdapter)
adapts(IPerson)

def __init__(self, person):
self.person = person

def showName(self):
print(self.person.name)

def showMail(self):
print(self.person.email)

class Utility(object):
implements(IUtility)

def doSomething(self):
print("doSomething")

if __name__ == '__main__':
gsm = getGlobalSiteManager()

# use Adapter
gsm.registerAdapter(PersonAdapter)
person = Person()
person.name = "William"
person.email = "admin@qq.com"
person.phone = "000000"
personAd = getAdapter(person, IPersonAdapter)
personAd.showName()

# use Utility
utility = Utility()
gsm.registerUtility(utility, IUtility)
getUtility(IUtility).doSomething()

本文链接

网上找来经过改良的多级联动下拉菜单

2011-10-19T13:18:00Z

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Selects</title>
<style type="text/css">
*{font-size:14px;}
select{height:20px;font-size:12px;}
</style>
</head>
<script type="text/javascript">
var $Sys = (function(ua){
var s = {};
s.IE = ua.match(/msie ([\d.]+)/)?true:false;
s.Firefox = ua.match(/firefox\/([\d.]+)/)?true:false;
s.Chrome = ua.match(/chrome\/([\d.]+)/)?true:false;
s.IE6 = (s.IE&&([/MSIE (\d)\.0/i.exec(navigator.userAgent)][0][1] == 6))?true:false;
s.IE7 = (s.IE&&([/MSIE (\d)\.0/i.exec(navigator.userAgent)][0][1] == 7))?true:false;
s.IE8 = (s.IE&&([/MSIE (\d)\.0/i.exec(navigator.userAgent)][0][1] == 8))?true:false;
return s;
})(navigator.userAgent.toLowerCase());
$Sys.IE6&&document.execCommand("BackgroundImageCache", false, true);
var $EL = function(Id){
return document.getElementById(Id);
};
var $$EL = function(p,e){
return p.getElementsByTagName(e);
};
var $addListener = function(element,e,fn){
element.addEventListener?element.addEventListener(e,fn,false):element.attachEvent("on" + e,fn);
};
var $removeListener = function(element,e,fn){
element.removeEventListener?element.removeEventListener(e,fn,false):element.detachEvent("on" + e,fn);
};
var $Bind = function(object, fun) {
var args = Array.prototype.slice.call(arguments).slice(2);
return function() {
return fun.apply(object, args);
};
};
var $BindAsEventListener = function(object, fun) {
var args = Array.prototype.slice.call(arguments).slice(2);
return function(event) {
return fun.apply(object, [event || window.event].concat(args));
};
};
var $Extend = function(destination, source){
for (var property in source) {
destination[property] = source[property];
};
return destination;
};
var $Class = function(properties){
var _class = function(){return (arguments[0] !== null && this.initialize && typeof(this.initialize) == 'function') ? this.initialize.apply(this, arguments) : this;};
_class.prototype = properties;
return _class;
};

var Selects = new $Class({
defaults: {
label:"- Please choose -",
default_value:"",
separator: ""
},
initialize :function(container, name, data, title){
this.container = container;
this.num = title.length;
this.Events = new Array(title.length-1);
this.name = name;
var opts = typeof arguments[4] !== 'undefined' ? arguments[4] : {};
this.opts = $Extend(this.defaults, opts);
var i,l,select;
for(i=0; i<this.num; i++)
{
container.innerHTML = container.innerHTML + " <label>" + title[i] + ":</label>";
container.appendChild(document.createElement('select'));
container.innerHTML = container.innerHTML + this.opts.separator;
}
var hiddenInput = document.createElement('input');
hiddenInput.name = name;
hiddenInput.type = "hidden";
container.appendChild(hiddenInput);
this.hiddenInput = hiddenInput;
select = $$EL(container,'select')[0];
select.options.add(new Option(this.opts.label, ""));
for(i=0,l=data.length;i<l;i++)
select.options.add(new Option(data[i].text,data[i].value));
$addListener(select,'change',$Bind(this,this.Change,select,data,0));
if(this.opts.default_value != "") {
var paths = this.FindPath(data, this.opts.default_value);
for(var i=0,l=paths.length; i<l; i++) {
select = $$EL(container, 'select')[i];
this.setSelectValue(select, paths[i]);
this.Change(select,data,i);
}
} else {
this.Change(select,data,0);
}
},
Change : function(obj,data,num){
this.hiddenInput.value = obj.value;
if(num == this.num-1)return;
var child = this.Find(data, obj.value).child;
select = $$EL(this.container,'select')[num+1];
select.length = 0;
if(!child)return;
if(this.Events[num]!=undefined) $removeListener(select,'change',this.Events[num]);
this.Events[num] = $Bind(this,this.Change,select,child,num+1);
$addListener(select,'change',this.Events[num]);
select.options.add(new Option(this.opts.label, ""));
for(var i=0,l=child.length;i<l;i++) {
select.options.add(new Option(child[i].text,child[i].value));
}
this.Change(select,child,num+1);
},
Find : function(data, value) {
for(var i=0, l=data.length; i<l; i++) {
if(data[i].value == value) {
return data[i];
}
}
return {};
},
FindPath : function(data, value) {
var pathArr = [];
var result;
for(var i=0, l=data.length; i<l; i++) {
if(data[i].child) {
result = this.FindPath(data[i].child, value);
if(result) {
return [data[i].value].concat(result);
}
}
if(data[i].value == value) {
return [value];
}
}
return false;
},
setSelectValue : function(el, value) {
for(var i=0; i<el.options.length; i++)
{
if(el.options[i].value == value)
{
el.options[i].selected = true;
}
}
}
});
</script>
<body >
<div style='color:red'>2级联动</div>
<div id='demo1'></div>
<script type="text/javascript">
var data = [
{value:5, text:"人族", child:[{value:2, text:"法师"}, {value:6, text:"战士"}]},
{value:3, text:"兽族", child:[{value:4, text:"神鸟凤凰"}]}
];
new Selects($EL('demo1'), "post1", data, ["种族","英雄"], {default_value:6});
</script>
</body>
</html>

本文链接

Drupal6 邮件群发到指定角色

2011-10-14T06:57:00Z

开源里有的东西，应该尽量复用，Drupal6要写个群发功能比较花时间，这可以使用action_email_role这个module。它本来是个action，需要trigger来激活。但它里面就有现成的群发功能，只要激活了它，功能就可以用代码调用。

以下是群发例子：

<?php
$context = array(
'subject' => 'Test - send mail to administrator',
'message' => 'The content.',
'recipient' => array(
3 => 'administrator',
5 => 'super administrator'
)
);
$object = new stdClass;
action_email_role_send_email_to_roles($object, $context);

本文链接