April 17, 2010
vi显示行号
"在VI的命令模式下输入“:set nu”\n或者修改vi配置文件“vi ~/.vimrc”,在其中添加“set nu”\n在VI的命令模式下输入“:set nu”,就有行号了。\n但是想将这个设置写进VI的配置文件,就\nvi ~/.vimrc 在这个文件中,添加\nset nu\n就行了\nset nu — to display line no\nset nonu — not to display line no\nctrl + g 可以知道cursor的那一行的行数\nshift+g可以到最后一行。在:下输入行号,可到达对应行"
April 15, 2010
IIS中的上传目录权限设置问题
"虽然 Apache 的名声可能比 IIS 好,但我相信用 IIS 来做 Web 服务器的人一定也不少。说实话,我觉得 IIS 还是不错的,尤其是 Windows 2003 的 IIS 6(马上 Longhorn Server 的 IIS 7 也就要来了,相信会更好),性能和稳定性都相当不错。但是我发现许多用 IIS 的人不太会设置 Web 服务器的权限,因此,出现漏洞被人黑掉也就不足为奇了。但我们不应该把这归咎于 IIS 的不安全。如果对站点的每个目录都配以正确的权限,出现漏洞被人黑掉的机会还是很小的(Web 应用程序本身有问题和通过其它方式入侵黑掉服务器的除外)。下面是我在配置过程中总结的一些经验,希望对大家有所帮助。IIS Web 服务器的权限设置有两个地方,一个是 NTFS 文件系统本身的权限设置,另一个是 IIS 下网站-\u0026gt;站点-\u0026gt;属性-\u0026gt;主目录(或站点下目录-\u0026gt;属性-\u0026gt;目录)面板上。这两个地方是密切相关的。下面我会以实例的方式来讲解如何设置权限。\nIIS 下网站-\u0026gt;站点-\u0026gt;属性-\u0026gt;主目录(或站点下目录-\u0026gt;属性-\u0026gt;目 …"
April 15, 2010
FCKeditor2.6.5及后续版本配置及中文上传乱码解决(PHP)
"1、首先去官网下载FCKeditor2.6.5 多国语言版。 http://ckeditor.com/download,注意: 第一个为最新3.0.1版,第二个才是FCKeditor 2.6.5\n2、删除不必要的东西:\n删除/FCKeditor/目录下除 fckconfig.js,fckeditor.js,fckstyles.xml,fcktemplates.xml,fckeditor.php,fckeditor_php5.php,fckeditor_php4.php 七个文件以外的所有文件; 删除目录/editor/_source(基本上,所有_开头的文件夹或文件都是可选的); 删除/editor/filemanager/connectors/下除了php目录的所有目录; 删除/editor/lang/下的除了 en.js, zh.js, zh-cn.js三个文件的所有文件。\n3、打开/FCKeditor/fckconfig.js 修改 var FCKConfig.DefaultLanguage = ‘zh-cn’ ; var _FileBrowserLanguage = ‘php’ …"
April 14, 2010
SET 和 SHOW语法(三)
"译者:叶金荣(Email:),来源:MySQL手册版 本 5.0.20,转载请注明译者和出处,并且不能用于商业用途,违者必究。\n14.5.3.16 SHOW PROCESSLIST 语法 SHOW [FULL] PROCESSLIST SHOW PROCESSLIST 显示了有哪些线程在运行。也可以执行 mysqladmin processlist 命令来得到这些信息。如果有 SUPER 权限,则可以看到全部的线程,否则,只能看到自己发起的线程(这是指,当前对应的MySQL帐户运行的线程)。详情请看“14.5.4.3 KILL Syntax”。如果没有使用 关键字 FULL,则只能看到每个查询的前100个字符。\n从MySQL 4.0.12起,结果中还会以的 host_name:client_port 格式来显示通过TCP/IP方式连接过来的客户端的主机名,这就可以知道每个客户端都正在做什么。\n这个语句在出现“too many connections”错误时想看看都正在执行什么查询非常有用。MySQL为拥有 SUPER 权限的账户保留了一个额外的连接,这就保证让管理员总是可以连上检查系统 …"
April 13, 2010
浅谈品牌的视觉识别
"什么是品牌的视觉传达\n品牌,这个熟悉而又陌生的名词,有时总会让人产生误解。品牌很广,广到一个意会颇深的战略发展理念;品牌很小,小到一个清晰可见的图形符号。关于品 牌,这里就不详细介绍了。要提到的是一套服务于品牌推广的手段CI系统(Corporate Identity System),即企业形象识别系统应运而生。CI系统是由理念识别(Mind Identify 简称MI)、行为识别(Behavior Identify简称BI)和视觉识别(Visual Identify 简称 VI)三方面所构成。\n而今天想讲到的是大家熟悉的品牌的视觉识别 (vI),也就是广义品牌的一个视觉载体,即由视觉感观所接触到的为了区别于其他竞争对手的一套视觉识别系统,它的基本要素部分主要包括企业名称、企业标 志、企业标准字体、标准色彩、象征图案、企业提出的标语、企业吉祥物、专用字体。还有一部分就是应用要素,主要包括办公事物用品、企业内外部建筑环境、交 通工具、服装服饰、广告媒体、产品包装、赠送礼品、陈列展示、印刷出版物。\n视觉识别的重要性\n品牌的形象设计在品牌中是至关重要的,而视觉识别设计是最外在、最直接、最具有传 …"
April 13, 2010
模式化窗口
"先让我们看一个例子,了解什么是模式化窗口。\n以下是QQ秀商城在非登录时提示登录的一种状态。当我在非登录状态,通过保存形象的方式买一件衣服时,弹出登录对话窗口提示登录。此时,登录对话窗 口锁定商城页,锁定IE,只有当对登录窗口进行操作后,才能够进行其他操作。譬如:最小化IE、浏览商城等。我们可以说,登录对话窗口就是一种模式化窗 口。\n模式化窗口常常给人“坏”的印象,为什么“坏”?是因为它“长”成那个样子?还是因为它通常都说些没用的话,所以用户都不看其中的内容?如果换成一 个浮动层DIV,它就变“好”了?就模式化窗口的形式和“好坏”问题,我们进行了讨论。\n为什么大家会认为它“坏”? 西贝:“以前系统弹出对话框,用户看不懂,或者不看,给用户的印象大多是一种警告。因此感觉很坏,对用户来讲,很暴力。”(呵呵,可以引用最近流行的,很 陈,很冠希了。)Eele:“当我在填一些注册信息时,需要从另外一页复制一些内容,这个时候弹出alert无法到另一页。”(这种情况我也遇到 过~~)Hiseven:“以前有一些网站,有bug,弹出‘无数’确定对话框,必须全部确定才能进行下一步的操作,于是开始点击一个又一 …"
April 13, 2010
产品交互原型设计工具分享
"交互设计师的一项重要工作就是进行产品原型设计(Prototype Design)。而产品原型设计最基础的工作,就是画出站点的大体wireframe(框架图)并结合批注、大量的说明以及流程图等,将自己的产品原型完 整而准确的表述给产品、UI、重构/开发工程师等等,并通过沟通反复修改prototype 直至最终确认,然后进入后续的设计开发流程。\n要完成以上复杂的设计和沟通工作,需要一个好的原型设计工具。这里就目前常用的和比较热门的工具来分享一下: Word(产品经理比较常用) Fireworks(交互组内推广的) Balsamiq Mockups(近期曝光率比较高) Auxre RP(业界圈子内广为流传)\n一、优势劣势对比 二、操作界面对比 Word:基本是通过绘图工具栏的各种线框来画wireframe。 Fireworks:通过公共库的WEB原型组件库画wireframe。 Balsamiq Mockups:操作类似FW,通过顶部的控件库拉取到工作区域画wireframe。 Auxre RP:基本操作也和FW,Mockups类似,3是工作区域,从5控件库里拉取到工作区域 …"
April 13, 2010
IE6局部调用PNG32以上的合并图片
"为满足用户的视觉追求及产品的背景图片的换肤功能,设计师难免在设计上会用到半透明的效果。因此页面重构师基于视觉及产品的需要,采用了PNG32 的半透明图片还原设计稿。\n但在IE6中遇到png兼容性,及其延伸的种种问题。如:\npng32的图片上在IE6有兼容性问题,原本的透明显示的背景将会失效。 在问题1的基础上,针对IE6采用了CSS滤镜让其透明,但图片不能应用背景坐标定位的方式只能单张使用,这做法不利于带宽流量和请求链接数之余 也不利样式的管理 在问题2的基础上,意味着要把png图片单张切割,并单张应用CSS滤镜 针对以上问题重构师的解决办法如下:\n把背景图片如常的合并,利用相似于背景坐标的方式调用局部图片位置。最大区别在于分别定义了两个无意义的标签。\n一个标签作为模拟背景的载体标签:定义一个作为载体的标签,针对IE6以滤镜的形式导入图片,宽高与背景一 致。 另一个标签作为截取背景局部位置的截取标签:定义此标签宽高与预想调用背景局部位置大小一致,并隐藏其溢出的 部份。 最后计算出预想调用背景局部位置的坐标,定义在载体标签中。 HTML结构如下:\nview plain copy to …"
April 13, 2010
从宜家的家具设计讲模块化
"很久之前就知道 宜家 ,以前在广州的时候也去过一次,给我的印象就是:大、贵、巧。地方很大,东西很贵,设计很巧。现在住的地方离宜家不远,这个月找时间去逛了下,地方还是那 么大,东西还是那么贵,设计还是那么的巧。虽然没有买什么东西,不过也还是有所收获的,通过宜家的家具设计方法,我们可以聊聊模块化。\n去过宜家的同学应该都有注意到,宜家的家具基本都是组合的,可拆装。模块化的特点也是这样,可以组合,相对独立,在需要的时候可以很方便的加上。那 怎么写可以基本实现这种方式呢?给个简单的例子:\n`\n模块化Demo 模块化结构的例子。\n`\n对应的CSS可以这么写:\n`.mode-a{\u0026hellip;}\n.mode-a h3{\u0026hellip;}\n.mode-a p{\u0026hellip;}\n`\n其中“mode-a”就是这个模块的名称,表示这是名为“a”的模块,现在这个模块可以被放到你所需要的地方。既然是做模块,就不会只有一个,我们 再加一个“mode-b”:\n`\n模块化Demo 模块化的特点: 相对独立\n可移植性高\n`\n对应的CSS可以这么写:\n`.mode-b{\u0026hellip;}\n.mode-b …"
April 13, 2010
谈CSS书写风格
"随着公司业务的增加,需求变的越来越多,团队也因此在不断的扩大,我们经常会遇到几个人协同工作来完成同一件作品或者维护修改别人作品的时候,那么 是什么最让你最感到困扰呢?我们在实现一个表现复杂的页面的同时,CSS文件就会比较繁琐,众多的选择符、属性让人眼花缭乱,那么如何更快的定位、如何更 高效的编写样式呢?CSS的书写被很多人所忽略。关于书写风格,翻看了一些知名网站的作品,发现横向连排几乎成为各大产品项目的主流,然而,每个人对于 CSS的写法各异,这就导致我们工作效率的降低。为了更好的协同工作,保持团队内CSS书写的一致性,几经波折后达成共识,具体书写方法如下:CSS属性 横排书写,选择符纵排书写,每个”,”(逗号)后必须换行;\n重构组代码书写规范示例:(其中数字只用做示范,实际应用中不建议用数字命名。)\n.class_name_1 .class_name_1_1, .class_name_2 .class_name_2_1 .class_name_2_1_1, .class_name_3{style1:value; style2:value; styel3:value; }\n有人说,好代 …"