可点的东西要让人一眼看到就知道可以点
摘自《don’t make me think》 可点的东西要让人一眼看到就知道可以点，所以按钮、链接要做得大方一些。
Month: June 2013
搜索框的UI设计
搞一个搜索框，搜索所有域 只搞一个搜索框，把关键字在书名、作者里都搜一通。 不要强迫用户指定当前是要搜书名还是搜作者。 未输关键字提交搜索怎么办？ 用javascript提示用户必须输入。可以简单地将搜索框高亮一下，未必一定要提供文本警告。
搜索相关的交互设计的一些术语
摘自《web导航设计》 Word Wheel: 搜索框中的自动提示。 比如输入 "chi"时系统提示"china" Canned Search: 用户不用输入关键字，直接点链接完成搜索（常见于narrow-down search)
导航中的项(Label)
摘自《web导航设计》 宜忌： 1. 要说用户的语言。不要用行话、技术术语，不要自作聪明搞看不懂的文艺词汇、避免缩写，语气严肃或者活泼要取决于网站定位 2. 不要用太宽泛、信息量低的词汇。比如“信息” 就不如“公司信息” 3. Label之间要互斥。 不要在“电视”、“冰箱”后面又串一个“家电” 3. 各Label风格要一致：同级导航项要有同等的信息粒度，语法（都是名词性短语）、外观上都要统一。
页面类型与导航
摘自《web导航设计》 从导航的角度，可以把页面分成三类： 1. Navigational Pages: 不应太多，以免喧宾夺主。 常见导航页有： a. 首页，一般提供网站结构导航，并用于品牌形象推广 b. Landing Page: 各栏目的“首页” c. Gallery Page/Search Result Page: 电商常用。在这里应该尽量多给点详情信息。 2. Content Pages: 商品详情、博客正文等。 这里一般搞些关联导航，并提供功能性链接（如购买） 3. Function Page: 比如高级搜索、下单等。 这里文字少，表单交互多。
导航的目标
摘自《web导航设计》 1. Structural Navigation: 体现网站层级结构 2. Associative Navigation: 把相近、相关的东西放一起 3. Utility: 实用工具，比如每个页面的搜索框、语言-国家切换等 Structural Navigation的细节： 可细分为： 1. Global Navigation: 指向top-level pages, 顶部导航条一般干这个事 2. Local Navigation: 主栏目下的次级栏目。 一般作为pop-up menu或左侧垂直导航条。这里的链接不应该跳出本站，一般也不能跳出本主栏目 Associative Navigation的细节： 可细分为： 1. Contextual Links: 如页内链接(常见于wiki)，Related Links等 2. Quick Links: 很重要、但又不大会出现在导航栏里的链接（如 “Quick Start”）
Mechanism of Navigation (网站导航的各种机制)
摘自《web导航设计》 网站导航有很多工具 1. Step/Page Navigation: 如“下一条博客”，“下一页” 2. Breadcrumb： 体现网站结构路径、或者你到达本页所走的路径、或者产品类目层次 3. Tree Navigation 4. Site Map 5. Directory/A-Z Index: 按字母序或某种逻辑排序的目录，如城市导航 6. Tag Cloud: 一堆tag, 让你点 7. Navigation bars and Tabs： 如顶部导航条 8. Vertical Menu: 如左侧导航栏 9. Pop-up menu: 鼠标放上去才会出现 10. Drop-Down menu: 用<select>标签实现的那种，很土 11. 浏览器内置机制：后退、前进等
php + mysql时的防注入
有两种办法，一是在写入前转义，二是使用mysqli扩展中的prepared statement 1. 写入前转义 // what’s 将变成 what\’s $title = mysql_real_escape_string($_POST[‘title’]); // 存到数据库后查看它，会变回what’s 2. prepared statement 待补充
用php写一个微型的web app: 一个不错的例子
http://www.phpro.org/tutorials/Creating-A-PHP-Application.html 教你快速地写一个博客程序
ubuntu上安装xdebug并与eclipse pdt联合调试
安装xdebug 引用 $sudo apt-get install php5-dev php-pear $sudo pecl install xdebug ##装完后记下xdebug.so的位置 然后在php.ini里加上： 引用 zend_extension=/xxx/../xdebug.so [xdebug] xdebug.remote_enable=on xdebug.remote_handler=dbgp xdebug.remote_port=9000 配置eclipse pdt的debug 最后选择某个php页，然后右键=>debug as => php web application