MemCached 安装日志 收藏

MemCached 安装日志 阅读全文>

发表于 @ 2007年07月16日 14:55:00|评论(loading...)|编辑|收藏

  Apache rewrite技术实现Apache到lighttpd迁移收藏

毫无疑问Apache是一个优秀的web server，但它也不万能的，在一些特定的环境下，也有Apache力不从心的时候。手上一台server由于瞬间高密度的访问非常多，因此Apache 1.3.x应付起来有点吃力，表现为响应速度慢，而且非常耗资源，Swap经常都是占满的。有一两次还导致机器负载过高（高达30-40，有个别时刻居然达到150之巨），感觉要死机的样子。 为此，必须寻求一个解决之道。分析之下，这台server目前的情况主要是由于运行了大量的fastcgi应用，而且这些应用的并发非常密集，平时白天就有200-300个连接，厉害的时候有近1000个在用进程。apache的运行情况top如下：阅读全文>

发表于 @ 2007年07月13日 10:49:00|评论(loading...)|编辑|收藏

 10个经典的web2.0配色方案网站收藏

ColourLovers




EasyRGB



ColorBlender



ColorJack



阅读全文>

发表于 @ 2008年08月04日 10:57:00|评论(loading...)|编辑|收藏

 Mashups+AJAX收藏

要深入了解什么是 mashup，就应该了解一下这个单词的起源：它源于流行音乐，mashup 是从两首不同的歌曲(通常属于不同的流派)中混合演唱和乐器的音轨而构成的一首新歌。在Mashup 流派中，我们探索了流行的 mashup，

　　一.简介

　　一种新型的基于 Web 的数据集成应用程序正在 Internet 上逐渐兴起。通常用术语 mashup表示，它们的流行萌芽于对交互式用户参与和集成第三方数据的类似于科学怪人方式的重视。我们使用萌芽一词是有一定原因的;mashup Web 站点的特点就表现为它正在 Web 上扎根发芽，它们利用了从组织边界之外的数据源获取的内容和功能。

　　mashup 这种隐晦的数据集成定义当然不是非常严格。要深入了解什么是 mashup，就应该了解一下这个单词的起源：它源于流行音乐，mashup 是从两首不同的歌曲(通常属于不同的流派)中混合演唱和乐器的音轨而构成的一首新歌。与那些 “bastard pop” 歌曲类似，mashup 也是内容的一种不常见的创新组合(通常都源自于无关的数据源)，这都是人工进行阅读全文>

发表于 @ 2008年05月21日 12:00:00|评论(loading...)|编辑|收藏

 vim高级使用 收藏

说明: 以下的例子中 xxx 表示在命令模式下输入 xxx 并回车 以下的例子中 :xxx 表示在扩展模式下输入 xxx 并回车 小括号中的命令表示相关命令. 在编辑模式或可视模式下输入的命令会另外注明. 1. 查找 /xxx(?xxx) 表示在整篇文档中搜索匹配xxx的字符串, / 表示向下查找, ? 表示 向上查找.其中xxx可以是正规表达式,关于正规式就不多说了. 一般来说是区分大小写的, 要想不区分大小写, 那得先输入 :set ignorecase 查找到以后, 再输入 n 查找下一个匹配处, 输入 N 反方向查找. *(#) 当光标停留在某个单词上时, 输入这条命令表示查找与该单词匹配的 下(上)一个单词. 同样, 再输入 n 查找下一个匹配处, 输入 N 反方 向查找. g*(g#) 阅读全文>

发表于 @ 2008年04月06日 18:30:00|评论(loading...)|编辑|收藏

 ie下的js调试工具Companion.JS收藏

做web开发的朋友都清楚，js程序的调试是相当郁闷的，因为首先这种语言语法比较灵活，它是一种弱类型的脚本语言，很多错误是无法控制的，这些不谈，最痛苦的是没有什么好的调试工具，现在的情况比以前稍好，在Firefox下还有firebug，这的确是一个不错的js调试工具，但在IE下使用就很麻烦，而且效果很不好，鄙人一直苦于寻找一个很好的IE下的js调试工具，能够自动捕获错误，并定位位置和原因，没想到今天竟在无意中寻找到了这么个好工具，不敢私藏，共享出来，希望能为各位web开发者带来方便 这个工具的名字叫Companion.JS，请注意，这可不是一个js文件，而是一个名字，它是作为ie的插件来安装使用的，而且需要结合Microsoft Script Debugger使用，通过安装这个工具，但页面出现错误时会在左上角弹出一个小错误提示，点击会在IE下面显示出一个错误控制台，就如FF下的firebug控制台一样。错误信息提示很详细。 如下是官网的一个错误提示示例图：阅读全文>

发表于 @ 2008年03月21日 16:41:00|评论(loading...)|编辑|收藏

 比较全的CSS cursor(鼠标样式)收藏

十字准心 cursor:crosshair; 手 cursor:pointer; cursor:hand; 写两个是为了照顾IE5，它只认hand。 等待/沙漏 cursor:wait; 帮助 cursor:help; 无法释放 cursor:no-drop; 文字/编辑 cursor:text; 可移动对象 cursor:move; 向上改变大小 cursor:n-resize; 向下改变大小 cursor:s-resize; 向右改变大小 cursor:e-resize; 阅读全文>

发表于 @ 2008年03月04日 15:37:00|评论(loading...)|编辑|收藏

 JavaScript--正则表达式收藏

正则表达式(regular expression)对象包含一个正则表达式模式(pattern)。它具有用正则表达式模式去匹 配或代替一个串(string)中特定字符(或字符集合)的属性(properties)和方法(methods)。 正则表达式构造函数： new RegExp("pattern"[,"flags"]); 参数说明： pattern -- 一个正则表达式文本 flags -- 如果存在，将是以下值： g: 全局匹配 i: 忽略大小写 gi: 以上组合 阅读全文>

发表于 @ 2008年03月04日 13:56:00|评论(loading...)|编辑|收藏

 JavaScript--正则表达式收藏

正则表达式(regular expression)对象包含一个正则表达式模式(pattern)。它具有用正则表达式模式去匹 配或代替一个串(string)中特定字符(或字符集合)的属性(properties)和方法(methods)。 正则表达式构造函数： new RegExp("pattern"[,"flags"]); 参数说明： pattern -- 一个正则表达式文本 flags -- 如果存在，将是以下值： g: 全局匹配 i: 忽略大小写 gi: 以上组合 阅读全文>

发表于 @ 2008年03月04日 13:55:00|评论(loading...)|编辑|收藏

 2007年最令人失望的九大新兴技术出炉收藏

国外媒体今天评出了2007年最令人失望的九大新兴技术，其中包括虚拟世界、超移动PC、VoIP、IPV6和WiMax等等。 7m1J%_/A1E3f(Otech.techweb.com.cn当某一产品或技术还处于新兴阶段时，很难断言它将以失败告终。在很多情况下，这些产品或技术仍然在寻找自己在功能和使用环境方面的最佳卖点。不过，虽然断言某些技术将彻底失败还为时尚早，但我们完全可以说某些发展前景看好的技术的失败令人感到失望。2W$O s:g&i "Y"D)N1Q!G-@0B {TechWeb-技术社区过去一年里，一些令人激动的新技术没能发展起来，甚至还出现了退步。有些失败是因为预期过高，有些失败是因为受到技术限制，还有些失败是因为遭遇政治问题或激烈的竞争。幸运的是，从过去的历史来看，有很多技术开始令人失望，但最终取得了巨大的成功，因此2007年最令人失望的新兴技术未来仍有机会。8}$q4W(E:j1\ 1H7a+f"C!P;~9{　　2007年最令人失望的九大新兴技术：阅读全文>

发表于 @ 2008年02月20日 14:13:00|评论(loading...)|编辑|收藏

 未知高度图片的垂直居中收藏

在流行用TABLE制作网页布局的时代里，让某个未知高度的图片垂直居中是非常简单的事情，单元格标签td的valign属性能可以轻松实现这个效果。但在DIV+CSS的布局下，这个问题却变得棘手。 CSS: div{width:300px;height:300px;line-height:300px;vertical-align:middle;border:1px solid red;} img{width:50px;height:50px;vertical-align:middle;} HTML: 在以上代码中，我们将一个宽度和高度均为50像素（小于容器高度即可）的图片被放入一个边长300像素且行高也为300像素的正方形容器里。众所周知，为块级元素设置一个与高度（height）一致的行高（ling-height）配合使用vertical-align:middle就可以实现文本的垂直居中，但实际情况让我们大失所望，图片依旧位于容器的左上角。 看来单纯的设置行高和垂直对齐并不起作用，以下我常用的实现方法：阅读全文>

发表于 @ 2008年02月20日 11:42:00|评论(loading...)|编辑|收藏

 CSS Hacks 和 问题解决收藏

这篇文章包括了8个非常有用的解决办法, 在进行css设计遇到问题时你就会用到它们. 阅读全文>

发表于 @ 2008年02月19日 10:40:00|评论(loading...)|编辑|收藏

 UE、UI、UCD、Interaction Design、UED、UX、HCI、Usability,IA收藏

最近，总是缠绵在UE、UI、UCD、Interaction Design、UED、UX、HCI、Usability,IA等等名词间，我一边搜集，一边整理，现在放在一次统一解释，以便比较，以正视听。很多地方未必准确，欢迎提出修改意见。 Accessibility—-可访问性/无障碍访问 Accessibility在此处指网页的可访问性。W3C的网页可访问性定义如下： “网页可访问性是残障人士可以无障碍的使用该网页。更具体的说，网页可用性是残障人士可以感知、理解、操纵网页，并与之互动，还能对网页做贡献。网页可访问性也惠及非残障人士，包括由于老化而能力变弱的老人。网页可用性包括所有影响。” 网页可用性概括了所有影响接近或使用网页的残障因素，包括视觉、听觉、身体、语言、感知和神经的残障。 阅读全文>

发表于 @ 2008年02月18日 15:04:00|评论(loading...)|编辑|收藏

 详解定位与定位应用收藏

定位一直是WEB标准应用中的难点，如果理不清楚定位那么可能应实现的效果实现不了，实现了的效果可能会走样。如果理清了定位的原理，那定位会让网页实现的更加完美。 定位的定义： 在CSS中关于定位的内容是：position:relative | absolute | static | fixed static 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。 relative 不脱离文档流，参考自身静态位置通过 top,bottom,left,right 定位，并且可以通过z-index进行层次分级。 absolute 脱离文档流，通过 top,bottom,left,right 定位。选取其最近的父级定位元素，当父级 position 为 static 时，absolute元素将以body坐标原点进行定位，可以通过z-index进行层次分级。 fixed 固定定位，这里他所固定的对像是可视窗口而并非是body或是父级元素。可通过z-index进行层次分级。 CSS中定位的层叠分级：z-index: auto | namber; 阅读全文>

发表于 @ 2008年02月18日 11:25:00|评论(loading...)|编辑|收藏

 自动完成功能以及登陆记忆的演示代码收藏

自动完成功能： 想让输入框记忆下曾经的记录，那么设置autocomplete="on"， 不想记忆，比如密码，那么设置autocomplete="off"： Name: Email: 阅读全文>

发表于 @ 2008年01月21日 13:42:00|评论(loading...)|编辑|收藏

 CSS如何使DIV层水平居中 收藏

这两天开始对网志进行大刀阔斧的页面更改. 今天碰到个很棘手的问题,div本身没有定义自己居中的属性, 网上很多的方法都是介绍用上级的text-align: center然后嵌套一层div来解决问题. 可是事实上这样的方法科学吗? 经过网络搜索和亲自实验得出以下结论: 正确的也是对页面构造没有影响的设置如下: 对需要水平居中的div层添加以下属性: margin-left: auto; margin-right: auto; 经过这么一番设置问题似乎解决了,在ff中已经居中了,可是在ie中看竟然还是没有居中! 郁闷了一下午,就是找不出问题所在,还特地比较了网上的文章竟然一模一样. 问题到底出在哪里呢? 感谢网友乐天无用帮忙找出了这个邪门问题的原因. 原来是l-blog默认没有在html前加上dtd,于是ie就以html而不是xhtml来解释文档. 问题并不在css而在xhtml网页本身. 需要加上这样的代码才能使得上述设置有效果:阅读全文>

发表于 @ 2007年12月19日 16:13:00|评论(loading...)|编辑|收藏

 ext 和 yui的关系哈收藏

ext 以前是 yui的一个扩展。 不过今年好像4月份以来，它已经独立出来了。 所以现在ext和yui没有关系。阅读全文>

发表于 @ 2007年12月03日 16:42:00|评论(loading...)|编辑|收藏

 IBM Page Detailer 收藏

IBM Page Detailer is a graphical tool that enables Web site developers and editors to rapidly and accurately assess performance from the client's perspective. IBM Page Detailer provides details about the manner in which Web pages are delivered to Web browsers. These details include the timing, size, and identity of each item in a page. This information can help Web developers, designers, site operators, and IT specialists to isolate problems and improve performance and user satisfaction. How 阅读全文>

发表于 @ 2007年11月29日 10:59:00|评论(loading...)|编辑|收藏

 消息队列（Message Queue） 收藏

利用 MSMQ（Microsoft Message Queue），应用程序开发人员可以通过发送和接收消息方便地与应用程序进行快速可靠的通信。消息处理为您提供了有保障的消息传递和执行许多业务处理的可靠的防故障方法。MSMQ与XML Web Services和.Net Remoting一样，是一种分布式开发技术。但是在使用XML Web Services或.Net Remoting组件时，Client端需要和Server端实时交换信息，Server需要保持联机。MSMQ则可以在Server离线的情况下工作，将Message临时保存在Client端的消息队列中，以后联机时再发送到Server端处理。显然，MSMQ不适合于Client需要Server端及时响应的这种情况，MSMQ以异步的方式和Server端交互，不用担心等待Server端的长时间处理过程。 阅读全文>

发表于 @ 2007年11月02日 16:47:00|评论(loading...)|编辑|收藏

 JSON学习 收藏

什么是JSON? JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,它采用完全独立于语言的文本格式，可替换XML成为AJAX程序中的数据交换格式。 它有两种结构： “名称/值”对的集合（A collection of name/value pairs）。不同的语言中，它被理解为对象（object），纪录（record），结构（struct），字典（dictionary），哈希表（hash table），有键列表（keyed list），或者关联数组 （associative array）。 值的有序列表（An ordered list of values）。在大部分语言中，它被理解为数组（array）。 JSON是JavaScript的子集，我们在JavaScript中可以很容易的使用它。 下面是官方网站上面提供的一个例子： 阅读全文>

发表于 @ 2007年11月02日 16:42:00|评论(loading...)|编辑|收藏