|
|||
|
摘要：
[文章作者：张宴 本文版本：v1.0 最后修改：2008.12.09 转载请注明原文链接：http://blog.s135.com/post/385.htm] 曾经在七月，写过一篇文章──《基于Sphinx+MySQL的千万级数据全文检索（搜索引擎）架构设计》， 前公司的分类信息搜索基于此架构，效果明显，甚至将很大一部分带Where条件的MySQL SQL查询，都改用了Sphinx+MySQL搜... 阅读全文
posted @ 2009-01-14 23:22 analyzer 阅读(1388) 评论(0) 推荐(0) 编辑
摘要：
[文章作者：张宴 本文版本：v1.0 最后修改：2008.07.27 转载请注明原文链接：http://blog.s135.com/read.php/360.htm] 前言：本文阐述的是一款经过生产环境检验的千万级数据全文检索（搜索引擎）架构。本文只列出前几章的内容节选，不提供全文内容。 在DELL PowerEdge 6850服务器（四颗64 位Inter Xeon MP 7110N处理器 /... 阅读全文
posted @ 2009-01-14 23:20 analyzer 阅读(1113) 评论(0) 推荐(0) 编辑
摘要：
在生产应用中，某台“Nginx+PHP+MySQL”接口数据服务器，扮演的角色十分重要，如果服务器硬件或Nginx、MySQL发生故障，而 短时间内无法恢复，后果将非常严重。为了避免单点故障，我设计了此套方案，编写了failover.sh脚本，实现了双机互备、全自动切换，故障转移时间 只需几十秒。 一、双机互备、全自动切换方案： 1、拓扑图： 2、解释： (1)、假设外网域名blog.... 阅读全文
posted @ 2009-01-14 22:21 analyzer 阅读(1377) 评论(1) 推荐(0) 编辑
摘要：
转自：http://dingyu.me/blog/posts/view/flowchart-howtos 一个哥们在MSN上告诉我，他们公司的交互设计师只产出流程图，并问我用什么标准评价流程图的好坏。他的说法把我彻底震了－这分工也太细了吧！也不知道该说他们那里这样是好还是不好。 不过仔细想来，我倒的确没有仔细考虑过流程图的好坏，正好借此机会自我总结一下。 1、各司其职的形状 在我的流程图中，... 阅读全文
posted @ 2009-01-14 14:54 analyzer 阅读(616) 评论(0) 推荐(0) 编辑
摘要：
转自：http://www.planabc.net/2008/10/31/javascript_ready_onload/ 在“按需加载”的需求中，我们经常会判断当脚本加载完成时，返回一个回调函数，那如何去判断脚本的加载完成呢？ 我们可以对加载的 JS 对象使用 onload 来判断（js.onload），此方法 Firefox2、Firefox3、Safari3.1+、Opera9.6+ ... 阅读全文
posted @ 2009-01-14 14:07 analyzer 阅读(221) 评论(0) 推荐(0) 编辑
摘要：
拿到IE 8 beta 2的 Search Partner Build Invitation。于是下午花了点时间先在网上搜寻了一下关于IE 8对CSS的支持，以及如何对它做Hack。 我是个懒人，最不喜欢去记那些复杂的hack，所以总是希望能找到一个“银弹”Hack，也就是“能搞定一切的通用方法”。下面是我能找到的最好的一个： .indicator{ background: red; ... 阅读全文
posted @ 2009-01-14 14:05 analyzer 阅读(163) 评论(0) 推荐(0) 编辑
摘要：
CSS优先级的知识大家应该都比较了解了（如果不了解可以参看《详解CSS的优先权》）。但是，注意哦，这只是W3C的CSS2.1规范自己声称的。而事实上，确实有“极少数的浏览器”并不一定按照这个规则来办。这个“极少数浏览器”我就不点名了哈。 今天介绍一个最简单的。 div.colorful {color: red;} div .colorful {color: green;} 按照CSS2.1规范... 阅读全文
posted @ 2009-01-14 14:04 analyzer 阅读(281) 评论(0) 推荐(0) 编辑
摘要：
IE里面关于CSS优先级的bug其实挺多，所以这里还得来个第二篇。可预见的还有个第三篇，大家耐心。 这次讲的是有关链接伪元素的。CSS2.1规范里有明确的提到，类名和伪元素的个数是合并在一起计算的。换句话说，:hover的优先级，应该和如.highlight一样高。但是在IE 6里并不是这样的哦。看下面两个定义 a:hover{ /* 优先级 [0,1,1] */ color: red;... 阅读全文
posted @ 2009-01-14 14:04 analyzer 阅读(183) 评论(0) 推荐(0) 编辑
摘要：
.orange_link .orange_link .orange_link a { color: orange; } .orange_link .orange_link a { color: orange;} a:hover{ color: red;} .orange_link a { color: orange;} 根据上次的结论：在IE6里，“a:hover”的优先级比“.orange_... 阅读全文
posted @ 2009-01-14 14:03 analyzer 阅读(323) 评论(0) 推荐(0) 编辑
摘要：
图形化按钮，就类似这个样子的： 当然，它其实就是一张图片而已。这样做纯粹是为了好看。这里探讨的不是怎么设计这种按钮，而是怎么在网页里把它做出来。这里要提几个要求： A. 语义化。如果这个按钮叫“完成注册”，就要在HTML中写出这四个字，以保证只读HTML的情况下也知道这个按钮是什么文字。 B. display:inline。用display:block可以很容易的调整大小。但是如果一横排并列两... 阅读全文
posted @ 2009-01-14 14:03 analyzer 阅读(319) 评论(0) 推荐(0) 编辑
摘要：
坦率的说，我写CSS时，有至少1/4的时间是在纠结选择符该如何命名。随意的命名，会让你陷入尴尬。 举个例子，我们需要在一段文字里将某些词标红。所以为此建了一个.red { color: red; }。结果产品经理觉得，红色太刺眼了，改成橘色比较好吧。这下头大啦，难道写成.red { color: orange; }么？要不然就是把HTML里的每个class="red"改成class="orang... 阅读全文
posted @ 2009-01-14 13:58 analyzer 阅读(210) 评论(0) 推荐(0) 编辑
摘要：
http://www.cssremix.com/ http://bestwebgallery.com/ http://www.stylecrunch.com/ 阅读全文
posted @ 2009-01-14 13:51 analyzer 阅读(129) 评论(0) 推荐(0) 编辑
摘要：
转自：http://www.aliued.cn/?p=1455 样式的优先级 在这之前先讲解特殊符号的含义——‘+’ ’_’ ’ !important’，这类特殊符号是针对不同浏览器识别的。打个比方，就象家长去幼儿园认领孩子，看到头上贴着’+’这个符号的，哦，这是ie家的孩 子，firefox和opear家长是不认得的，当然符号不止3个，但有这3个就能满足大部分的需要了。 ‘+’ 加上该符号的... 阅读全文
posted @ 2009-01-14 13:29 analyzer 阅读(279) 评论(0) 推荐(0) 编辑
摘要：
http://algo.net.cn/tmp/titles/ 这种方法采用主体CSS渲染，并使用JS渲染细节。最大限度确保浏览的一致性。 阅读全文
posted @ 2009-01-14 13:18 analyzer 阅读(90) 评论(0) 推荐(0) 编辑
摘要：
转自：http://ued.taobao.com/blog/2008/09/17/grid_systems/ 栅格系统的形成 1692年，新登基的法国国王路易十四感到法国的印刷水平强差人意，因此命令成立一个管理印刷的皇家特别委员会。他们的首要任务是设计出科学的、合理的， 重视功能性的新字体。委员会由数学家尼古拉斯加宗（Nicolas Jaugeon）担任领导，他们以罗马体为基础，... 阅读全文
posted @ 2009-01-14 13:05 analyzer 阅读(266) 评论(1) 推荐(0) 编辑
摘要：
转自：http://lifesinger.org/blog/?p=143 这是淘宝懒懒交流会第五期的内容，大纲为： 淘宝上常用的JS组件（Widgets） Tbra的实现与优缺点分析 再思考，我的尝试 LiquidView实战 花花世界，原样的蝴蝶 下载：talk_on_tb_js_widgets.zip (2.9M) 所有相关的js代码请用SVN下... 阅读全文
posted @ 2009-01-14 12:19 analyzer 阅读(367) 评论(0) 推荐(0) 编辑
摘要：
转自：http://lifesinger.org/blog/?p=461 网上有不少解决方案，贡献下我使用的两个函数： /** * 得到字符串的字符长度（一个汉字占两个字符长） */ function getBytesLength(str) { // 在GBK编码里，除了ASCII字符，其它都占两个字符宽 return str.replace(/[^"x00-"xff]/g, 'xx').l... 阅读全文
posted @ 2009-01-14 12:18 analyzer 阅读(718) 评论(0) 推荐(0) 编辑
摘要：
转自：http://lifesinger.org/blog/?p=400 首先澄清一个应用场景问题。研究（1）中指出，对于结构复杂的网站，不少设计师们喜欢采用960固定宽度布局。但要注意的是，960并不是万能钥匙，大部分网站没有也不需要栅格系统。Amazon采用的是宽度自适应布局，最大限度的呈现信息。Google更是简简单单，主题部分就一个列表。eBay的页面非常简洁，商品页面宽度自适应，信息自... 阅读全文
posted @ 2009-01-14 12:13 analyzer 阅读(184) 评论(0) 推荐(0) 编辑
摘要：
转自：http://lifesinger.org/blog/?p=600 百度有啊开了，作为淘宝的一名深情前端开发工程师，打开百度有啊的第一件事是F12: 很典型的24列960栅格系统的两栏布局，很明显的YUI风格。注意主体的两栏布局又分成了两部分，两部分的结构是一样的。来看一下base.css: /* Copyright (c) 2008, Baidu Inc. All rights res... 阅读全文
posted @ 2009-01-14 12:11 analyzer 阅读(268) 评论(0) 推荐(0) 编辑 |
|||
