<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>MyEChinese UED</title>
	<atom:link href="http://ued.myechinese.com/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://ued.myechinese.com</link>
	<description>专注用户体验设计，怀有无限梦想，充满创意的优秀年轻团队。</description>
	<lastBuildDate>Sun, 06 Jan 2013 01:32:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.4</generator>
		<item>
		<title>对外汉语教学中心myechinese相关产品二维码</title>
		<link>http://ued.myechinese.com/?p=146</link>
		<comments>http://ued.myechinese.com/?p=146#comments</comments>
		<pubDate>Sun, 06 Jan 2013 01:28:18 +0000</pubDate>
		<dc:creator>myechineseued</dc:creator>
				<category><![CDATA[交互设计]]></category>

		<guid isPermaLink="false">http://ued.myechinese.com/?p=146</guid>
		<description><![CDATA[国家开放大学对外汉语教学中心官方网站 <a href="http://www.myechinese.org/" target="_blank">http://www.myechinese.org/</a>

<a href="http://ued.myechinese.com/wp-content/uploads/2013/01/org.png"><img class="alignnone size-full wp-image-147" title="org" src="http://ued.myechinese.com/wp-content/uploads/2013/01/org.png" alt="" width="300" height="300" /></a>

易校园 <a href="http://www.myechinese.com/" target="_blank">http://www.myechinese.com/</a>

<a href="http://ued.myechinese.com/wp-content/uploads/2013/01/i.png"><img class="alignnone size-full wp-image-148" title="i" src="http://ued.myechinese.com/wp-content/uploads/2013/01/i.png" alt="" width="300" height="300" /></a>

易教汉语 <a href="http://t.myechinese.com/" target="_blank">http://t.myechinese.com/</a>

<a href="http://ued.myechinese.com/wp-content/uploads/2013/01/t.png"><img class="alignnone size-full wp-image-149" title="t" src="http://ued.myechinese.com/wp-content/uploads/2013/01/t.png" alt="" width="300" height="300" /></a>

易学汉语 <a href="http://s.myechinese.com/" target="_blank">http://s.myechinese.com/</a>

<a href="http://ued.myechinese.com/wp-content/uploads/2013/01/s.png"><img class="alignnone size-full wp-image-150" title="s" src="http://ued.myechinese.com/wp-content/uploads/2013/01/s.png" alt="" width="300" height="300" /></a>

新HSK网络联系／模考题库 <a href="http://hsk.myechinese.com/" target="_blank">http://hsk.myechinese.com/</a>

<a href="http://ued.myechinese.com/wp-content/uploads/2013/01/hsk.png"><img class="alignnone size-full wp-image-151" title="hsk" src="http://ued.myechinese.com/wp-content/uploads/2013/01/hsk.png" alt="" width="300" height="300" /></a>

用户体验设计团队 <a href="http://ued.myechinese.com/" target="_blank">http://ued.myechinese.com/</a>

<a href="http://ued.myechinese.com/wp-content/uploads/2013/01/ued.png"><img class="alignnone size-full wp-image-152" title="ued" src="http://ued.myechinese.com/wp-content/uploads/2013/01/ued.png" alt="" width="300" height="300" /></a>

国际汉语教师培养论坛 <a href="http://forum.myechinese.com/" target="_blank">http://forum.myechinese.com/</a>

<a href="http://ued.myechinese.com/wp-content/uploads/2013/01/forum.png"><img class="alignnone size-full wp-image-153" title="forum" src="http://ued.myechinese.com/wp-content/uploads/2013/01/forum.png" alt="" width="300" height="300" /></a>

国家开放大学英文网站 <a href="http://en.crtvu.edu.cn/" target="_blank">http://en.crtvu.edu.cn/</a>

<a href="http://ued.myechinese.com/wp-content/uploads/2013/01/en.png"><img class="alignnone size-full wp-image-154" title="en" src="http://ued.myechinese.com/wp-content/uploads/2013/01/en.png" alt="" width="300" height="300" /></a>

对外汉语教学中心资源展 <a href="http://www.myechinese.com/oucshow/main.html" target="_blank">http://www.myechinese.com/oucshow/main.html</a>

<a href="http://ued.myechinese.com/wp-content/uploads/2013/01/oucshow.png"><img class="alignnone size-full wp-image-155" title="oucshow" src="http://ued.myechinese.com/wp-content/uploads/2013/01/oucshow.png" alt="" width="300" height="300" /></a>

苹果itunes 移动app程序下载连接

儿童歌谣 <a href="https://itunes.apple.com/cn/app/er-tong-ge-yao/id447033395?mt=8" target="_blank">https://itunes.apple.com/cn/app/er-tong-ge-yao/id447033395?mt=8</a>

<a href="http://ued.myechinese.com/wp-content/uploads/2013/01/song.png"><img class="alignnone size-full wp-image-156" title="song" src="http://ued.myechinese.com/wp-content/uploads/2013/01/song.png" alt="" width="300" height="300" /></a>

儿童汉语英文版 <a href="https://itunes.apple.com/cn/app/time-to-talk-chinese-for-children/id518582498?mt=8" target="_blank">https://itunes.apple.com/cn/app/time-to-talk-chinese-for-children/id518582498?mt=8</a>

<a href="http://ued.myechinese.com/wp-content/uploads/2013/01/enchildren.png"><img class="alignnone size-full wp-image-157" title="enchildren" src="http://ued.myechinese.com/wp-content/uploads/2013/01/enchildren.png" alt="" width="300" height="300" /></a>

儿童汉语法文版 <a href="https://itunes.apple.com/cn/app/le-temps-la-joie-le-chinois/id494207427?mt=8" target="_blank">https://itunes.apple.com/cn/app/le-temps-la-joie-le-chinois/id494207427?mt=8</a>

<a href="http://ued.myechinese.com/wp-content/uploads/2013/01/frchildren.png"><img class="alignnone size-full wp-image-158" title="frchildren" src="http://ued.myechinese.com/wp-content/uploads/2013/01/frchildren.png" alt="" width="300" height="300" /></a>]]></description>
			<content:encoded><![CDATA[<p>国家开放大学对外汉语教学中心官方网站 <a href="http://www.myechinese.org/" target="_blank">http://www.myechinese.org/</a></p>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2013/01/org.png"><img class="alignnone size-full wp-image-147" title="org" src="http://ued.myechinese.com/wp-content/uploads/2013/01/org.png" alt="" width="300" height="300" /></a></p>
<p>易校园 <a href="http://www.myechinese.com/" target="_blank">http://www.myechinese.com/</a></p>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2013/01/i.png"><img class="alignnone size-full wp-image-148" title="i" src="http://ued.myechinese.com/wp-content/uploads/2013/01/i.png" alt="" width="300" height="300" /></a></p>
<p>易教汉语 <a href="http://t.myechinese.com/" target="_blank">http://t.myechinese.com/</a></p>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2013/01/t.png"><img class="alignnone size-full wp-image-149" title="t" src="http://ued.myechinese.com/wp-content/uploads/2013/01/t.png" alt="" width="300" height="300" /></a></p>
<p>易学汉语 <a href="http://s.myechinese.com/" target="_blank">http://s.myechinese.com/</a></p>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2013/01/s.png"><img class="alignnone size-full wp-image-150" title="s" src="http://ued.myechinese.com/wp-content/uploads/2013/01/s.png" alt="" width="300" height="300" /></a></p>
<p>新HSK网络联系／模考题库 <a href="http://hsk.myechinese.com/" target="_blank">http://hsk.myechinese.com/</a></p>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2013/01/hsk.png"><img class="alignnone size-full wp-image-151" title="hsk" src="http://ued.myechinese.com/wp-content/uploads/2013/01/hsk.png" alt="" width="300" height="300" /></a></p>
<p>用户体验设计团队 <a href="http://ued.myechinese.com/" target="_blank">http://ued.myechinese.com/</a></p>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2013/01/ued.png"><img class="alignnone size-full wp-image-152" title="ued" src="http://ued.myechinese.com/wp-content/uploads/2013/01/ued.png" alt="" width="300" height="300" /></a></p>
<p>国际汉语教师培养论坛 <a href="http://forum.myechinese.com/" target="_blank">http://forum.myechinese.com/</a></p>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2013/01/forum.png"><img class="alignnone size-full wp-image-153" title="forum" src="http://ued.myechinese.com/wp-content/uploads/2013/01/forum.png" alt="" width="300" height="300" /></a></p>
<p>国家开放大学英文网站 <a href="http://en.crtvu.edu.cn/" target="_blank">http://en.crtvu.edu.cn/</a></p>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2013/01/en.png"><img class="alignnone size-full wp-image-154" title="en" src="http://ued.myechinese.com/wp-content/uploads/2013/01/en.png" alt="" width="300" height="300" /></a></p>
<p>对外汉语教学中心资源展 <a href="http://www.myechinese.com/oucshow/main.html" target="_blank">http://www.myechinese.com/oucshow/main.html</a></p>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2013/01/oucshow.png"><img class="alignnone size-full wp-image-155" title="oucshow" src="http://ued.myechinese.com/wp-content/uploads/2013/01/oucshow.png" alt="" width="300" height="300" /></a></p>
<p>苹果itunes 移动app程序下载连接</p>
<p>儿童歌谣 <a href="https://itunes.apple.com/cn/app/er-tong-ge-yao/id447033395?mt=8" target="_blank">https://itunes.apple.com/cn/app/er-tong-ge-yao/id447033395?mt=8</a></p>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2013/01/song.png"><img class="alignnone size-full wp-image-156" title="song" src="http://ued.myechinese.com/wp-content/uploads/2013/01/song.png" alt="" width="300" height="300" /></a></p>
<p>儿童汉语英文版 <a href="https://itunes.apple.com/cn/app/time-to-talk-chinese-for-children/id518582498?mt=8" target="_blank">https://itunes.apple.com/cn/app/time-to-talk-chinese-for-children/id518582498?mt=8</a></p>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2013/01/enchildren.png"><img class="alignnone size-full wp-image-157" title="enchildren" src="http://ued.myechinese.com/wp-content/uploads/2013/01/enchildren.png" alt="" width="300" height="300" /></a></p>
<p>儿童汉语法文版 <a href="https://itunes.apple.com/cn/app/le-temps-la-joie-le-chinois/id494207427?mt=8" target="_blank">https://itunes.apple.com/cn/app/le-temps-la-joie-le-chinois/id494207427?mt=8</a></p>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2013/01/frchildren.png"><img class="alignnone size-full wp-image-158" title="frchildren" src="http://ued.myechinese.com/wp-content/uploads/2013/01/frchildren.png" alt="" width="300" height="300" /></a></p>
<div style=float:left><!-- JiaThis Button BEGIN -->
<div id="ckepop">
	<span class="jiathis_txt">分享到：</span>
	<a class="jiathis_button_icons_1"></a>
	<a class="jiathis_button_icons_2"></a>
	<a class="jiathis_button_icons_3"></a>
	<a class="jiathis_button_icons_4"></a>
	<a class="jiathis_button_icons_5"></a>
	<a class="jiathis_button_icons_6"></a>
	<a class="jiathis_button_icons_7"></a>
	<a class="jiathis_button_icons_8"></a>
	<a class="jiathis_button_icons_9"></a>
	<a class="jiathis_button_icons_10"></a>
	<a href="http://www.jiathis.com/share?uid=1555452" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
	<a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript">var jiathis_config = {data_track_clickback:true};</script>
<script type="text/javascript" src="http://v2.jiathis.com/code/jia.js?uid=1555452" charset="utf-8"></script>
<!-- JiaThis Button END --></div>]]></content:encoded>
			<wfw:commentRss>http://ued.myechinese.com/?feed=rss2&#038;p=146</wfw:commentRss>
		<slash:comments>21619</slash:comments>
		</item>
		<item>
		<title>版本控制(CVS)使用（附安装配置）</title>
		<link>http://ued.myechinese.com/?p=131</link>
		<comments>http://ued.myechinese.com/?p=131#comments</comments>
		<pubDate>Thu, 27 Dec 2012 07:40:40 +0000</pubDate>
		<dc:creator>yinhua</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[用户研究]]></category>

		<guid isPermaLink="false">http://ued.myechinese.com/?p=131</guid>
		<description><![CDATA[    说到版本控制，较为常见的就是CVS和SVN，不过很多人都说SVN是CVS的升级，这是不对的。虽然很多人都在使用SVN，但它确实只是和CVS类似的一个产品而已。
    Eclipse从很早的版本，就默认支持CVS，SVN是Eclipse什么时候开始默认支持的就不说了。（那些插件封装，看上去也是Eclipse的就不提了：）
    针对这两个。简单说一下个人的感受和认识。

    总的来说，两个都不错。若都是在客户端，尤其是集成开发环境中，用起来就没太多差别了。并只要是版本控制，其流程是大同小异的。
当然，一些特殊情况下，比如不用版本控制的客户端时，由于在存储上CVS是个基于RCS文件的版本控制系统。每个CVS文件就是普通的文件，加上一些额外信息。这些文件会简单的重复本地文件的树结构。因此，你可以直接看库文件（有时会用得上：）。而SVN是基于关系数据库的(BerkleyDB)或一系列二进制文件的，想简单的用cat命令或记事本看一眼恐怕不行了。
     所以，若是一般的开发中，还是用CVS比较好。当然有人说CVS性能差点，好像确实是这样。不过，CVS的话，linux下的服务端要比win下的性能好很多，或许和svn就没太多差距了，至少感觉不明显了。

     那svn什么时候用呢？svn的优点个人感觉在分支与merge上。也就是说，在某个工程的某个版本上，生出一个新的分支，和原来的功能也逐渐差异越来越大。但有时候，可能两者之间，有些新功能模块代码可能会借用，或者再整合在一起。这方面，svn的功能比较强，CVS就显得不太适用了。另外，svn对多种文件类型支持的比较好。

<strong>CVS的使用：</strong>使用方面，不考虑分支合并什么的，无非几个主要操作：
1． 下载（checkout）： 将版本控制服务器的的文件下到本地。（本地没有该工程时）

2.  同步：检查本地版本和版本控制服务器上的版本差异。

3.  更新（update）：将版本控制服务器的新版的文件下到本地，本地存在，就覆盖本地文件。（本地有该工程时）
    版本控制的一个基本概念，就是基于版本号来控制多人工作之间的协同。
    例子：你从版本服务器上checkout一个1.01版本的文件到本地。在过段时间后，与版本控制服务器同步，发现有些文件更新了，变成了1.02或更高。
    而你本地的还没有改过，继续是1.01版，这时候，你就可以使用update操作，把新版本下载下来，覆盖本地的文件。（不用担心，原来1.01版，真需要的话，还是能从版本控制服务器找回来的）
    很不巧，你当时下到的1.01版修改了一些内容，你本地的文件，变成了“更改后的1.01版”。而版本控制服务器上版本已经不再是1.01（更高），这个时候就比较麻烦了。
  -&#62;&#62;若是你觉得自己改得不重要，可以废掉，那你可以强制更新(override Update)，把服务器上的版本下到本地，覆盖本地的；（这次，你以前改的将找不回来了）
  -&#62;&#62;若是你觉得自己改得重要，不能废掉，那就继续向下看。

4． 上传（commit(checkin)）： 开发中你所写的代码，或生成新源码文件之类的，上传到版本控制服务器。
    例子：你从版本服务器上checkout一个1.01版本的文件到本地。在修改了一些内容后，你本地的文件，就变成了“更改后的1.01版”。若这时说服务器上的版本没变化，还是1.01，你使用该功能（commit(checkin)）上传到版本服务器，那上面的版本和本机的版本号都会“增加”，比如变成1.02。
    但若是服务器上的版本变化了不再是1.01（更高了）。而且你觉得自己改得重要，不能废掉。（也就是上面讲到的情况）那：
     -&#62;&#62;若是你觉得服务器上的可以废掉（你看过了），那你可以强制上传(override and commit)，也就是把你本地版本的文件上传服务器；注意，这是不是覆盖，而是再次增加版本号，比如之前已经到了1.03，你强制上传后会变成1.04。（和覆盖本地不同，原来版本1.03还能找回来，或者综合起来说，只要是版本控制服务器存过的版本，都能找回来）。
     -&#62;&#62;若是你觉得，或者发现服务器上的新版改动过的地方，以及你自己在本地改动过的地方，都很重要。
       --&#62;&#62;&#62;运气很好。是文本内容的文件，你可以使用客户端一般都带的功能，那就是比较（在有的开发环境里，可能是对单个文件进行同步的操作是该功能），可以比较两版的不同（该功能会把不同的地方标出来），把需要的左右挪移，合并出一个皆大欢喜的版本（就是比较费时间和眼睛）；当然，也有一个不是普适的省事办法，那就是在冲突的文件上使用更新(update，不同的客户端可能操作不同)，若是内容冲突不是发生在同一行文本中，你本地的版本就会变化这些改动，你本的版本号就会变成和服务器一致的“版本改动版”，比如“更改后的1.03版”，这是你就可以继续提交上传了。着重说明：这种方法要谨慎，因为若是程序的话，有很多逻辑关联。别人增加或变动的代码行，虽然你对本地文件对应的那个没有改，但不代表合上你改动后的代码就没问题。
       --&#62;&#62;&#62;运气不好。不是文本内容的文件，那这时候想办法系统外解决，搞出皆大欢喜的版本，然后由你强制上传，或者还是对方继续上传，你强制更新本地的。

<strong>版本控制使用原则或经验</strong>

<strong>No1 修改的工作，勤快上传。不要等所有的内容都开发完再提交，如果你和其他同事一起开发，就会造成合并困难。并且没有用到版本控制的好处，版本控制的好处就是能记录你对每一个文件进行的任何一次细微的修改。
    如果这样你觉得太麻烦，至少保证每天下班时，把有变动的文件上传版本服务器。因为大部分程序员的习惯，是上班的时候，把整个工程同步一下更新。（没这个习惯，就养成这个习惯：）</strong>

<strong>No2 上传的应该是没有明显错误的（对程序员来说）。在开发环境中直接就提示着错误的代码，是不应上传的。</strong>

<strong></strong>
=========================
附：
安装就不多说了，不管是win上还是linux上，单纯的安装都比较简单。

 CVS软件服务器端的配置（Linux大多数版本）：
1． CVS服务是通过xinetd来启动的，由于在现在的Linux发行版中都是用新xinetd代替了inetd，用xinetd来启动cvs服务，需要进入/etc/xinetd.d/目录，新建或编辑已有的一个文本文件，如这个文件的内容如下所示：
service cvspserver
{
 disable = no   //是否启动
 port   = 2401
 socket_type  = stream
 protocol  = tcp
 wait   = no
 user   = naviusr  //指定该服务在操作执行时的用户身份
 passenv   = PATH
 server   = /usr/bin/cvs
 env   = HOME=
 server_args  = -f --allow-root=/……/cvshome pserver //指定了cvs使用pserver认证方式
# bind   = 127.0.0.1
}

2．创建环境变量CVSROOT，此环境变量指明了数据仓库所在的位置，环境变量在profile文件中或者rc.local中用

export CVSROOT=/……/cvshome 加入一下。
 
3．初始数据仓库的目录
cvs -d /……/cvshome init

4． 初始化/cvsroot目录后会自动在/cvsroot目录下产生一个CVSROOT的目录，此目录下的文件是CVS的配置文件，对几个主要文件的说明如下：
cvswrappers 定义一个包装程序当文件登记或检取时就会执行
editinfo 允许你在commit命令启动前在日志信息被记录后执行的脚本
loginfo 类似coimmitinfo, 只是在文件提交后执行
rcsinfo 为commit log回话指定一个模板.
taginfo 定义在任意"tag"操作后执行的程序.
readers 设置有读权限的用户清单 （系统默认没有此文件，必须手工添加）
writers 设置有读写权限的用户清单 （系统默认没有此文件，必须手工添加）
    特别说明的文件是passwd 该文件有个很重要的作用，就是进行用户管理。版本控制一个最大的作用就是为团队协作提供版本控制，若是多个用户不能很好的访问，版本控制也就没意义了。网上很多文章都介绍使用系统用户组的方式，但说的不详细，而且笔者试过，设置很麻烦。
passwd这个文件提供了另一种方式。其内容格式如下：
    usrname:密码（被加密后的）::naviusr（对应的系统用户）
usrname是你设置的一个用户名，这个不是系统中的用户，密码部分可使用htpasswd命令生成，如：
htpasswd -c [要存的文件名] [用户名]
执行后，就会存一个文件，里面的内容就会有所需要的，加密后的密码。按照格式填进passwd文件中去，就可以使用这个“用户”来访问CVS版本服务器了。在其使用中，使版本服务器后台产生的文件操作，其权限是passwd文件中“（对应的系统用户）”的身份权限。

这个工作在win下比较方便，因为命令支持直接生成密码配置，并存到那个passwd文件中。
win下CVS用户设置：
set CVSROOT=E:\ProjData\cvshome
cvs passwd -a -r [系统用户] liupx

到此为止，CVS服务器的配置就做完了，可以使用CVS服务器了。测试可使用命令：
cvs -d :pserver:cvsroot@192.168.1.22:/home/cvsroot login

===================
再转附：CVS客户端软件WinCVS的配置。（虽然很多使用场景是在IDE下使用，但这个工具不只是开发人员再用：）
1． 软件说明：虽然您在UNIX上安装的CVS软件即包括了Server端又包括了Client端，但是你在使用时需要记忆那些反烦琐的命令，现在有一个软件WinCVS是运行在Windows下的一个CVS的客户端软件，
2． 软件安装：得到WinCVS的安装程序后执行里面的setup.exe文件，安装到你指定的目录下。
3． 软件的启动：开始－程序－GNU－WinCVS1.3－WinCVS
4． 软件的配置：在Admin菜单下选择Preferences…，弹出的窗口中选“General”页面，具体设置如下所示：
Authentication： pserver （认证方式为pserver，这是默认的认证方式）
Path： /home/cvsroot （在服务器上数据仓库的路径）
Host address： 192.168.1.22 （服务器的IP地址）
User name： bjcvs （登陆服务器的用户名）
CVSROOT： 设置完成上面的项目后，此项会自动生成，在此不必设置]]></description>
			<content:encoded><![CDATA[<p>    说到版本控制，较为常见的就是CVS和SVN，不过很多人都说SVN是CVS的升级，这是不对的。虽然很多人都在使用SVN，但它确实只是和CVS类似的一个产品而已。<br />
    Eclipse从很早的版本，就默认支持CVS，SVN是Eclipse什么时候开始默认支持的就不说了。（那些插件封装，看上去也是Eclipse的就不提了：）<br />
    针对这两个。简单说一下个人的感受和认识。</p>
<p>    总的来说，两个都不错。若都是在客户端，尤其是集成开发环境中，用起来就没太多差别了。并只要是版本控制，其流程是大同小异的。<br />
当然，一些特殊情况下，比如不用版本控制的客户端时，由于在存储上CVS是个基于RCS文件的版本控制系统。每个CVS文件就是普通的文件，加上一些额外信息。这些文件会简单的重复本地文件的树结构。因此，你可以直接看库文件（有时会用得上：）。而SVN是基于关系数据库的(BerkleyDB)或一系列二进制文件的，想简单的用cat命令或记事本看一眼恐怕不行了。<br />
     所以，若是一般的开发中，还是用CVS比较好。当然有人说CVS性能差点，好像确实是这样。不过，CVS的话，linux下的服务端要比win下的性能好很多，或许和svn就没太多差距了，至少感觉不明显了。</p>
<p>     那svn什么时候用呢？svn的优点个人感觉在分支与merge上。也就是说，在某个工程的某个版本上，生出一个新的分支，和原来的功能也逐渐差异越来越大。但有时候，可能两者之间，有些新功能模块代码可能会借用，或者再整合在一起。这方面，svn的功能比较强，CVS就显得不太适用了。另外，svn对多种文件类型支持的比较好。</p>
<p><strong>CVS的使用：</strong>使用方面，不考虑分支合并什么的，无非几个主要操作：<br />
1． 下载（checkout）： 将版本控制服务器的的文件下到本地。（本地没有该工程时）</p>
<p>2.  同步：检查本地版本和版本控制服务器上的版本差异。</p>
<p>3.  更新（update）：将版本控制服务器的新版的文件下到本地，本地存在，就覆盖本地文件。（本地有该工程时）<br />
    版本控制的一个基本概念，就是基于版本号来控制多人工作之间的协同。<br />
    例子：你从版本服务器上checkout一个1.01版本的文件到本地。在过段时间后，与版本控制服务器同步，发现有些文件更新了，变成了1.02或更高。<br />
    而你本地的还没有改过，继续是1.01版，这时候，你就可以使用update操作，把新版本下载下来，覆盖本地的文件。（不用担心，原来1.01版，真需要的话，还是能从版本控制服务器找回来的）<br />
    很不巧，你当时下到的1.01版修改了一些内容，你本地的文件，变成了“更改后的1.01版”。而版本控制服务器上版本已经不再是1.01（更高），这个时候就比较麻烦了。<br />
  -&gt;&gt;若是你觉得自己改得不重要，可以废掉，那你可以强制更新(override Update)，把服务器上的版本下到本地，覆盖本地的；（这次，你以前改的将找不回来了）<br />
  -&gt;&gt;若是你觉得自己改得重要，不能废掉，那就继续向下看。</p>
<p>4． 上传（commit(checkin)）： 开发中你所写的代码，或生成新源码文件之类的，上传到版本控制服务器。<br />
    例子：你从版本服务器上checkout一个1.01版本的文件到本地。在修改了一些内容后，你本地的文件，就变成了“更改后的1.01版”。若这时说服务器上的版本没变化，还是1.01，你使用该功能（commit(checkin)）上传到版本服务器，那上面的版本和本机的版本号都会“增加”，比如变成1.02。<br />
    但若是服务器上的版本变化了不再是1.01（更高了）。而且你觉得自己改得重要，不能废掉。（也就是上面讲到的情况）那：<br />
     -&gt;&gt;若是你觉得服务器上的可以废掉（你看过了），那你可以强制上传(override and commit)，也就是把你本地版本的文件上传服务器；注意，这是不是覆盖，而是再次增加版本号，比如之前已经到了1.03，你强制上传后会变成1.04。（和覆盖本地不同，原来版本1.03还能找回来，或者综合起来说，只要是版本控制服务器存过的版本，都能找回来）。<br />
     -&gt;&gt;若是你觉得，或者发现服务器上的新版改动过的地方，以及你自己在本地改动过的地方，都很重要。<br />
       &#8211;&gt;&gt;&gt;运气很好。是文本内容的文件，你可以使用客户端一般都带的功能，那就是比较（在有的开发环境里，可能是对单个文件进行同步的操作是该功能），可以比较两版的不同（该功能会把不同的地方标出来），把需要的左右挪移，合并出一个皆大欢喜的版本（就是比较费时间和眼睛）；当然，也有一个不是普适的省事办法，那就是在冲突的文件上使用更新(update，不同的客户端可能操作不同)，若是内容冲突不是发生在同一行文本中，你本地的版本就会变化这些改动，你本的版本号就会变成和服务器一致的“版本改动版”，比如“更改后的1.03版”，这是你就可以继续提交上传了。着重说明：这种方法要谨慎，因为若是程序的话，有很多逻辑关联。别人增加或变动的代码行，虽然你对本地文件对应的那个没有改，但不代表合上你改动后的代码就没问题。<br />
       &#8211;&gt;&gt;&gt;运气不好。不是文本内容的文件，那这时候想办法系统外解决，搞出皆大欢喜的版本，然后由你强制上传，或者还是对方继续上传，你强制更新本地的。</p>
<p><strong>版本控制使用原则或经验</strong></p>
<p><strong>No1 修改的工作，勤快上传。不要等所有的内容都开发完再提交，如果你和其他同事一起开发，就会造成合并困难。并且没有用到版本控制的好处，版本控制的好处就是能记录你对每一个文件进行的任何一次细微的修改。<br />
    如果这样你觉得太麻烦，至少保证每天下班时，把有变动的文件上传版本服务器。因为大部分程序员的习惯，是上班的时候，把整个工程同步一下更新。（没这个习惯，就养成这个习惯：）</strong></p>
<p><strong>No2 上传的应该是没有明显错误的（对程序员来说）。在开发环境中直接就提示着错误的代码，是不应上传的。</strong></p>
<p><strong></strong><br />
=========================<br />
附：<br />
安装就不多说了，不管是win上还是linux上，单纯的安装都比较简单。</p>
<p> CVS软件服务器端的配置（Linux大多数版本）：<br />
1． CVS服务是通过xinetd来启动的，由于在现在的Linux发行版中都是用新xinetd代替了inetd，用xinetd来启动cvs服务，需要进入/etc/xinetd.d/目录，新建或编辑已有的一个文本文件，如这个文件的内容如下所示：<br />
service cvspserver<br />
{<br />
 disable = no   //是否启动<br />
 port   = 2401<br />
 socket_type  = stream<br />
 protocol  = tcp<br />
 wait   = no<br />
 user   = naviusr  //指定该服务在操作执行时的用户身份<br />
 passenv   = PATH<br />
 server   = /usr/bin/cvs<br />
 env   = HOME=<br />
 server_args  = -f &#8211;allow-root=/……/cvshome pserver //指定了cvs使用pserver认证方式<br />
# bind   = 127.0.0.1<br />
}</p>
<p>2．创建环境变量CVSROOT，此环境变量指明了数据仓库所在的位置，环境变量在profile文件中或者rc.local中用</p>
<p>export CVSROOT=/……/cvshome 加入一下。<br />
 <br />
3．初始数据仓库的目录<br />
cvs -d /……/cvshome init</p>
<p>4． 初始化/cvsroot目录后会自动在/cvsroot目录下产生一个CVSROOT的目录，此目录下的文件是CVS的配置文件，对几个主要文件的说明如下：<br />
cvswrappers 定义一个包装程序当文件登记或检取时就会执行<br />
editinfo 允许你在commit命令启动前在日志信息被记录后执行的脚本<br />
loginfo 类似coimmitinfo, 只是在文件提交后执行<br />
rcsinfo 为commit log回话指定一个模板.<br />
taginfo 定义在任意&#8221;tag&#8221;操作后执行的程序.<br />
readers 设置有读权限的用户清单 （系统默认没有此文件，必须手工添加）<br />
writers 设置有读写权限的用户清单 （系统默认没有此文件，必须手工添加）<br />
    特别说明的文件是passwd 该文件有个很重要的作用，就是进行用户管理。版本控制一个最大的作用就是为团队协作提供版本控制，若是多个用户不能很好的访问，版本控制也就没意义了。网上很多文章都介绍使用系统用户组的方式，但说的不详细，而且笔者试过，设置很麻烦。<br />
passwd这个文件提供了另一种方式。其内容格式如下：<br />
    usrname:密码（被加密后的）::naviusr（对应的系统用户）<br />
usrname是你设置的一个用户名，这个不是系统中的用户，密码部分可使用htpasswd命令生成，如：<br />
htpasswd -c [要存的文件名] [用户名]<br />
执行后，就会存一个文件，里面的内容就会有所需要的，加密后的密码。按照格式填进passwd文件中去，就可以使用这个“用户”来访问CVS版本服务器了。在其使用中，使版本服务器后台产生的文件操作，其权限是passwd文件中“（对应的系统用户）”的身份权限。</p>
<p>这个工作在win下比较方便，因为命令支持直接生成密码配置，并存到那个passwd文件中。<br />
win下CVS用户设置：<br />
set CVSROOT=E:\ProjData\cvshome<br />
cvs passwd -a -r [系统用户] liupx</p>
<p>到此为止，CVS服务器的配置就做完了，可以使用CVS服务器了。测试可使用命令：<br />
cvs -d :pserver:cvsroot@192.168.1.22:/home/cvsroot login</p>
<p>===================<br />
再转附：CVS客户端软件WinCVS的配置。（虽然很多使用场景是在IDE下使用，但这个工具不只是开发人员再用：）<br />
1． 软件说明：虽然您在UNIX上安装的CVS软件即包括了Server端又包括了Client端，但是你在使用时需要记忆那些反烦琐的命令，现在有一个软件WinCVS是运行在Windows下的一个CVS的客户端软件，<br />
2． 软件安装：得到WinCVS的安装程序后执行里面的setup.exe文件，安装到你指定的目录下。<br />
3． 软件的启动：开始－程序－GNU－WinCVS1.3－WinCVS<br />
4． 软件的配置：在Admin菜单下选择Preferences…，弹出的窗口中选“General”页面，具体设置如下所示：<br />
Authentication： pserver （认证方式为pserver，这是默认的认证方式）<br />
Path： /home/cvsroot （在服务器上数据仓库的路径）<br />
Host address： 192.168.1.22 （服务器的IP地址）<br />
User name： bjcvs （登陆服务器的用户名）<br />
CVSROOT： 设置完成上面的项目后，此项会自动生成，在此不必设置</p>
<div style=float:left><!-- JiaThis Button BEGIN -->
<div id="ckepop">
	<span class="jiathis_txt">分享到：</span>
	<a class="jiathis_button_icons_1"></a>
	<a class="jiathis_button_icons_2"></a>
	<a class="jiathis_button_icons_3"></a>
	<a class="jiathis_button_icons_4"></a>
	<a class="jiathis_button_icons_5"></a>
	<a class="jiathis_button_icons_6"></a>
	<a class="jiathis_button_icons_7"></a>
	<a class="jiathis_button_icons_8"></a>
	<a class="jiathis_button_icons_9"></a>
	<a class="jiathis_button_icons_10"></a>
	<a href="http://www.jiathis.com/share?uid=1555452" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
	<a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript">var jiathis_config = {data_track_clickback:true};</script>
<script type="text/javascript" src="http://v2.jiathis.com/code/jia.js?uid=1555452" charset="utf-8"></script>
<!-- JiaThis Button END --></div>]]></content:encoded>
			<wfw:commentRss>http://ued.myechinese.com/?feed=rss2&#038;p=131</wfw:commentRss>
		<slash:comments>13649</slash:comments>
		</item>
		<item>
		<title>化繁为简的七个原则</title>
		<link>http://ued.myechinese.com/?p=105</link>
		<comments>http://ued.myechinese.com/?p=105#comments</comments>
		<pubDate>Fri, 06 Apr 2012 08:02:16 +0000</pubDate>
		<dc:creator>yanglu</dc:creator>
				<category><![CDATA[交互设计]]></category>

		<guid isPermaLink="false">http://ued.myechinese.com/?p=105</guid>
		<description><![CDATA[&#160;

最近拜读了人称设计师必读经典的《设计心理学》,收获良多,作者诺曼提倡以用户为中心的设计,即应以用户的需求和利益为基础,以产品的易用性和可理解性为侧重点.在这个强调个性化的时代,还有多少设计师谨记要以用户为中心的设计理念?

下面和大家分享书中的“ 化繁为简的七个原则”

随着设计项目的深入,功能的完整化,我们往往会发现操作过程变得越来越复杂,功能越来越混乱,设计人员如何才能将复杂的操作过程变得容易些?

以下就是化繁为简的七个原则:<strong> </strong>

<strong>1.应用存储于外部世界和头脑中的知识 </strong>

存储于外界的知识具有自我提醒功能，它帮助我们回忆起容易遗忘的内容,例如键盘上面印有字母,提醒我们字母的位置.

存于头脑中的知识具有高效性,它无需对外部环境进行查找和解释,例如学习盲打而进行的快速输入.

<a href="http://ued.myechinese.com/wp-content/uploads/2012/04/2.jpg"><img class="alignnone size-full wp-image-110" title="Hands on a White Computer Keyboard" src="http://ued.myechinese.com/wp-content/uploads/2012/04/2.jpg" alt="" width="501" height="194" /></a>

假如用户能够把需要的知识内化,也就是说把知识存储于头脑中,操作起来就会更快,效率更高.所以设计应当容许用户把外界知识与头脑中的只是结合起来,用户可以视情况决定使用哪一种知识,若有必要,还可以在外界知识和头脑中的知识之间简历起互补关系.

可是想要利用头脑中的知识,我们必须先通过学习,才能将其储存在头脑中,这就需要付出相当多的努力.外界知识学起来比较容易,但用起来难,它的作用在很大程度上依赖于它是否在物质世界持续存在,因为环境一旦变化,外界只是就会随之变化.

<strong> 2.简化任务的结构 </strong>

设计人员应当简化产品的操作方法,通过新技术对复杂操作加以重组.下面是四种主要技术方法.
<ul>
	<li>不改变任务结构,提供心理辅助手段</li>
	<li>利用新技术,把原本看不见的部位显示出来,改善反馈机制,增强控制力.</li>
</ul>
<a href="http://ued.myechinese.com/wp-content/uploads/2012/04/20091004144349z.jpg"><img class="alignnone size-full wp-image-115" title="20091004144349z" src="http://ued.myechinese.com/wp-content/uploads/2012/04/20091004144349z.jpg" alt="" width="500" height="235" /></a>

汽车和飞机上的仪表盘并没有改变用户的操作任务，而是将发动机和机器其他部分的运转状态显示出来，用户虽然不能直接接触到这些部件，但通过仪表盘，就能获悉有关这些部件的信息。
<ul>
	<li>自动化,但不改变任务性质.</li>
</ul>
<a href="http://ued.myechinese.com/wp-content/uploads/2012/04/18150153_5502.jpg"><img class="alignnone size-full wp-image-116" title="18150153_5502" src="http://ued.myechinese.com/wp-content/uploads/2012/04/18150153_5502.jpg" alt="" width="190" height="190" /></a>自动化保持了操作任务的核心,只是取消了部分的操作步骤.汽车上的自动换挡装置减轻了一部分我们驾车的脑力负担.
<ul>
	<li>改变操作性质.</li>
</ul>
<a href="http://ued.myechinese.com/wp-content/uploads/2012/04/110605525_18372263362.jpg"><img class="alignnone size-full wp-image-117" title="110605525_18372263362" src="http://ued.myechinese.com/wp-content/uploads/2012/04/110605525_18372263362.jpg" alt="" width="425" height="174" /></a>

有些操作看起来很复杂,因为在操作时需要一定的手工技能.应用科技改变这些任务的结构,就能很大程度上改操作的要求.例如我们常见的可粘式鞋带的例子,就连小孩和手指不灵活的成人都会自己系鞋带.

<strong>3.重视可视性，消除执行阶段和评估阶段的鸿沟。</strong>

设计人员重视可视性,用户便可在执行阶段明白哪些是可行的操作及如何进行操作,并可在评估阶段看出所执行的操作造成了怎样的结果.

设计人员还应该注意操作行为与操作意图之间的匹配,使用户很容易看出并理解系统在操作过程中的状态,也就是说,要把操作结果明显地表示出来.

<strong>4.建立正确的匹配关系</strong>

设计人员应当利用自然匹配,确保用户能够看出下列关系:
<ul>
	<li>操作意图与可能的操作行为之间的关系.</li>
	<li>操作行为与操作效果之间的关系</li>
	<li>系统实际状态与用户通过视觉、听觉和触觉所感知到的系统状态这两者间的关系.</li>
	<li>所感知到的系统状态与用户的需求、意图和期望之间的关系.</li>
</ul>
<strong>5.利用自然和人为的限制性因素。</strong>

要利用各类限制因素，使用户只能看出一种可能的操作方法,即正确的操作方法.

<a href="http://ued.myechinese.com/wp-content/uploads/2012/04/shutterstock_5322817.jpg"><img class="alignnone size-full wp-image-122" title="shutterstock_5322817" src="http://ued.myechinese.com/wp-content/uploads/2012/04/shutterstock_5322817.jpg" alt="" width="465" height="190" /></a>

简单的拼图游戏应用了各种限因素,每一步只有一个正确的操作方法,显示出自然匹配和限制因素的功能.

<strong>6.考虑可能出现的人为差错。</strong>

设计人员应当考虑用户可能出现的所有操作错误,并针对各种差错,采取相应的预防或处理措施.

要设想用户试图要做对每一项操作,只是对操作的理解不全面或是不恰当,才会出现差错;要把用户的操作过程视为产品与用户之间自然的、有建设性的对话的一部分，设法去支持，而不是去打击用户在对话中做出的回应；要让用户发现差错可能会造成的负面影响，并使用户能够比较容易地取消错误操作，让系统恢复到以前的状态；还要有意增加那些无法逆转的操作的难度。设计出的产品应该能够让用户自己探索操作方法，而且还应利用强迫性功能。

<a href="http://ued.myechinese.com/wp-content/uploads/2012/04/7AC2121C-8E44-4E13-B205-83D8476D385A.png"><img class="alignnone size-full wp-image-118" title="7AC2121C-8E44-4E13-B205-83D8476D385A" src="http://ued.myechinese.com/wp-content/uploads/2012/04/7AC2121C-8E44-4E13-B205-83D8476D385A.png" alt="" width="447" height="187" /></a>

增加无法逆转的操作的难度,避免用产生错误操作,造成损失.

<strong>7.最后选择，采用标准化。</strong>

若在设计某类产品时,无法避免随意的匹配关系和操作中的困难,那就只有一个选择—标准化.可以把操作步骤,操作结果,产品的外观和显示方式标准化,或者把产品及其问题标准化,建立一套国际标准.]]></description>
			<content:encoded><![CDATA[<p>&nbsp;</p>
<p>最近拜读了人称设计师必读经典的《设计心理学》,收获良多,作者诺曼提倡以用户为中心的设计,即应以用户的需求和利益为基础,以产品的易用性和可理解性为侧重点.在这个强调个性化的时代,还有多少设计师谨记要以用户为中心的设计理念?</p>
<p>下面和大家分享书中的“ 化繁为简的七个原则”</p>
<p>随着设计项目的深入,功能的完整化,我们往往会发现操作过程变得越来越复杂,功能越来越混乱,设计人员如何才能将复杂的操作过程变得容易些?</p>
<p>以下就是化繁为简的七个原则:<strong> </strong></p>
<p><strong>1.应用存储于外部世界和头脑中的知识 </strong></p>
<p>存储于外界的知识具有自我提醒功能，它帮助我们回忆起容易遗忘的内容,例如键盘上面印有字母,提醒我们字母的位置.</p>
<p>存于头脑中的知识具有高效性,它无需对外部环境进行查找和解释,例如学习盲打而进行的快速输入.</p>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2012/04/2.jpg"><img class="alignnone size-full wp-image-110" title="Hands on a White Computer Keyboard" src="http://ued.myechinese.com/wp-content/uploads/2012/04/2.jpg" alt="" width="501" height="194" /></a></p>
<p>假如用户能够把需要的知识内化,也就是说把知识存储于头脑中,操作起来就会更快,效率更高.所以设计应当容许用户把外界知识与头脑中的只是结合起来,用户可以视情况决定使用哪一种知识,若有必要,还可以在外界知识和头脑中的知识之间简历起互补关系.</p>
<p>可是想要利用头脑中的知识,我们必须先通过学习,才能将其储存在头脑中,这就需要付出相当多的努力.外界知识学起来比较容易,但用起来难,它的作用在很大程度上依赖于它是否在物质世界持续存在,因为环境一旦变化,外界只是就会随之变化.</p>
<p><strong> 2.简化任务的结构 </strong></p>
<p>设计人员应当简化产品的操作方法,通过新技术对复杂操作加以重组.下面是四种主要技术方法.</p>
<ul>
<li>不改变任务结构,提供心理辅助手段</li>
<li>利用新技术,把原本看不见的部位显示出来,改善反馈机制,增强控制力.</li>
</ul>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2012/04/20091004144349z.jpg"><img class="alignnone size-full wp-image-115" title="20091004144349z" src="http://ued.myechinese.com/wp-content/uploads/2012/04/20091004144349z.jpg" alt="" width="500" height="235" /></a></p>
<p>汽车和飞机上的仪表盘并没有改变用户的操作任务，而是将发动机和机器其他部分的运转状态显示出来，用户虽然不能直接接触到这些部件，但通过仪表盘，就能获悉有关这些部件的信息。</p>
<ul>
<li>自动化,但不改变任务性质.</li>
</ul>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2012/04/18150153_5502.jpg"><img class="alignnone size-full wp-image-116" title="18150153_5502" src="http://ued.myechinese.com/wp-content/uploads/2012/04/18150153_5502.jpg" alt="" width="190" height="190" /></a>自动化保持了操作任务的核心,只是取消了部分的操作步骤.汽车上的自动换挡装置减轻了一部分我们驾车的脑力负担.</p>
<ul>
<li>改变操作性质.</li>
</ul>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2012/04/110605525_18372263362.jpg"><img class="alignnone size-full wp-image-117" title="110605525_18372263362" src="http://ued.myechinese.com/wp-content/uploads/2012/04/110605525_18372263362.jpg" alt="" width="425" height="174" /></a></p>
<p>有些操作看起来很复杂,因为在操作时需要一定的手工技能.应用科技改变这些任务的结构,就能很大程度上改操作的要求.例如我们常见的可粘式鞋带的例子,就连小孩和手指不灵活的成人都会自己系鞋带.</p>
<p><strong>3.重视可视性，消除执行阶段和评估阶段的鸿沟。</strong></p>
<p>设计人员重视可视性,用户便可在执行阶段明白哪些是可行的操作及如何进行操作,并可在评估阶段看出所执行的操作造成了怎样的结果.</p>
<p>设计人员还应该注意操作行为与操作意图之间的匹配,使用户很容易看出并理解系统在操作过程中的状态,也就是说,要把操作结果明显地表示出来.</p>
<p><strong>4.建立正确的匹配关系</strong></p>
<p>设计人员应当利用自然匹配,确保用户能够看出下列关系:</p>
<ul>
<li>操作意图与可能的操作行为之间的关系.</li>
<li>操作行为与操作效果之间的关系</li>
<li>系统实际状态与用户通过视觉、听觉和触觉所感知到的系统状态这两者间的关系.</li>
<li>所感知到的系统状态与用户的需求、意图和期望之间的关系.</li>
</ul>
<p><strong>5.利用自然和人为的限制性因素。</strong></p>
<p>要利用各类限制因素，使用户只能看出一种可能的操作方法,即正确的操作方法.</p>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2012/04/shutterstock_5322817.jpg"><img class="alignnone size-full wp-image-122" title="shutterstock_5322817" src="http://ued.myechinese.com/wp-content/uploads/2012/04/shutterstock_5322817.jpg" alt="" width="465" height="190" /></a></p>
<p>简单的拼图游戏应用了各种限因素,每一步只有一个正确的操作方法,显示出自然匹配和限制因素的功能.</p>
<p><strong>6.考虑可能出现的人为差错。</strong></p>
<p>设计人员应当考虑用户可能出现的所有操作错误,并针对各种差错,采取相应的预防或处理措施.</p>
<p>要设想用户试图要做对每一项操作,只是对操作的理解不全面或是不恰当,才会出现差错;要把用户的操作过程视为产品与用户之间自然的、有建设性的对话的一部分，设法去支持，而不是去打击用户在对话中做出的回应；要让用户发现差错可能会造成的负面影响，并使用户能够比较容易地取消错误操作，让系统恢复到以前的状态；还要有意增加那些无法逆转的操作的难度。设计出的产品应该能够让用户自己探索操作方法，而且还应利用强迫性功能。</p>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2012/04/7AC2121C-8E44-4E13-B205-83D8476D385A.png"><img class="alignnone size-full wp-image-118" title="7AC2121C-8E44-4E13-B205-83D8476D385A" src="http://ued.myechinese.com/wp-content/uploads/2012/04/7AC2121C-8E44-4E13-B205-83D8476D385A.png" alt="" width="447" height="187" /></a></p>
<p>增加无法逆转的操作的难度,避免用产生错误操作,造成损失.</p>
<p><strong>7.最后选择，采用标准化。</strong></p>
<p>若在设计某类产品时,无法避免随意的匹配关系和操作中的困难,那就只有一个选择—标准化.可以把操作步骤,操作结果,产品的外观和显示方式标准化,或者把产品及其问题标准化,建立一套国际标准.</p>
<div style=float:left><!-- JiaThis Button BEGIN -->
<div id="ckepop">
	<span class="jiathis_txt">分享到：</span>
	<a class="jiathis_button_icons_1"></a>
	<a class="jiathis_button_icons_2"></a>
	<a class="jiathis_button_icons_3"></a>
	<a class="jiathis_button_icons_4"></a>
	<a class="jiathis_button_icons_5"></a>
	<a class="jiathis_button_icons_6"></a>
	<a class="jiathis_button_icons_7"></a>
	<a class="jiathis_button_icons_8"></a>
	<a class="jiathis_button_icons_9"></a>
	<a class="jiathis_button_icons_10"></a>
	<a href="http://www.jiathis.com/share?uid=1555452" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
	<a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript">var jiathis_config = {data_track_clickback:true};</script>
<script type="text/javascript" src="http://v2.jiathis.com/code/jia.js?uid=1555452" charset="utf-8"></script>
<!-- JiaThis Button END --></div>]]></content:encoded>
			<wfw:commentRss>http://ued.myechinese.com/?feed=rss2&#038;p=105</wfw:commentRss>
		<slash:comments>23067</slash:comments>
		</item>
		<item>
		<title>html5新加的三个块级元素</title>
		<link>http://ued.myechinese.com/?p=98</link>
		<comments>http://ued.myechinese.com/?p=98#comments</comments>
		<pubDate>Fri, 16 Mar 2012 08:50:06 +0000</pubDate>
		<dc:creator>lidayun</dc:creator>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://ued.myechinese.com/?p=98</guid>
		<description><![CDATA[◆aside

aside可以用以表达注记、贴士、侧栏、摘要、插入的引用等诸如作为补充主体的内容。例如：

aside   <strong><span style="color: #006699">&#60;h3&#62;</span></strong>最新文章<strong><span style="color: #006699">&#60;/h3&#62;</span></strong>   <strong><span style="color: #006699">&#60;ul&#62;</span></strong>
	<li>  <strong><span style="color: #006699">&#60;li&#62;&#60;a</span></strong> <span style="color: #ff0000">href</span>=<span style="color: #0000ff">"http://realazy.org/blog/"</span> <span style="color: #ff0000">mce_href</span>=<span style="color: #0000ff">"http://realazy.org/blog/"</span><strong><span style="color: #006699">&#62;</span></strong>文章标题<strong><span style="color: #006699">&#60;/a&#62;&#60;/li&#62;</span></strong>     ...   <strong><span style="color: #006699">&#60;/ul&#62;</span></strong> <strong><span style="color: #006699">&#60;/aside&#62;</span></strong></li>
◆figure

figure元素表示一个有说明的块级图片。比如：

&#60;figure&#62; &#60;legend&#62;这是图片的说明&#60;/legend&#62; &#60;img alt="图片可替换文本" src="/path/to/img.png" mce_src="/path/to/img.png" /&#62; &#60;/figure&#62;

◆dialog

dialog元素用于表达人们之间的对话。在HTML 5中，dt用于表示说话者，而dd则用来表示说话者的内容。如：
<pre>
	<li>&#60;dialog<strong><span style="color: #006699">&#62;</span></strong>   <strong><span style="color: #006699">&#60;dt&#62;</span></strong>佛<strong><span style="color: #006699">&#60;/dt&#62;</span></strong>   <strong><span style="color: #006699">&#60;dd&#62;</span></strong>色即是空<strong><span style="color: #006699">&#60;/dd&#62;</span></strong>   <strong><span style="color: #006699">&#60;dt&#62;</span></strong>悟空<strong><span style="color: #006699">&#60;/dt&#62;</span></strong>   <strong><span style="color: #006699">&#60;dd&#62;</span></strong></li>
</pre>]]></description>
			<content:encoded><![CDATA[<p>◆aside</p>
<p>aside可以用以表达注记、贴士、侧栏、摘要、插入的引用等诸如作为补充主体的内容。例如：</p>
<p>aside   <strong><span style="color: #006699">&lt;h3&gt;</span></strong>最新文章<strong><span style="color: #006699">&lt;/h3&gt;</span></strong>   <strong><span style="color: #006699">&lt;ul&gt;</span></strong></p>
<li>  <strong><span style="color: #006699">&lt;li&gt;&lt;a</span></strong> <span style="color: #ff0000">href</span>=<span style="color: #0000ff">&#8220;http://realazy.org/blog/&#8221;</span> <span style="color: #ff0000">mce_href</span>=<span style="color: #0000ff">&#8220;http://realazy.org/blog/&#8221;</span><strong><span style="color: #006699">&gt;</span></strong>文章标题<strong><span style="color: #006699">&lt;/a&gt;&lt;/li&gt;</span></strong>     &#8230;   <strong><span style="color: #006699">&lt;/ul&gt;</span></strong> <strong><span style="color: #006699">&lt;/aside&gt;</span></strong></li>
<p>◆figure</p>
<p>figure元素表示一个有说明的块级图片。比如：</p>
<p>&lt;figure&gt; &lt;legend&gt;这是图片的说明&lt;/legend&gt; &lt;img alt=&#8221;图片可替换文本&#8221; src=&#8221;/path/to/img.png&#8221; mce_src=&#8221;/path/to/img.png&#8221; /&gt; &lt;/figure&gt;</p>
<p>◆dialog</p>
<p>dialog元素用于表达人们之间的对话。在HTML 5中，dt用于表示说话者，而dd则用来表示说话者的内容。如：</p>
<pre>
<li>&lt;dialog<strong><span style="color: #006699">&gt;</span></strong>   <strong><span style="color: #006699">&lt;dt&gt;</span></strong>佛<strong><span style="color: #006699">&lt;/dt&gt;</span></strong>   <strong><span style="color: #006699">&lt;dd&gt;</span></strong>色即是空<strong><span style="color: #006699">&lt;/dd&gt;</span></strong>   <strong><span style="color: #006699">&lt;dt&gt;</span></strong>悟空<strong><span style="color: #006699">&lt;/dt&gt;</span></strong>   <strong><span style="color: #006699">&lt;dd&gt;</span></strong></li>
</pre>
<div style=float:left><!-- JiaThis Button BEGIN -->
<div id="ckepop">
	<span class="jiathis_txt">分享到：</span>
	<a class="jiathis_button_icons_1"></a>
	<a class="jiathis_button_icons_2"></a>
	<a class="jiathis_button_icons_3"></a>
	<a class="jiathis_button_icons_4"></a>
	<a class="jiathis_button_icons_5"></a>
	<a class="jiathis_button_icons_6"></a>
	<a class="jiathis_button_icons_7"></a>
	<a class="jiathis_button_icons_8"></a>
	<a class="jiathis_button_icons_9"></a>
	<a class="jiathis_button_icons_10"></a>
	<a href="http://www.jiathis.com/share?uid=1555452" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
	<a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript">var jiathis_config = {data_track_clickback:true};</script>
<script type="text/javascript" src="http://v2.jiathis.com/code/jia.js?uid=1555452" charset="utf-8"></script>
<!-- JiaThis Button END --></div>]]></content:encoded>
			<wfw:commentRss>http://ued.myechinese.com/?feed=rss2&#038;p=98</wfw:commentRss>
		<slash:comments>1261</slash:comments>
		</item>
		<item>
		<title>倒计时函数js setInterval()</title>
		<link>http://ued.myechinese.com/?p=93</link>
		<comments>http://ued.myechinese.com/?p=93#comments</comments>
		<pubDate>Wed, 14 Mar 2012 01:09:59 +0000</pubDate>
		<dc:creator>lidayun</dc:creator>
				<category><![CDATA[前端开发]]></category>

		<guid isPermaLink="false">http://ued.myechinese.com/?p=93</guid>
		<description><![CDATA[<strong>定义和用法:
</strong>setInterval() 方法用于在指定的毫秒数后调用函数或计算表达式。它与setTimeout()方法不同的是前者可以无限的循环,不会受调用函数的限制,要想退出此循环可以使用clearInterval()方法,可以使用返回值为现在要设置的这个对象;

<strong>语法:</strong>
setInterval(code,millisec)

<strong>参数：</strong>code （必需）：要调用的函数后要执行的 JavaScript 代码串。

 millisec（必需）：在执行代码前需等待的毫秒数。

<strong>举例：</strong>

 &#60;script language="javascript"&#62;
function timer(){
var value=Number(document.all['time'].value);
if(value==2){
timeID=window.setInterval("change()",1000);
clearInterval(timeID);
}
else window.setInterval("change()",1000);
}function change(){
var value=Number(document.all['time'].value);
if (value&#62;1) document.all['time'].value=value-1;
else {
document.all['time'].value="kk";
return false;
}
}
&#60;/script&#62;]]></description>
			<content:encoded><![CDATA[<p><strong>定义和用法:<br />
</strong>setInterval() 方法用于在指定的毫秒数后调用函数或计算表达式。它与setTimeout()方法不同的是前者可以无限的循环,不会受调用函数的限制,要想退出此循环可以使用clearInterval()方法,可以使用返回值为现在要设置的这个对象;</p>
<p><strong>语法:</strong><br />
setInterval(code,millisec)</p>
<p><strong>参数：</strong>code （必需）：要调用的函数后要执行的 JavaScript 代码串。</p>
<p> millisec（必需）：在执行代码前需等待的毫秒数。</p>
<p><strong>举例：</strong></p>
<p> &lt;script language=&#8221;javascript&#8221;&gt;<br />
function timer(){<br />
var value=Number(document.all['time'].value);<br />
if(value==2){<br />
timeID=window.setInterval(&#8220;change()&#8221;,1000);<br />
clearInterval(timeID);<br />
}<br />
else window.setInterval(&#8220;change()&#8221;,1000);<br />
}function change(){<br />
var value=Number(document.all['time'].value);<br />
if (value&gt;1) document.all['time'].value=value-1;<br />
else {<br />
document.all['time'].value=&#8221;kk&#8221;;<br />
return false;<br />
}<br />
}<br />
&lt;/script&gt;</p>
<div style=float:left><!-- JiaThis Button BEGIN -->
<div id="ckepop">
	<span class="jiathis_txt">分享到：</span>
	<a class="jiathis_button_icons_1"></a>
	<a class="jiathis_button_icons_2"></a>
	<a class="jiathis_button_icons_3"></a>
	<a class="jiathis_button_icons_4"></a>
	<a class="jiathis_button_icons_5"></a>
	<a class="jiathis_button_icons_6"></a>
	<a class="jiathis_button_icons_7"></a>
	<a class="jiathis_button_icons_8"></a>
	<a class="jiathis_button_icons_9"></a>
	<a class="jiathis_button_icons_10"></a>
	<a href="http://www.jiathis.com/share?uid=1555452" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
	<a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript">var jiathis_config = {data_track_clickback:true};</script>
<script type="text/javascript" src="http://v2.jiathis.com/code/jia.js?uid=1555452" charset="utf-8"></script>
<!-- JiaThis Button END --></div>]]></content:encoded>
			<wfw:commentRss>http://ued.myechinese.com/?feed=rss2&#038;p=93</wfw:commentRss>
		<slash:comments>2196</slash:comments>
		</item>
		<item>
		<title>平面设计常用尺寸及参数</title>
		<link>http://ued.myechinese.com/?p=78</link>
		<comments>http://ued.myechinese.com/?p=78#comments</comments>
		<pubDate>Tue, 13 Mar 2012 07:50:56 +0000</pubDate>
		<dc:creator>yanglu</dc:creator>
				<category><![CDATA[交互设计]]></category>

		<guid isPermaLink="false">http://ued.myechinese.com/?p=78</guid>
		<description><![CDATA[<strong><a href="http://ued.myechinese.com/wp-content/uploads/2012/03/常用尺寸.jpg"><img class="alignnone size-full wp-image-79" title="平面设计常用尺寸及参数" src="http://ued.myechinese.com/wp-content/uploads/2012/03/常用尺寸.jpg" alt="" width="660" height="190" /></a></strong>

易拉宝尺寸

1.常用的易拉宝尺寸有以下几种： 60cm*160cm 80cm*200cm 85cm*200cm 90cm*200cm 100cm*200cm 120cm*200cm 150cm*200cm 其实易拉宝宽度的尺寸是可以定制的，但需要比较大的起订量。画面的高度一般不低于150cm,不限数量都可以定制，现在已经有生产可调式易拉宝，就是为了方便调节高度；当然也可以用一般性的易拉宝，把支撑杆截成想要的尺寸。

2.易拉宝的标准尺寸： 国内客户需求的易拉宝常用标准尺寸是80cm*200cm,画面一般是78cm*200cm； 国外客户需求的易拉宝常用标准尺寸是85cm*200cm,画面一般也是85cm*200cm； 这些易拉宝尺寸只是顾客的习惯，具体做的尺寸，完全可以自己选择。

名片
横版:90*55mm&#60;方角&#62; 85*54mm&#60;圆角&#62;
竖版:50*90mm&#60;方角&#62; 54*85mm&#60;圆角&#62;
方版:90*90mm 90*95mm

IC卡
85x54MM

三折页广告
标准尺寸: (A4)210mm x 285mm

普通宣传册
标准尺寸: (A4)210mm x 285mm

文件封套
标准尺寸:220mm x 305mm

招贴画
标准尺寸:540mm x 380mm

挂旗
标准尺寸:8开 376mm x 265mm
4开 540mm x 380mm

手提袋
标准尺寸:400mm x 285mm x 80mm

信纸 便条
标准尺寸:185mm x 260mm 210mm x 285mm

CD一般设计大小
1、内页：123*126
2、底封：157*124
3、碟面：外圈_118、内圈_36或是25

&#160;

<a href="http://ued.myechinese.com/wp-content/uploads/2012/03/分割线.png"><img class="alignnone size-full wp-image-90" title="分割线" src="http://ued.myechinese.com/wp-content/uploads/2012/03/分割线.png" alt="" width="644" height="38" /></a>

<strong>C M Y K</strong>
银 色 20 15 14 0
金 色 5 15 65 0
米 色 5 5 15 0
高亮灰 5 5 3 0
浅 灰 25 16 16 0
中 灰 50 37 37 0
深 紫 100 68 10 25
深紫红 85 95 10 0
海水色 60 0 25 0
柠檬黄 5 18 75 0
暗 红 20 100 80 5
橘 红 5 100 100 5
橙 色 5 50 100 0
深褐色 45 65 100 40
粉红色 5 40 5 0

&#160;

<a href="http://ued.myechinese.com/wp-content/uploads/2012/03/分割线.png"><img class="alignnone size-full wp-image-90" title="分割线" src="http://ued.myechinese.com/wp-content/uploads/2012/03/分割线.png" alt="" width="644" height="38" /></a>

<strong>纸张尺寸</strong>

正度纸张：
787×1092mm
开数(正度) 尺寸 单位（mm）
全开 781×1086
2开 530×760 3开 362×781
4开 390×543 6开 362×390
8开 271×390
16开 195×271
注：成品尺寸=纸张尺寸－修边尺寸

大度纸张：
850＊1168mm
开数(正度) 尺寸 单位（mm）
全开 844×1162
2开 581×844 3开 387×844
4开 422×581 6开 387×422
8开 290×422
注：成品尺寸=纸张尺寸－修边尺寸

常见开本尺寸(单位：mm)
开本尺寸：787 x 1092
对开：736 x 520
4开：520 x 368
8开：368 x 260
16开：260 x 184
32开：184 x 130
开本尺寸(大度)：850 x 1168
对开：570 x 840
4开：420 x 570
8开：285 x 420
16开：210 x 285
32开：203 x 140
正度纸张：
787×1092mm
开数(正度) 尺寸 单位（mm）
全开 781×1086
2开 530×760
3开 362×781
4开 390×543
6开 362×390
8开 271×390
16开 195×271
注：成品尺寸=纸张尺寸－修边尺寸
大度纸张：
850＊1168mm
开数(正度) 尺寸 单位（mm）
全开 844×1162
2开 581×844
3开 387×844
4开 422×581
6开 387×422
8开 290×422
注：成品尺寸=纸张尺寸－修边尺寸
16开
大度：210×285
正度：185×260
8开
大度：285×420
正度：260×370
4开
大度：420×570
正度：370×540
2开
大度：570×840
正度：540×740
全开
大：889×1194
小：787×1092

&#160;

<a href="http://ued.myechinese.com/wp-content/uploads/2012/03/分割线.png"><img class="alignnone size-full wp-image-90" title="分割线" src="http://ued.myechinese.com/wp-content/uploads/2012/03/分割线.png" alt="" width="644" height="38" /></a>

<strong>有关新闻纸资料</strong>

新闻纸尺寸有：547mm×392mm、545mm×370mm
常见新闻纸又有以下几种规格
平板纸规格：787×1092毫米，850x ll68毫米， 880x l230毫米。
卷筒纸规格：宽度787毫米，1092毫米， 1575毫米；长度约6000～8000米。

&#160;

<a href="http://ued.myechinese.com/wp-content/uploads/2012/03/分割线.png"><img class="alignnone size-full wp-image-90" title="分割线" src="http://ued.myechinese.com/wp-content/uploads/2012/03/分割线.png" alt="" width="644" height="38" /></a>

<strong>有关照片尺寸</strong>

要达到满意的数码扩印效果：
照片规格(英寸) （厘米） (像素) 数码相机类型
1寸 2.5*3.5cm 413*295
身份证大头照 3.3*2.2 390*260
2寸 3.5*5.3cm 626*413
小2寸（护照） 4.8*3.3cm 567*390
5 寸 5x3.5 12.7*8.9 1200x840以上 100万像素
6 寸 6x4 15.2*10.2 1440x960以上 130万像素
7寸 7x5 17.8*12.7 1680x1200以上 200万像素
8寸 8x6 20.3*15.2 1920x1440以上 300万像素
10寸 10x8 25.4*20.3 2400x1920以上 400万像素
12寸 12x10 30.5*20.3 2500x2000以上 500万像素
15寸 15x10 38.1*25.4 3000x2000 600万像素

另外，数码的片子别管像素是几百万，只看长边的像素数，1200出5寸
1400出6寸，1700出7寸，类推。。。

1寸（是指英寸）=2.54cm
我们说的x寸是指照片的长边，如5寸就是照片长2.54x5=12.7cm
12寸就是2.54x12=30.5cm ,
8x12就是长边2.54x12=30.5cm ，短边2.54x8=20.3cm

3R指纸，3R为89MM，5R为127MM
通常3R指3*5就是5寸5R指5*7就是7寸
R的意思是长方型(英文是Rectangle),都以最短边耒算.
像135机拍的相片大都洗成3R,4R或5R以上,如果120机的6X7底洗成 3R相片,那它就没"3寸 X 5寸"了,它按照比例出片是"3寸 x 3.5寸"了,这也算是3R相片,还有3寸一定要足够.
又像120哈苏6X6底出的相片,因它的底片是正四方型,如果要出正四方的相片,如"3寸 X 3寸", "5寸 X 5寸",在这种情行我们不叫3R,而是3S或5S,S代表正四方型(英文是Square).

数码相机拍摄的照片一般是4：3的比例（与我们的显示器的比例一致），而扩印的照片的比例一般是3：2左右的（与胶卷负片的长宽比例一致），所以，讲数码相机的照片扩印出来一般要把照片的比例剪裁成3：2左右的，这样扩印出来的照片才是正好充满整张相纸。如果，您的照片不希望剪裁，或者是拍摄的内容太满，没 有剪裁的余地，就只好在扩印的时候左右两边留一点白边了。
比如：您的照片是1600*1200的即比例是4：3的
而6寸照片是15.2*10.2的即比例是3：2的
如果您的照片不剪裁，4：3比例的照片放在3：2的相纸上面
只能照片的两边各留一点白边了，就像两边加了白框（上下不加）
如果不想留白边，可以把照片的上面或下面剪裁掉一些，
使照片成为1600*1074的 (1600/15.2*10.2=1074)，这样就是3：2了，
正好放满整张6寸相纸了。
8寸照片的规格是6*8（15.2*20.3cm）比例是4：3的，扩印大多数数码照片是正好不用剪裁的。

数码相机和可冲印照片最大尺寸对照表
500万像素 有效4915200，像素2560X1920。可冲洗照片尺寸17X13，对角线21英寸
400万像素 有效3871488，像素2272X1704。可冲洗照片尺寸15X11，对角线19英寸
300万像素 有效3145728，像素2048X1536。可冲洗照片尺寸14X10，对角线17英寸
200万像素 有效1920000，像素1600X1200。可冲洗照片尺寸11X8，对角线13英寸
130万像素 有效1228800，像素1280X960。可冲洗照片尺寸9X6，对角线11英寸
080万像素 有效786432，像素1024X768。可冲洗照片尺寸7X5，对角线9英寸
050万像素 有效480000，像素800X600。可冲洗照片尺寸5X4，对角线7英寸
030万像素 有效307200，像素640X480。可冲洗照片尺寸4X3，对角线5英寸
所以：
5寸照片（3X5），采用800X600分辨率就可以了
6寸照片（4X6），采用1024X768分辨率
7寸照片（5X7），采用1024X768分辨率
8寸照片（6X9），采用1280X960分辨率

以上数据源自网络，仅供参考。]]></description>
			<content:encoded><![CDATA[<p><strong><a href="http://ued.myechinese.com/wp-content/uploads/2012/03/常用尺寸.jpg"><img class="alignnone size-full wp-image-79" title="平面设计常用尺寸及参数" src="http://ued.myechinese.com/wp-content/uploads/2012/03/常用尺寸.jpg" alt="" width="660" height="190" /></a></strong></p>
<p>易拉宝尺寸</p>
<p>1.常用的易拉宝尺寸有以下几种： 60cm*160cm 80cm*200cm 85cm*200cm 90cm*200cm 100cm*200cm 120cm*200cm 150cm*200cm 其实易拉宝宽度的尺寸是可以定制的，但需要比较大的起订量。画面的高度一般不低于150cm,不限数量都可以定制，现在已经有生产可调式易拉宝，就是为了方便调节高度；当然也可以用一般性的易拉宝，把支撑杆截成想要的尺寸。</p>
<p>2.易拉宝的标准尺寸： 国内客户需求的易拉宝常用标准尺寸是80cm*200cm,画面一般是78cm*200cm； 国外客户需求的易拉宝常用标准尺寸是85cm*200cm,画面一般也是85cm*200cm； 这些易拉宝尺寸只是顾客的习惯，具体做的尺寸，完全可以自己选择。</p>
<p>名片<br />
横版:90*55mm&lt;方角&gt; 85*54mm&lt;圆角&gt;<br />
竖版:50*90mm&lt;方角&gt; 54*85mm&lt;圆角&gt;<br />
方版:90*90mm 90*95mm</p>
<p>IC卡<br />
85x54MM</p>
<p>三折页广告<br />
标准尺寸: (A4)210mm x 285mm</p>
<p>普通宣传册<br />
标准尺寸: (A4)210mm x 285mm</p>
<p>文件封套<br />
标准尺寸:220mm x 305mm</p>
<p>招贴画<br />
标准尺寸:540mm x 380mm</p>
<p>挂旗<br />
标准尺寸:8开 376mm x 265mm<br />
4开 540mm x 380mm</p>
<p>手提袋<br />
标准尺寸:400mm x 285mm x 80mm</p>
<p>信纸 便条<br />
标准尺寸:185mm x 260mm 210mm x 285mm</p>
<p>CD一般设计大小<br />
1、内页：123*126<br />
2、底封：157*124<br />
3、碟面：外圈_118、内圈_36或是25</p>
<p>&nbsp;</p>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2012/03/分割线.png"><img class="alignnone size-full wp-image-90" title="分割线" src="http://ued.myechinese.com/wp-content/uploads/2012/03/分割线.png" alt="" width="644" height="38" /></a></p>
<p><strong>C M Y K</strong><br />
银 色 20 15 14 0<br />
金 色 5 15 65 0<br />
米 色 5 5 15 0<br />
高亮灰 5 5 3 0<br />
浅 灰 25 16 16 0<br />
中 灰 50 37 37 0<br />
深 紫 100 68 10 25<br />
深紫红 85 95 10 0<br />
海水色 60 0 25 0<br />
柠檬黄 5 18 75 0<br />
暗 红 20 100 80 5<br />
橘 红 5 100 100 5<br />
橙 色 5 50 100 0<br />
深褐色 45 65 100 40<br />
粉红色 5 40 5 0</p>
<p>&nbsp;</p>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2012/03/分割线.png"><img class="alignnone size-full wp-image-90" title="分割线" src="http://ued.myechinese.com/wp-content/uploads/2012/03/分割线.png" alt="" width="644" height="38" /></a></p>
<p><strong>纸张尺寸</strong></p>
<p>正度纸张：<br />
787×1092mm<br />
开数(正度) 尺寸 单位（mm）<br />
全开 781×1086<br />
2开 530×760 3开 362×781<br />
4开 390×543 6开 362×390<br />
8开 271×390<br />
16开 195×271<br />
注：成品尺寸=纸张尺寸－修边尺寸</p>
<p>大度纸张：<br />
850＊1168mm<br />
开数(正度) 尺寸 单位（mm）<br />
全开 844×1162<br />
2开 581×844 3开 387×844<br />
4开 422×581 6开 387×422<br />
8开 290×422<br />
注：成品尺寸=纸张尺寸－修边尺寸</p>
<p>常见开本尺寸(单位：mm)<br />
开本尺寸：787 x 1092<br />
对开：736 x 520<br />
4开：520 x 368<br />
8开：368 x 260<br />
16开：260 x 184<br />
32开：184 x 130<br />
开本尺寸(大度)：850 x 1168<br />
对开：570 x 840<br />
4开：420 x 570<br />
8开：285 x 420<br />
16开：210 x 285<br />
32开：203 x 140<br />
正度纸张：<br />
787×1092mm<br />
开数(正度) 尺寸 单位（mm）<br />
全开 781×1086<br />
2开 530×760<br />
3开 362×781<br />
4开 390×543<br />
6开 362×390<br />
8开 271×390<br />
16开 195×271<br />
注：成品尺寸=纸张尺寸－修边尺寸<br />
大度纸张：<br />
850＊1168mm<br />
开数(正度) 尺寸 单位（mm）<br />
全开 844×1162<br />
2开 581×844<br />
3开 387×844<br />
4开 422×581<br />
6开 387×422<br />
8开 290×422<br />
注：成品尺寸=纸张尺寸－修边尺寸<br />
16开<br />
大度：210×285<br />
正度：185×260<br />
8开<br />
大度：285×420<br />
正度：260×370<br />
4开<br />
大度：420×570<br />
正度：370×540<br />
2开<br />
大度：570×840<br />
正度：540×740<br />
全开<br />
大：889×1194<br />
小：787×1092</p>
<p>&nbsp;</p>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2012/03/分割线.png"><img class="alignnone size-full wp-image-90" title="分割线" src="http://ued.myechinese.com/wp-content/uploads/2012/03/分割线.png" alt="" width="644" height="38" /></a></p>
<p><strong>有关新闻纸资料</strong></p>
<p>新闻纸尺寸有：547mm×392mm、545mm×370mm<br />
常见新闻纸又有以下几种规格<br />
平板纸规格：787×1092毫米，850x ll68毫米， 880x l230毫米。<br />
卷筒纸规格：宽度787毫米，1092毫米， 1575毫米；长度约6000～8000米。</p>
<p>&nbsp;</p>
<p><a href="http://ued.myechinese.com/wp-content/uploads/2012/03/分割线.png"><img class="alignnone size-full wp-image-90" title="分割线" src="http://ued.myechinese.com/wp-content/uploads/2012/03/分割线.png" alt="" width="644" height="38" /></a></p>
<p><strong>有关照片尺寸</strong></p>
<p>要达到满意的数码扩印效果：<br />
照片规格(英寸) （厘米） (像素) 数码相机类型<br />
1寸 2.5*3.5cm 413*295<br />
身份证大头照 3.3*2.2 390*260<br />
2寸 3.5*5.3cm 626*413<br />
小2寸（护照） 4.8*3.3cm 567*390<br />
5 寸 5&#215;3.5 12.7*8.9 1200&#215;840以上 100万像素<br />
6 寸 6&#215;4 15.2*10.2 1440&#215;960以上 130万像素<br />
7寸 7&#215;5 17.8*12.7 1680&#215;1200以上 200万像素<br />
8寸 8&#215;6 20.3*15.2 1920&#215;1440以上 300万像素<br />
10寸 10&#215;8 25.4*20.3 2400&#215;1920以上 400万像素<br />
12寸 12&#215;10 30.5*20.3 2500&#215;2000以上 500万像素<br />
15寸 15&#215;10 38.1*25.4 3000&#215;2000 600万像素</p>
<p>另外，数码的片子别管像素是几百万，只看长边的像素数，1200出5寸<br />
1400出6寸，1700出7寸，类推。。。</p>
<p>1寸（是指英寸）=2.54cm<br />
我们说的x寸是指照片的长边，如5寸就是照片长2.54&#215;5=12.7cm<br />
12寸就是2.54&#215;12=30.5cm ,<br />
8&#215;12就是长边2.54&#215;12=30.5cm ，短边2.54&#215;8=20.3cm</p>
<p>3R指纸，3R为89MM，5R为127MM<br />
通常3R指3*5就是5寸5R指5*7就是7寸<br />
R的意思是长方型(英文是Rectangle),都以最短边耒算.<br />
像135机拍的相片大都洗成3R,4R或5R以上,如果120机的6X7底洗成 3R相片,那它就没&#8221;3寸 X 5寸&#8221;了,它按照比例出片是&#8221;3寸 x 3.5寸&#8221;了,这也算是3R相片,还有3寸一定要足够.<br />
又像120哈苏6X6底出的相片,因它的底片是正四方型,如果要出正四方的相片,如&#8221;3寸 X 3寸&#8221;, &#8220;5寸 X 5寸&#8221;,在这种情行我们不叫3R,而是3S或5S,S代表正四方型(英文是Square).</p>
<p>数码相机拍摄的照片一般是4：3的比例（与我们的显示器的比例一致），而扩印的照片的比例一般是3：2左右的（与胶卷负片的长宽比例一致），所以，讲数码相机的照片扩印出来一般要把照片的比例剪裁成3：2左右的，这样扩印出来的照片才是正好充满整张相纸。如果，您的照片不希望剪裁，或者是拍摄的内容太满，没 有剪裁的余地，就只好在扩印的时候左右两边留一点白边了。<br />
比如：您的照片是1600*1200的即比例是4：3的<br />
而6寸照片是15.2*10.2的即比例是3：2的<br />
如果您的照片不剪裁，4：3比例的照片放在3：2的相纸上面<br />
只能照片的两边各留一点白边了，就像两边加了白框（上下不加）<br />
如果不想留白边，可以把照片的上面或下面剪裁掉一些，<br />
使照片成为1600*1074的 (1600/15.2*10.2=1074)，这样就是3：2了，<br />
正好放满整张6寸相纸了。<br />
8寸照片的规格是6*8（15.2*20.3cm）比例是4：3的，扩印大多数数码照片是正好不用剪裁的。</p>
<p>数码相机和可冲印照片最大尺寸对照表<br />
500万像素 有效4915200，像素2560X1920。可冲洗照片尺寸17X13，对角线21英寸<br />
400万像素 有效3871488，像素2272X1704。可冲洗照片尺寸15X11，对角线19英寸<br />
300万像素 有效3145728，像素2048X1536。可冲洗照片尺寸14X10，对角线17英寸<br />
200万像素 有效1920000，像素1600X1200。可冲洗照片尺寸11X8，对角线13英寸<br />
130万像素 有效1228800，像素1280X960。可冲洗照片尺寸9X6，对角线11英寸<br />
080万像素 有效786432，像素1024X768。可冲洗照片尺寸7X5，对角线9英寸<br />
050万像素 有效480000，像素800X600。可冲洗照片尺寸5X4，对角线7英寸<br />
030万像素 有效307200，像素640X480。可冲洗照片尺寸4X3，对角线5英寸<br />
所以：<br />
5寸照片（3X5），采用800X600分辨率就可以了<br />
6寸照片（4X6），采用1024X768分辨率<br />
7寸照片（5X7），采用1024X768分辨率<br />
8寸照片（6X9），采用1280X960分辨率</p>
<p>以上数据源自网络，仅供参考。</p>
<div style=float:left><!-- JiaThis Button BEGIN -->
<div id="ckepop">
	<span class="jiathis_txt">分享到：</span>
	<a class="jiathis_button_icons_1"></a>
	<a class="jiathis_button_icons_2"></a>
	<a class="jiathis_button_icons_3"></a>
	<a class="jiathis_button_icons_4"></a>
	<a class="jiathis_button_icons_5"></a>
	<a class="jiathis_button_icons_6"></a>
	<a class="jiathis_button_icons_7"></a>
	<a class="jiathis_button_icons_8"></a>
	<a class="jiathis_button_icons_9"></a>
	<a class="jiathis_button_icons_10"></a>
	<a href="http://www.jiathis.com/share?uid=1555452" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
	<a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript">var jiathis_config = {data_track_clickback:true};</script>
<script type="text/javascript" src="http://v2.jiathis.com/code/jia.js?uid=1555452" charset="utf-8"></script>
<!-- JiaThis Button END --></div>]]></content:encoded>
			<wfw:commentRss>http://ued.myechinese.com/?feed=rss2&#038;p=78</wfw:commentRss>
		<slash:comments>2975</slash:comments>
		</item>
		<item>
		<title>常用正则表达式</title>
		<link>http://ued.myechinese.com/?p=68</link>
		<comments>http://ued.myechinese.com/?p=68#comments</comments>
		<pubDate>Fri, 23 Dec 2011 00:27:35 +0000</pubDate>
		<dc:creator>冬虫草</dc:creator>
				<category><![CDATA[前端开发]]></category>

		<guid isPermaLink="false">http://ued.myechinese.com/?p=68</guid>
		<description><![CDATA[<div>
<h2 id="t_591e70ee0100s203"><span style="font-size: 13px; font-weight: normal;">"^\d+$"　　//非负整数（正整数 + 0）</span></h2>
</div>
<div id="sina_keyword_ad_area2">"^[0-9]*[1-9][0-9]*$"　　//正整数
"^((-\d+)&#124;(0+))$"　　//非正整数（负整数 + 0）
"^-[0-9]*[1-9][0-9]*$"　　//负整数
"^-?\d+$"　　　　//整数
"^\d+(\.\d+)?$"　　//非负浮点数（正浮点数 + 0）
"^(([0-9]+\.[0-9]*[1-9][0-9]*)&#124;([0-9]*[1-9][0-9]*\.[0-9]+)&#124;([0-9]*[1-9][0-9]*))$"　　//正浮点数
"^((-\d+(\.\d+)?)&#124;(0+(\.0+)?))$"　　//非正浮点数（负浮点数 + 0）
"^(-(([0-9]+\.[0-9]*[1-9][0-9]*)&#124;([0-9]*[1-9][0-9]*\.[0-9]+)&#124;([0-9]*[1-9][0-9]*)))$"　　//负浮点数 
"^(-?\d+)(\.\d+)?$"　　//浮点数
"^[A-Za-z]+$"　　//由26个英文字母组成的字符串
"^[A-Z]+$"　　//由26个英文字母的大写组成的字符串
"^[a-z]+$"　　//由26个英文字母的小写组成的字符串
"^[A-Za-z0-9]+$"　　//由数字和26个英文字母组成的字符串
"^\w+$"　　//由数字、26个英文字母或者下划线组成的字符串
"^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$"　　　　//email地址
"^[a-zA-z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$"　　//url
/^(d{2}&#124;d{4})-((0([1-9]{1}))&#124;(1[1&#124;2]))-(([0-2]([1-9]{1}))&#124;(3[0&#124;1]))$/   //  年-月-日
/^((0([1-9]{1}))&#124;(1[1&#124;2]))/(([0-2]([1-9]{1}))&#124;(3[0&#124;1]))/(d{2}&#124;d{4})$/   // 月/日/年
"^([w-.]+)@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.)&#124;(([w-]+.)+))([a-zA-Z]{2,4}&#124;[0-9]{1,3})(]?)$"  //Emil
/^((\+?[0-9]{2,4}\-[0-9]{3,4}\-)&#124;([0-9]{3,4}\-))?([0-9]{7,8})(\-[0-9]+)?$/     //电话号码
"^(d{1,2}&#124;1dd&#124;2[0-4]d&#124;25[0-5]).(d{1,2}&#124;1dd&#124;2[0-4]d&#124;25[0-5]).(d{1,2}&#124;1dd&#124;2[0-4]d&#124;25[0-5]).(d{1,2}&#124;1dd&#124;2[0-4]d&#124;25[0-5])$"   //IP地址
<a name="entrymore"></a>
匹配中文字符的正则表达式： [\u4e00-\u9fa5]
匹配双字节字符(包括汉字在内)：[^\x00-\xff]
匹配空行的正则表达式：\n[\s&#124; ]*\r
匹配HTML标记的正则表达式：/&#60;(.*)&#62;.*&#60;\/\1&#62;&#124;&#60;(.*) \/&#62;/
匹配首尾空格的正则表达式：(^\s*)&#124;(\s*$)
匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*
匹配网址URL的正则表达式：^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$  
匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$
匹配国内电话号码：(\d{3}-&#124;\d{4}-)?(\d{8}&#124;\d{7})?
匹配腾讯QQ号：^[1-9]*[1-9][0-9]*$


元字符及其在正则表达式上下文中的行为：

\ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个后向引用、或一个八进制转义符。

^ 匹配输入字符串的开始位置。如果设置了 RegExp 对象的Multiline 属性，^ 也匹配 '\n' 或 '\r' 之后的位置。

$ 匹配输入字符串的结束位置。如果设置了 RegExp 对象的Multiline 属性，$ 也匹配 '\n' 或 '\r' 之前的位置。

* 匹配前面的子表达式零次或多次。

+ 匹配前面的子表达式一次或多次。+ 等价于 {1,}。

? 匹配前面的子表达式零次或一次。? 等价于 {0,1}。

{n} n 是一个非负整数，匹配确定的n 次。

{n,} n 是一个非负整数，至少匹配n 次。

{n,m} m 和 n 均为非负整数，其中n &#60;= m。最少匹配 n 次且最多匹配 m 次。在逗号和两个数之间不能有空格。

? 当该字符紧跟在任何一个其他限制符 (*, +, ?, {n}, {n,}, {n,m}) 后面时，匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串，而默认的贪婪模式则尽可能多的匹配所搜索的字符串。

. 匹配除 "\n" 之外的任何单个字符。要匹配包括 '\n' 在内的任何字符，请使用象 '[.\n]' 的模式。
(pattern) 匹配pattern 并获取这一匹配。

(?:pattern) 匹配pattern 但不获取匹配结果，也就是说这是一个非获取匹配，不进行存储供以后使用。

(?=pattern) 正向预查，在任何匹配 pattern 的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。  

(?!pattern) 负向预查，与(?=pattern)作用相反

x&#124;y 匹配 x 或 y。

[xyz] 字符集合。

[^xyz] 负值字符集合。

[a-z] 字符范围，匹配指定范围内的任意字符。

[^a-z] 负值字符范围，匹配任何不在指定范围内的任意字符。

\b 匹配一个单词边界，也就是指单词和空格间的位置。

\B 匹配非单词边界。

\cx 匹配由x指明的控制字符。

\d 匹配一个数字字符。等价于 [0-9]。

\D 匹配一个非数字字符。等价于 [^0-9]。

\f 匹配一个换页符。等价于 \x0c 和 \cL。

\n 匹配一个换行符。等价于 \x0a 和 \cJ。

\r 匹配一个回车符。等价于 \x0d 和 \cM。

\s 匹配任何空白字符，包括空格、制表符、换页符等等。等价于[ \f\n\r\t\v]。

\S 匹配任何非空白字符。等价于 [^ \f\n\r\t\v]。  

\t 匹配一个制表符。等价于 \x09 和 \cI。

\v 匹配一个垂直制表符。等价于 \x0b 和 \cK。

\w 匹配包括下划线的任何单词字符。等价于'[A-Za-z0-9_]'。

\W 匹配任何非单词字符。等价于 '[^A-Za-z0-9_]'。

\xn 匹配 n，其中 n 为十六进制转义值。十六进制转义值必须为确定的两个数字长。

\num 匹配 num，其中num是一个正整数。对所获取的匹配的引用。

\n 标识一个八进制转义值或一个后向引用。如果 \n 之前至少 n 个获取的子表达式，则 n 为后向引用。否则，如果 n 为八进制数字 (0-7)，则 n 为一个八进制转义值。

\nm 标识一个八进制转义值或一个后向引用。如果 \nm 之前至少有is preceded by at least nm 个获取得子表达式，则 nm 为后向引用。如果 \nm 之前至少有 n 个获取，则 n 为一个后跟文字 m 的后向引用。如果前面的条件都不满足，若 n 和 m 均为八进制数字 (0-7)，则 \nm 将匹配八进制转义值 nm。

\nml 如果 n 为八进制数字 (0-3)，且 m 和 l 均为八进制数字 (0-7)，则匹配八进制转义值 nml。

\un 匹配 n，其中 n 是一个用四个十六进制数字表示的Unicode字符。

匹配中文字符的正则表达式： [u4e00-u9fa5]

匹配双字节字符(包括汉字在内)：[^x00-xff]

匹配空行的正则表达式：n[s&#124; ]*r

匹配HTML标记的正则表达式：/&#60;(.*)&#62;.*&#124;&#60;(.*) /&#62;/

匹配首尾空格的正则表达式：(^s*)&#124;(s*$)

匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*

匹配网址URL的正则表达式：http://([w-]+.)+[w-]+(/[w- ./?%&#38;=]*)?

利用正则表达式限制网页表单里的文本框输入内容：

用 正则表达式限制只能输入中文：onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^u4E00-u9FA5]/g,''))"

用 正则表达式限制只能输入全角字符： onkeyup="value=value.replace(/[^uFF00-uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^uFF00-uFFFF]/g,''))"

用正则表达式限制只能输入数字：onkeyup="value=value.replace(/[^d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))"

用 正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))"

=========常用正则式



匹配中文字符的正则表达式： [\u4e00-\u9fa5]

匹配双字节字符(包括汉字在内)：[^\x00-\xff]

匹配空行的正则表达式：\n[\s&#124; ]*\r

匹配HTML标记的正则表达式：/&#60;(.*)&#62;.*&#60;\/\1&#62;&#124;&#60;(.*) \/&#62;/

匹配首尾空格的正则表达式：(^\s*)&#124;(\s*$)

匹配IP地址的正则表达式：/(\d+)\.(\d+)\.(\d+)\.(\d+)/g //

匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*

匹配网址URL的正则表达式：http://(/[\w-]+\.)+[\w-]+(/[\w- ./?%&#38;=]*)?

sql语句：^(select&#124;drop&#124;delete&#124;create&#124;update&#124;insert).*$

1、非负整数：^\d+$

2、正整数：^[0-9]*[1-9][0-9]*$

3、非正整数：^((-\d+)&#124;(0+))$

4、负整数：^-[0-9]*[1-9][0-9]*$

5、整数：^-?\d+$

6、非负浮点数：^\d+(\.\d+)?$

7、正浮点数：^((0-9)+\.[0-9]*[1-9][0-9]*)&#124;([0-9]*[1-9][0-9]*\.[0-9]+)&#124;([0-9]*[1-9][0-9]*))$

8、非正浮点数：^((-\d+\.\d+)?)&#124;(0+(\.0+)?))$

9、负浮点数：^(-((正浮点数正则式)))$

10、英文字符串：^[A-Za-z]+$

11、英文大写串：^[A-Z]+$

12、英文小写串：^[a-z]+$

13、英文字符数字串：^[A-Za-z0-9]+$

14、英数字加下划线串：^\w+$

15、E-mail地址：^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$  

16、URL：^[a-zA-Z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\s*)?$
或：^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&#38;_~`@[\]\':+!]*([^&#60;&#62;\"\"])*$

17、邮政编码：^[1-9]\d{5}$

18、中文：^[\u0391-\uFFE5]+$

19、电话号码：^((\(\d{2,3}\))&#124;(\d{3}\-))?(\(0\d{2,3}\)&#124;0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$

20、手机号码：^((\(\d{2,3}\))&#124;(\d{3}\-))?13\d{9}$

21、双字节字符(包括汉字在内)：^\x00-\xff

22、匹配首尾空格：(^\s*)&#124;(\s*$)（像vbscript那样的trim函数）

23、匹配HTML标记：&#60;(.*)&#62;.*&#60;\/\1&#62;&#124;&#60;(.*) \/&#62;

24、匹配空行：\n[\s&#124; ]*\r

25、提取信息中的网络链接：(h&#124;H)(r&#124;R)(e&#124;E)(f&#124;F) *= *('&#124;")?(\w&#124;\\&#124;\/&#124;\.)+('&#124;"&#124; *&#124;&#62;)?  

26、提取信息中的邮件地址：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*

27、提取信息中的图片链接：(s&#124;S)(r&#124;R)(c&#124;C) *= *('&#124;")?(\w&#124;\\&#124;\/&#124;\.)+('&#124;"&#124; *&#124;&#62;)?

28、提取信息中的IP地址：(\d+)\.(\d+)\.(\d+)\.(\d+)

29、提取信息中的中国手机号码：(86)*0*13\d{9}

30、提取信息中的中国固定电话号码：(\(\d{3,4}\)&#124;\d{3,4}-&#124;\s)?\d{8}

31、提取信息中的中国电话号码（包括移动和固定电话）：(\(\d{3,4}\)&#124;\d{3,4}-&#124;\s)?\d{7,14}

32、提取信息中的中国邮政编码：[1-9]{1}(\d+){5}

33、提取信息中的浮点数（即小数）：(-?\d*)\.?\d+

34、提取信息中的任何数字 ：(-?\d*)(\.\d+)?  

35、IP：(\d+)\.(\d+)\.(\d+)\.(\d+)

36、电话区号：/^0\d{2,3}$/

37、腾讯QQ号：^[1-9]*[1-9][0-9]*$

38、帐号(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$

39、中文、英文、数字及下划线：^[\u4e00-\u9fa5_a-zA-Z0-9]+$</div>]]></description>
			<content:encoded><![CDATA[<div>
<h2 id="t_591e70ee0100s203"><span style="font-size: 13px; font-weight: normal;">&#8220;^\d+$&#8221;　　//非负整数（正整数 + 0）</span></h2>
</div>
<div id="sina_keyword_ad_area2">&#8220;^[0-9]*[1-9][0-9]*$&#8221;　　//正整数<br />
&#8220;^((-\d+)|(0+))$&#8221;　　//非正整数（负整数 + 0）<br />
&#8220;^-[0-9]*[1-9][0-9]*$&#8221;　　//负整数<br />
&#8220;^-?\d+$&#8221;　　　　//整数<br />
&#8220;^\d+(\.\d+)?$&#8221;　　//非负浮点数（正浮点数 + 0）<br />
&#8220;^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$&#8221;　　//正浮点数<br />
&#8220;^((-\d+(\.\d+)?)|(0+(\.0+)?))$&#8221;　　//非正浮点数（负浮点数 + 0）<br />
&#8220;^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$&#8221;　　//负浮点数<br />
&#8220;^(-?\d+)(\.\d+)?$&#8221;　　//浮点数<br />
&#8220;^[A-Za-z]+$&#8221;　　//由26个英文字母组成的字符串<br />
&#8220;^[A-Z]+$&#8221;　　//由26个英文字母的大写组成的字符串<br />
&#8220;^[a-z]+$&#8221;　　//由26个英文字母的小写组成的字符串<br />
&#8220;^[A-Za-z0-9]+$&#8221;　　//由数字和26个英文字母组成的字符串<br />
&#8220;^\w+$&#8221;　　//由数字、26个英文字母或者下划线组成的字符串<br />
&#8220;^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$&#8221;　　　　//email地址<br />
&#8220;^[a-zA-z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$&#8221;　　//url<br />
/^(d{2}|d{4})-((0([1-9]{1}))|(1[1|2]))-(([0-2]([1-9]{1}))|(3[0|1]))$/   //  年-月-日<br />
/^((0([1-9]{1}))|(1[1|2]))/(([0-2]([1-9]{1}))|(3[0|1]))/(d{2}|d{4})$/   // 月/日/年<br />
&#8220;^([w-.]+)@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.)|(([w-]+.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(]?)$&#8221;  //Emil<br />
/^((\+?[0-9]{2,4}\-[0-9]{3,4}\-)|([0-9]{3,4}\-))?([0-9]{7,8})(\-[0-9]+)?$/     //电话号码<br />
&#8220;^(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5])$&#8221;   //IP地址<br />
<a name="entrymore"></a><br />
匹配中文字符的正则表达式： [\u4e00-\u9fa5]<br />
匹配双字节字符(包括汉字在内)：[^\x00-\xff]<br />
匹配空行的正则表达式：\n[\s| ]*\r<br />
匹配HTML标记的正则表达式：/&lt;(.*)&gt;.*&lt;\/\1&gt;|&lt;(.*) \/&gt;/<br />
匹配首尾空格的正则表达式：(^\s*)|(\s*$)<br />
匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*<br />
匹配网址URL的正则表达式：^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$ <br />
匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$<br />
匹配国内电话号码：(\d{3}-|\d{4}-)?(\d{8}|\d{7})?<br />
匹配腾讯QQ号：^[1-9]*[1-9][0-9]*$</p>
<p>元字符及其在正则表达式上下文中的行为：</p>
<p>\ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个后向引用、或一个八进制转义符。</p>
<p>^ 匹配输入字符串的开始位置。如果设置了 RegExp 对象的Multiline 属性，^ 也匹配 &#8216;\n&#8217; 或 &#8216;\r&#8217; 之后的位置。</p>
<p>$ 匹配输入字符串的结束位置。如果设置了 RegExp 对象的Multiline 属性，$ 也匹配 &#8216;\n&#8217; 或 &#8216;\r&#8217; 之前的位置。</p>
<p>* 匹配前面的子表达式零次或多次。</p>
<p>+ 匹配前面的子表达式一次或多次。+ 等价于 {1,}。</p>
<p>? 匹配前面的子表达式零次或一次。? 等价于 {0,1}。</p>
<p>{n} n 是一个非负整数，匹配确定的n 次。</p>
<p>{n,} n 是一个非负整数，至少匹配n 次。</p>
<p>{n,m} m 和 n 均为非负整数，其中n &lt;= m。最少匹配 n 次且最多匹配 m 次。在逗号和两个数之间不能有空格。</p>
<p>? 当该字符紧跟在任何一个其他限制符 (*, +, ?, {n}, {n,}, {n,m}) 后面时，匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串，而默认的贪婪模式则尽可能多的匹配所搜索的字符串。</p>
<p>. 匹配除 &#8220;\n&#8221; 之外的任何单个字符。要匹配包括 &#8216;\n&#8217; 在内的任何字符，请使用象 &#8216;[.\n]&#8216; 的模式。<br />
(pattern) 匹配pattern 并获取这一匹配。</p>
<p>(?:pattern) 匹配pattern 但不获取匹配结果，也就是说这是一个非获取匹配，不进行存储供以后使用。</p>
<p>(?=pattern) 正向预查，在任何匹配 pattern 的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。  </p>
<p>(?!pattern) 负向预查，与(?=pattern)作用相反</p>
<p>x|y 匹配 x 或 y。</p>
<p>[xyz] 字符集合。</p>
<p>[^xyz] 负值字符集合。</p>
<p>[a-z] 字符范围，匹配指定范围内的任意字符。</p>
<p>[^a-z] 负值字符范围，匹配任何不在指定范围内的任意字符。</p>
<p>\b 匹配一个单词边界，也就是指单词和空格间的位置。</p>
<p>\B 匹配非单词边界。</p>
<p>\cx 匹配由x指明的控制字符。</p>
<p>\d 匹配一个数字字符。等价于 [0-9]。</p>
<p>\D 匹配一个非数字字符。等价于 [^0-9]。</p>
<p>\f 匹配一个换页符。等价于 \x0c 和 \cL。</p>
<p>\n 匹配一个换行符。等价于 \x0a 和 \cJ。</p>
<p>\r 匹配一个回车符。等价于 \x0d 和 \cM。</p>
<p>\s 匹配任何空白字符，包括空格、制表符、换页符等等。等价于[ \f\n\r\t\v]。</p>
<p>\S 匹配任何非空白字符。等价于 [^ \f\n\r\t\v]。  </p>
<p>\t 匹配一个制表符。等价于 \x09 和 \cI。</p>
<p>\v 匹配一个垂直制表符。等价于 \x0b 和 \cK。</p>
<p>\w 匹配包括下划线的任何单词字符。等价于&#8217;[A-Za-z0-9_]&#8216;。</p>
<p>\W 匹配任何非单词字符。等价于 &#8216;[^A-Za-z0-9_]&#8216;。</p>
<p>\xn 匹配 n，其中 n 为十六进制转义值。十六进制转义值必须为确定的两个数字长。</p>
<p>\num 匹配 num，其中num是一个正整数。对所获取的匹配的引用。</p>
<p>\n 标识一个八进制转义值或一个后向引用。如果 \n 之前至少 n 个获取的子表达式，则 n 为后向引用。否则，如果 n 为八进制数字 (0-7)，则 n 为一个八进制转义值。</p>
<p>\nm 标识一个八进制转义值或一个后向引用。如果 \nm 之前至少有is preceded by at least nm 个获取得子表达式，则 nm 为后向引用。如果 \nm 之前至少有 n 个获取，则 n 为一个后跟文字 m 的后向引用。如果前面的条件都不满足，若 n 和 m 均为八进制数字 (0-7)，则 \nm 将匹配八进制转义值 nm。</p>
<p>\nml 如果 n 为八进制数字 (0-3)，且 m 和 l 均为八进制数字 (0-7)，则匹配八进制转义值 nml。</p>
<p>\un 匹配 n，其中 n 是一个用四个十六进制数字表示的Unicode字符。</p>
<p>匹配中文字符的正则表达式： [u4e00-u9fa5]</p>
<p>匹配双字节字符(包括汉字在内)：[^x00-xff]</p>
<p>匹配空行的正则表达式：n[s| ]*r</p>
<p>匹配HTML标记的正则表达式：/&lt;(.*)&gt;.*|&lt;(.*) /&gt;/</p>
<p>匹配首尾空格的正则表达式：(^s*)|(s*$)</p>
<p>匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*</p>
<p>匹配网址URL的正则表达式：http://([w-]+.)+[w-]+(/[w- ./?%&amp;=]*)?</p>
<p>利用正则表达式限制网页表单里的文本框输入内容：</p>
<p>用 正则表达式限制只能输入中文：onkeyup=&#8221;value=value.replace(/[^u4E00-u9FA5]/g,&#8221;)&#8221; onbeforepaste=&#8221;clipboardData.setData(&#8216;text&#8217;,clipboardData.getData(&#8216;text&#8217;).replace(/[^u4E00-u9FA5]/g,&#8221;))&#8221;</p>
<p>用 正则表达式限制只能输入全角字符： onkeyup=&#8221;value=value.replace(/[^uFF00-uFFFF]/g,&#8221;)&#8221; onbeforepaste=&#8221;clipboardData.setData(&#8216;text&#8217;,clipboardData.getData(&#8216;text&#8217;).replace(/[^uFF00-uFFFF]/g,&#8221;))&#8221;</p>
<p>用正则表达式限制只能输入数字：onkeyup=&#8221;value=value.replace(/[^d]/g,&#8221;) &#8220;onbeforepaste=&#8221;clipboardData.setData(&#8216;text&#8217;,clipboardData.getData(&#8216;text&#8217;).replace(/[^d]/g,&#8221;))&#8221;</p>
<p>用 正则表达式限制只能输入数字和英文：onkeyup=&#8221;value=value.replace(/[W]/g,&#8221;) &#8220;onbeforepaste=&#8221;clipboardData.setData(&#8216;text&#8217;,clipboardData.getData(&#8216;text&#8217;).replace(/[^d]/g,&#8221;))&#8221;</p>
<p>=========常用正则式</p>
<p>匹配中文字符的正则表达式： [\u4e00-\u9fa5]</p>
<p>匹配双字节字符(包括汉字在内)：[^\x00-\xff]</p>
<p>匹配空行的正则表达式：\n[\s| ]*\r</p>
<p>匹配HTML标记的正则表达式：/&lt;(.*)&gt;.*&lt;\/\1&gt;|&lt;(.*) \/&gt;/</p>
<p>匹配首尾空格的正则表达式：(^\s*)|(\s*$)</p>
<p>匹配IP地址的正则表达式：/(\d+)\.(\d+)\.(\d+)\.(\d+)/g //</p>
<p>匹配Email地址的正则表达式：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*</p>
<p>匹配网址URL的正则表达式：http://(/[\w-]+\.)+[\w-]+(/[\w- ./?%&amp;=]*)?</p>
<p>sql语句：^(select|drop|delete|create|update|insert).*$</p>
<p>1、非负整数：^\d+$</p>
<p>2、正整数：^[0-9]*[1-9][0-9]*$</p>
<p>3、非正整数：^((-\d+)|(0+))$</p>
<p>4、负整数：^-[0-9]*[1-9][0-9]*$</p>
<p>5、整数：^-?\d+$</p>
<p>6、非负浮点数：^\d+(\.\d+)?$</p>
<p>7、正浮点数：^((0-9)+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$</p>
<p>8、非正浮点数：^((-\d+\.\d+)?)|(0+(\.0+)?))$</p>
<p>9、负浮点数：^(-((正浮点数正则式)))$</p>
<p>10、英文字符串：^[A-Za-z]+$</p>
<p>11、英文大写串：^[A-Z]+$</p>
<p>12、英文小写串：^[a-z]+$</p>
<p>13、英文字符数字串：^[A-Za-z0-9]+$</p>
<p>14、英数字加下划线串：^\w+$</p>
<p>15、E-mail地址：^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$  </p>
<p>16、URL：^[a-zA-Z]+://(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\s*)?$<br />
或：^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&amp;_~`@[\]\&#8217;:+!]*([^&lt;&gt;\"\"])*$</p>
<p>17、邮政编码：^[1-9]\d{5}$</p>
<p>18、中文：^[\u0391-\uFFE5]+$</p>
<p>19、电话号码：^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$</p>
<p>20、手机号码：^((\(\d{2,3}\))|(\d{3}\-))?13\d{9}$</p>
<p>21、双字节字符(包括汉字在内)：^\x00-\xff</p>
<p>22、匹配首尾空格：(^\s*)|(\s*$)（像vbscript那样的trim函数）</p>
<p>23、匹配HTML标记：&lt;(.*)&gt;.*&lt;\/\1&gt;|&lt;(.*) \/&gt;</p>
<p>24、匹配空行：\n[\s| ]*\r</p>
<p>25、提取信息中的网络链接：(h|H)(r|R)(e|E)(f|F) *= *(&#8216;|&#8221;)?(\w|\\|\/|\.)+(&#8216;|&#8221;| *|&gt;)?  </p>
<p>26、提取信息中的邮件地址：\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*</p>
<p>27、提取信息中的图片链接：(s|S)(r|R)(c|C) *= *(&#8216;|&#8221;)?(\w|\\|\/|\.)+(&#8216;|&#8221;| *|&gt;)?</p>
<p>28、提取信息中的IP地址：(\d+)\.(\d+)\.(\d+)\.(\d+)</p>
<p>29、提取信息中的中国手机号码：(86)*0*13\d{9}</p>
<p>30、提取信息中的中国固定电话号码：(\(\d{3,4}\)|\d{3,4}-|\s)?\d{8}</p>
<p>31、提取信息中的中国电话号码（包括移动和固定电话）：(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}</p>
<p>32、提取信息中的中国邮政编码：[1-9]{1}(\d+){5}</p>
<p>33、提取信息中的浮点数（即小数）：(-?\d*)\.?\d+</p>
<p>34、提取信息中的任何数字 ：(-?\d*)(\.\d+)?  </p>
<p>35、IP：(\d+)\.(\d+)\.(\d+)\.(\d+)</p>
<p>36、电话区号：/^0\d{2,3}$/</p>
<p>37、腾讯QQ号：^[1-9]*[1-9][0-9]*$</p>
<p>38、帐号(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$</p>
<p>39、中文、英文、数字及下划线：^[\u4e00-\u9fa5_a-zA-Z0-9]+$</p></div>
<div style=float:left><!-- JiaThis Button BEGIN -->
<div id="ckepop">
	<span class="jiathis_txt">分享到：</span>
	<a class="jiathis_button_icons_1"></a>
	<a class="jiathis_button_icons_2"></a>
	<a class="jiathis_button_icons_3"></a>
	<a class="jiathis_button_icons_4"></a>
	<a class="jiathis_button_icons_5"></a>
	<a class="jiathis_button_icons_6"></a>
	<a class="jiathis_button_icons_7"></a>
	<a class="jiathis_button_icons_8"></a>
	<a class="jiathis_button_icons_9"></a>
	<a class="jiathis_button_icons_10"></a>
	<a href="http://www.jiathis.com/share?uid=1555452" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
	<a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript">var jiathis_config = {data_track_clickback:true};</script>
<script type="text/javascript" src="http://v2.jiathis.com/code/jia.js?uid=1555452" charset="utf-8"></script>
<!-- JiaThis Button END --></div>]]></content:encoded>
			<wfw:commentRss>http://ued.myechinese.com/?feed=rss2&#038;p=68</wfw:commentRss>
		<slash:comments>8478</slash:comments>
		</item>
		<item>
		<title>CSS 中文字体对照表</title>
		<link>http://ued.myechinese.com/?p=65</link>
		<comments>http://ued.myechinese.com/?p=65#comments</comments>
		<pubDate>Fri, 23 Dec 2011 00:25:16 +0000</pubDate>
		<dc:creator>冬虫草</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://ued.myechinese.com/?p=65</guid>
		<description><![CDATA[<div></div>
<div id="sina_keyword_ad_area2">
<table width="100%">
<thead>
<tr>
<th>中文名</th>
<th>英文名</th>
<th>Unicode</th>
</tr>
<tr>
<th colspan="4">Mac OS</th>
</tr>
</thead>
<tbody>
<tr>
<td>华文细黑</td>
<td>STHeiti Light [STXihei]</td>
<td>\534E\6587\7EC6\9ED1</td>
</tr>
<tr>
<td>华文黑体</td>
<td>STHeiti</td>
<td>\534E\6587\9ED1\4F53</td>
</tr>
<tr>
<td>华文楷体</td>
<td>STKaiti</td>
<td>\534E\6587\6977\4F53</td>
</tr>
<tr>
<td>华文宋体</td>
<td>STSong</td>
<td>\534E\6587\5B8B\4F53</td>
</tr>
<tr>
<td>华文仿宋</td>
<td>STFangsong</td>
<td>\534E\6587\4EFF\5B8B</td>
</tr>
<tr>
<td>丽黑 Pro</td>
<td>LiHei Pro Medium</td>
<td>\4E3D\9ED1 Pro</td>
</tr>
<tr>
<td>丽宋 Pro</td>
<td>LiSong Pro Light</td>
<td>\4E3D\5B8B Pro</td>
</tr>
<tr>
<td>标楷体</td>
<td>BiauKai</td>
<td>\6807\6977\4F53</td>
</tr>
<tr>
<td>苹果丽中黑</td>
<td>Apple LiGothic Medium</td>
<td>\82F9\679C\4E3D\4E2D\9ED1</td>
</tr>
<tr>
<td>苹果丽细宋</td>
<td>Apple LiSung Light</td>
<td>\82F9\679C\4E3D\7EC6\5B8B</td>
</tr>
</tbody>
<thead>
<tr>
<th colspan="4">Windows</th>
</tr>
</thead>
<tbody>
<tr>
<td>新细明体</td>
<td>PMingLiU</td>
<td>\65B0\7EC6\660E\4F53</td>
</tr>
<tr>
<td>细明体</td>
<td>MingLiU</td>
<td>\7EC6\660E\4F53</td>
</tr>
<tr>
<td>标楷体</td>
<td>DFKai-SB</td>
<td>\6807\6977\4F53</td>
</tr>
<tr>
<td>黑体</td>
<td>SimHei</td>
<td>\9ED1\4F53</td>
</tr>
<tr>
<td>宋体</td>
<td>SimSun</td>
<td>\5B8B\4F53</td>
</tr>
<tr>
<td>新宋体</td>
<td>NSimSun</td>
<td>\65B0\5B8B\4F53</td>
</tr>
<tr>
<td>仿宋</td>
<td>FangSong</td>
<td>\4EFF\5B8B</td>
</tr>
<tr>
<td>楷体</td>
<td>KaiTi</td>
<td>\6977\4F53</td>
</tr>
<tr>
<td>仿宋_GB2312</td>
<td>FangSong_GB2312</td>
<td>\4EFF\5B8B_GB2312</td>
</tr>
<tr>
<td>楷体_GB2312</td>
<td>KaiTi_GB2312</td>
<td>\6977\4F53_GB2312</td>
</tr>
<tr>
<td>微软正黑体</td>
<td>Microsoft JhengHei</td>
<td>\5FAE\x8F6F\6B63\9ED1\4F53</td>
</tr>
<tr>
<td>微软雅黑</td>
<td>Microsoft YaHei</td>
<td>\5FAE\8F6F\96C5\9ED1</td>
</tr>
</tbody>
<thead>
<tr>
<th colspan="4">Office</th>
</tr>
</thead>
<tbody>
<tr>
<td>隶书</td>
<td>LiSu</td>
<td>\96B6\4E66</td>
</tr>
<tr>
<td>幼圆</td>
<td>YouYuan</td>
<td>\5E7C\5706</td>
</tr>
<tr>
<td>华文细黑</td>
<td>STXihei</td>
<td>\534E\6587\7EC6\9ED1</td>
</tr>
<tr>
<td>华文楷体</td>
<td>STKaiti</td>
<td>\534E\6587\6977\4F53</td>
</tr>
<tr>
<td>华文宋体</td>
<td>STSong</td>
<td>\534E\6587\5B8B\4F53</td>
</tr>
<tr>
<td>华文中宋</td>
<td>STZhongsong</td>
<td>\534E\6587\4E2D\5B8B</td>
</tr>
<tr>
<td>华文仿宋</td>
<td>STFangsong</td>
<td>\534E\6587\4EFF\5B8B</td>
</tr>
<tr>
<td>方正舒体</td>
<td>FZShuTi</td>
<td>\65B9\6B63\8212\4F53</td>
</tr>
<tr>
<td>方正姚体</td>
<td>FZYaoti</td>
<td>\65B9\6B63\59DA\4F53</td>
</tr>
<tr>
<td>华文彩云</td>
<td>STCaiyun</td>
<td>\534E\6587\5F69\4E91</td>
</tr>
<tr>
<td>华文琥珀</td>
<td>STHupo</td>
<td>\534E\6587\7425\73C0</td>
</tr>
<tr>
<td>华文隶书</td>
<td>STLiti</td>
<td>\534E\6587\96B6\4E66</td>
</tr>
<tr>
<td>华文行楷</td>
<td>STXingkai</td>
<td>\534E\6587\884C\6977</td>
</tr>
<tr>
<td>华文新魏</td>
<td>STXinwei</td>
<td>\534E\6587\65B0\9B4F</td>
</tr>
</tbody>
</table>
</div>
&#160;]]></description>
			<content:encoded><![CDATA[<div></div>
<div id="sina_keyword_ad_area2">
<table width="100%">
<thead>
<tr>
<th>中文名</th>
<th>英文名</th>
<th>Unicode</th>
</tr>
<tr>
<th colspan="4">Mac OS</th>
</tr>
</thead>
<tbody>
<tr>
<td>华文细黑</td>
<td>STHeiti Light [STXihei]</td>
<td>\534E\6587\7EC6\9ED1</td>
</tr>
<tr>
<td>华文黑体</td>
<td>STHeiti</td>
<td>\534E\6587\9ED1\4F53</td>
</tr>
<tr>
<td>华文楷体</td>
<td>STKaiti</td>
<td>\534E\6587\6977\4F53</td>
</tr>
<tr>
<td>华文宋体</td>
<td>STSong</td>
<td>\534E\6587\5B8B\4F53</td>
</tr>
<tr>
<td>华文仿宋</td>
<td>STFangsong</td>
<td>\534E\6587\4EFF\5B8B</td>
</tr>
<tr>
<td>丽黑 Pro</td>
<td>LiHei Pro Medium</td>
<td>\4E3D\9ED1 Pro</td>
</tr>
<tr>
<td>丽宋 Pro</td>
<td>LiSong Pro Light</td>
<td>\4E3D\5B8B Pro</td>
</tr>
<tr>
<td>标楷体</td>
<td>BiauKai</td>
<td>\6807\6977\4F53</td>
</tr>
<tr>
<td>苹果丽中黑</td>
<td>Apple LiGothic Medium</td>
<td>\82F9\679C\4E3D\4E2D\9ED1</td>
</tr>
<tr>
<td>苹果丽细宋</td>
<td>Apple LiSung Light</td>
<td>\82F9\679C\4E3D\7EC6\5B8B</td>
</tr>
</tbody>
<thead>
<tr>
<th colspan="4">Windows</th>
</tr>
</thead>
<tbody>
<tr>
<td>新细明体</td>
<td>PMingLiU</td>
<td>\65B0\7EC6\660E\4F53</td>
</tr>
<tr>
<td>细明体</td>
<td>MingLiU</td>
<td>\7EC6\660E\4F53</td>
</tr>
<tr>
<td>标楷体</td>
<td>DFKai-SB</td>
<td>\6807\6977\4F53</td>
</tr>
<tr>
<td>黑体</td>
<td>SimHei</td>
<td>\9ED1\4F53</td>
</tr>
<tr>
<td>宋体</td>
<td>SimSun</td>
<td>\5B8B\4F53</td>
</tr>
<tr>
<td>新宋体</td>
<td>NSimSun</td>
<td>\65B0\5B8B\4F53</td>
</tr>
<tr>
<td>仿宋</td>
<td>FangSong</td>
<td>\4EFF\5B8B</td>
</tr>
<tr>
<td>楷体</td>
<td>KaiTi</td>
<td>\6977\4F53</td>
</tr>
<tr>
<td>仿宋_GB2312</td>
<td>FangSong_GB2312</td>
<td>\4EFF\5B8B_GB2312</td>
</tr>
<tr>
<td>楷体_GB2312</td>
<td>KaiTi_GB2312</td>
<td>\6977\4F53_GB2312</td>
</tr>
<tr>
<td>微软正黑体</td>
<td>Microsoft JhengHei</td>
<td>\5FAE\x8F6F\6B63\9ED1\4F53</td>
</tr>
<tr>
<td>微软雅黑</td>
<td>Microsoft YaHei</td>
<td>\5FAE\8F6F\96C5\9ED1</td>
</tr>
</tbody>
<thead>
<tr>
<th colspan="4">Office</th>
</tr>
</thead>
<tbody>
<tr>
<td>隶书</td>
<td>LiSu</td>
<td>\96B6\4E66</td>
</tr>
<tr>
<td>幼圆</td>
<td>YouYuan</td>
<td>\5E7C\5706</td>
</tr>
<tr>
<td>华文细黑</td>
<td>STXihei</td>
<td>\534E\6587\7EC6\9ED1</td>
</tr>
<tr>
<td>华文楷体</td>
<td>STKaiti</td>
<td>\534E\6587\6977\4F53</td>
</tr>
<tr>
<td>华文宋体</td>
<td>STSong</td>
<td>\534E\6587\5B8B\4F53</td>
</tr>
<tr>
<td>华文中宋</td>
<td>STZhongsong</td>
<td>\534E\6587\4E2D\5B8B</td>
</tr>
<tr>
<td>华文仿宋</td>
<td>STFangsong</td>
<td>\534E\6587\4EFF\5B8B</td>
</tr>
<tr>
<td>方正舒体</td>
<td>FZShuTi</td>
<td>\65B9\6B63\8212\4F53</td>
</tr>
<tr>
<td>方正姚体</td>
<td>FZYaoti</td>
<td>\65B9\6B63\59DA\4F53</td>
</tr>
<tr>
<td>华文彩云</td>
<td>STCaiyun</td>
<td>\534E\6587\5F69\4E91</td>
</tr>
<tr>
<td>华文琥珀</td>
<td>STHupo</td>
<td>\534E\6587\7425\73C0</td>
</tr>
<tr>
<td>华文隶书</td>
<td>STLiti</td>
<td>\534E\6587\96B6\4E66</td>
</tr>
<tr>
<td>华文行楷</td>
<td>STXingkai</td>
<td>\534E\6587\884C\6977</td>
</tr>
<tr>
<td>华文新魏</td>
<td>STXinwei</td>
<td>\534E\6587\65B0\9B4F</td>
</tr>
</tbody>
</table>
</div>
<p>&nbsp;</p>
<div style=float:left><!-- JiaThis Button BEGIN -->
<div id="ckepop">
	<span class="jiathis_txt">分享到：</span>
	<a class="jiathis_button_icons_1"></a>
	<a class="jiathis_button_icons_2"></a>
	<a class="jiathis_button_icons_3"></a>
	<a class="jiathis_button_icons_4"></a>
	<a class="jiathis_button_icons_5"></a>
	<a class="jiathis_button_icons_6"></a>
	<a class="jiathis_button_icons_7"></a>
	<a class="jiathis_button_icons_8"></a>
	<a class="jiathis_button_icons_9"></a>
	<a class="jiathis_button_icons_10"></a>
	<a href="http://www.jiathis.com/share?uid=1555452" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
	<a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript">var jiathis_config = {data_track_clickback:true};</script>
<script type="text/javascript" src="http://v2.jiathis.com/code/jia.js?uid=1555452" charset="utf-8"></script>
<!-- JiaThis Button END --></div>]]></content:encoded>
			<wfw:commentRss>http://ued.myechinese.com/?feed=rss2&#038;p=65</wfw:commentRss>
		<slash:comments>13972</slash:comments>
		</item>
		<item>
		<title>JS 有关获取宽、高的一些属性</title>
		<link>http://ued.myechinese.com/?p=60</link>
		<comments>http://ued.myechinese.com/?p=60#comments</comments>
		<pubDate>Wed, 21 Dec 2011 06:33:05 +0000</pubDate>
		<dc:creator>冬虫草</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[JS]]></category>

		<guid isPermaLink="false">http://ued.myechinese.com/?p=60</guid>
		<description><![CDATA[网页可见区域宽：document.body.clientWidth
网页可见区域高：document.body.clientHeight
网页可见区域宽：document.body.offsetWidth (包括边线的宽)
网页可见区域高：document.body.offsetHeight (包括边线的宽)
网页正文全文宽：document.body.scrollWidth
网页正文全文高：document.body.scrollHeight
网页被卷去的高：document.body.scrollTop
网页被卷去的左：document.body.scrollLeft
网页正文部分上：window.screenTop
网页正文部分左：window.screenLeft
屏幕分辨率的高：window.screen.height
屏幕分辨率的宽：window.screen.width
屏幕可用工作区高度：window.screen.availHeight
屏幕可用工作区宽度：window.screen.availWidth

&#160;

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX 相对文档的水平座标
event.clientY 相对文档的垂直座标
event.offsetX 相对容器的水平坐标
event.offsetY 相对容器的垂直坐标
document.documentElement.scrollTop 垂直方向滚动的值
event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量

&#160;]]></description>
			<content:encoded><![CDATA[<p>网页可见区域宽：document.body.clientWidth<br />
网页可见区域高：document.body.clientHeight<br />
网页可见区域宽：document.body.offsetWidth (包括边线的宽)<br />
网页可见区域高：document.body.offsetHeight (包括边线的宽)<br />
网页正文全文宽：document.body.scrollWidth<br />
网页正文全文高：document.body.scrollHeight<br />
网页被卷去的高：document.body.scrollTop<br />
网页被卷去的左：document.body.scrollLeft<br />
网页正文部分上：window.screenTop<br />
网页正文部分左：window.screenLeft<br />
屏幕分辨率的高：window.screen.height<br />
屏幕分辨率的宽：window.screen.width<br />
屏幕可用工作区高度：window.screen.availHeight<br />
屏幕可用工作区宽度：window.screen.availWidth</p>
<p>&nbsp;</p>
<p>HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth<br />
scrollHeight: 获取对象的滚动高度。<br />
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离<br />
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离<br />
scrollWidth:获取对象的滚动宽度<br />
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度<br />
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置<br />
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置<br />
event.clientX 相对文档的水平座标<br />
event.clientY 相对文档的垂直座标<br />
event.offsetX 相对容器的水平坐标<br />
event.offsetY 相对容器的垂直坐标<br />
document.documentElement.scrollTop 垂直方向滚动的值<br />
event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量</p>
<p>&nbsp;</p>
<div style=float:left><!-- JiaThis Button BEGIN -->
<div id="ckepop">
	<span class="jiathis_txt">分享到：</span>
	<a class="jiathis_button_icons_1"></a>
	<a class="jiathis_button_icons_2"></a>
	<a class="jiathis_button_icons_3"></a>
	<a class="jiathis_button_icons_4"></a>
	<a class="jiathis_button_icons_5"></a>
	<a class="jiathis_button_icons_6"></a>
	<a class="jiathis_button_icons_7"></a>
	<a class="jiathis_button_icons_8"></a>
	<a class="jiathis_button_icons_9"></a>
	<a class="jiathis_button_icons_10"></a>
	<a href="http://www.jiathis.com/share?uid=1555452" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
	<a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript">var jiathis_config = {data_track_clickback:true};</script>
<script type="text/javascript" src="http://v2.jiathis.com/code/jia.js?uid=1555452" charset="utf-8"></script>
<!-- JiaThis Button END --></div>]]></content:encoded>
			<wfw:commentRss>http://ued.myechinese.com/?feed=rss2&#038;p=60</wfw:commentRss>
		<slash:comments>881</slash:comments>
		</item>
		<item>
		<title>手指触摸滑动事件的代码，做webApp的朋友可以用到</title>
		<link>http://ued.myechinese.com/?p=52</link>
		<comments>http://ued.myechinese.com/?p=52#comments</comments>
		<pubDate>Wed, 21 Dec 2011 05:54:46 +0000</pubDate>
		<dc:creator>冬虫草</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://ued.myechinese.com/?p=52</guid>
		<description><![CDATA[手指触摸滑动事件的代码，做webApp的朋友可以用到
<div>
<div>&#60;script&#62;</div>
<div>$(document).ready(function(){</div>
<div>var startX,startY,endX,endY</div>
<div>var scrollTopVal=0; //左右滑动请自行修改</div>
<div>//假定接受手指触摸事件的Dom对象id是"touchBox"</div>
<div>document.getElementByIdx_x_x("touchBox").addEventListener("touchstart", touchStart, false);</div>
<div>document.getElementByIdx_x_x("touchBox").addEventListener("touchmove", touchMove, false);</div>
<div>document.getElementByIdx_x_x("touchBox").addEventListener("touchend", touchEnd, false);</div>
<div>function touchStart(event){</div>
<div>var touch = event.touches[0];</div>
<div>startY = touch.pageY;</div>
<div>}</div>
<div>function touchMove(event){</div>
<div>var touch = event.touches[0];</div>
<div>endY = (startY-touch.pageY);</div>
<div>if(scrollTopVal==0){</div>
<div>$("#touchBox").scrollTop((endY+100));</div>
<div>}else{</div>
<div>$("#touchBox").scrollTop(scrollTopVal+endY+100);</div>
<div>}</div>
<div>}</div>
<div>function touchEnd(event){</div>
<div>scrollTopVal=$("#touchBox").scrollTop();</div>
<div>}</div>
<div>});</div>
<div>&#60;/script&#62;</div>
</div>
&#160;

&#160;]]></description>
			<content:encoded><![CDATA[<p>手指触摸滑动事件的代码，做webApp的朋友可以用到</p>
<div>
<div>&lt;script&gt;</div>
<div>$(document).ready(function(){</div>
<div>var startX,startY,endX,endY</div>
<div>var scrollTopVal=0; //左右滑动请自行修改</div>
<div>//假定接受手指触摸事件的Dom对象id是&#8221;touchBox&#8221;</div>
<div>document.getElementByIdx_x_x(&#8220;touchBox&#8221;).addEventListener(&#8220;touchstart&#8221;, touchStart, false);</div>
<div>document.getElementByIdx_x_x(&#8220;touchBox&#8221;).addEventListener(&#8220;touchmove&#8221;, touchMove, false);</div>
<div>document.getElementByIdx_x_x(&#8220;touchBox&#8221;).addEventListener(&#8220;touchend&#8221;, touchEnd, false);</div>
<div>function touchStart(event){</div>
<div>var touch = event.touches[0];</div>
<div>startY = touch.pageY;</div>
<div>}</div>
<div>function touchMove(event){</div>
<div>var touch = event.touches[0];</div>
<div>endY = (startY-touch.pageY);</div>
<div>if(scrollTopVal==0){</div>
<div>$(&#8220;#touchBox&#8221;).scrollTop((endY+100));</div>
<div>}else{</div>
<div>$(&#8220;#touchBox&#8221;).scrollTop(scrollTopVal+endY+100);</div>
<div>}</div>
<div>}</div>
<div>function touchEnd(event){</div>
<div>scrollTopVal=$(&#8220;#touchBox&#8221;).scrollTop();</div>
<div>}</div>
<div>});</div>
<div>&lt;/script&gt;</div>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div style=float:left><!-- JiaThis Button BEGIN -->
<div id="ckepop">
	<span class="jiathis_txt">分享到：</span>
	<a class="jiathis_button_icons_1"></a>
	<a class="jiathis_button_icons_2"></a>
	<a class="jiathis_button_icons_3"></a>
	<a class="jiathis_button_icons_4"></a>
	<a class="jiathis_button_icons_5"></a>
	<a class="jiathis_button_icons_6"></a>
	<a class="jiathis_button_icons_7"></a>
	<a class="jiathis_button_icons_8"></a>
	<a class="jiathis_button_icons_9"></a>
	<a class="jiathis_button_icons_10"></a>
	<a href="http://www.jiathis.com/share?uid=1555452" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a>
	<a class="jiathis_counter_style"></a>
</div>
<script type="text/javascript">var jiathis_config = {data_track_clickback:true};</script>
<script type="text/javascript" src="http://v2.jiathis.com/code/jia.js?uid=1555452" charset="utf-8"></script>
<!-- JiaThis Button END --></div>]]></content:encoded>
			<wfw:commentRss>http://ued.myechinese.com/?feed=rss2&#038;p=52</wfw:commentRss>
		<slash:comments>10534</slash:comments>
		</item>
	</channel>
</rss>
