xujie_0311的专栏

UI：界面美观，要有个性，考虑用户使用的逻辑要简单，用起来舒适自由。使用习惯要符合大部分用户的习惯，比如少让用户输入，采用选择的方式，提供搜索和提示功能。 安全性：参照http://zhidao.baidu.com/link?url=V9p85yMAWdPRALrmO0-                      A1EhnliZMtpswj0W4xxuRPq1a1UqXpwKzstqVMHLm

jspref用来测试js代码的性能 参照http://www.iteye.com/news/25351

网页标准和标准制定机构都是为了能让web发展的更‘健康’，首先约束浏览器开发者遵循统一的标准，其次约束网站开发者，这样降低开发难度，开发成本，SEO也会更好做，也不会因为滥用代码导致各种BUG、安全问题，最终提高网站易用性。

利用css3的动画新性animation来完成，目前只有webkit内核的浏览器支持此属性，所以前面加了-webkit         css3实现幻灯片效果                    .cb-slideshow,         .cb-slideshow:after{             position:fixed;            

渐进增强（progressive enhancement）：一开始只构建站点的最少特性，然后不断地对不同的浏览器追加不同的功能 优雅降级（graceful degradation）：一开始就构建站点的完整功能，然后针对浏览器进行测试和修复 “优雅降级”和“渐进增强”都关注于同一网站在不同设备里不同浏览器下的表现程度。关键的区别则在于它们各自关注于何处，以及这种关注如何影响工

1、文件合并（目的是减少http请求）：Web性能优化最佳实践中最重要的一条是减少HTTP 请求，它也是YSlow中比重最大的一条规 则。减少HTTP请求的方案主要有合并JavaScript和CSS文件、CSS Sprites、图像映射 （Image Map）和使用Data URI来编码图片。CSS Sprites和图像映射现在已经随处可见了，但由于IE6和IE7不支持Data URI以及性能问题

1、建议项目使用EditorConfig之类的规范 2、为了保持风格的一致性，保持原有 3、直接使用vim里的retab命令将所有的tab转换成空格

1、减少http请求（合并文件、合并图片） 2、优化图片文件，减小其尺寸，特别是缩略图，一定要按尺寸生成缩略图然后调用，不要在网页中用resize方法实现，虽然这样看到的图片外形小了，但是其加载的数据量一点也没减少。曾经见过有人在网页中加载的缩略图，其真实尺寸有10M之巨…普通图像、icon也要尽可能压缩后，可以采用web图像保存、减少颜色数等等方法实现。 3、图像格式的选择（GIF：提供的颜

1. 静态内容和动态内容分服务器存放，使用不同的服务器处理请求。处理动态内容的只处理动态内容，不处理别的，提高效率，这样使得CDN（内容分发网络）缓存更方便 2、 突破浏览器并发限制 (你随便挑一个 G家的 url: https://lh4.googleusercontent.com/- si4dh2myPWk/T81YkSi__AI/AAAAAAAAQ5o/LlwbBRpp58Q/w497-

内容分析：分清展现在网络中内容的层次和逻辑关系 结构设计：写出合理的html结构代码 布局设计：使用html+css进行布局 样式设计：首先要使用reset.css 交互设计：鼠标特效 行为设计：js代码，ajax页面行为和从服务器获取数据 测试兼容性；优化性能。

随着 CSS 的深入人心，结构、表现与行为的逐渐分离，HTML 语义化成了炙手可热的卖点。 语义化的 HTML 首先要强调 HTML 结构一个网页就好像一幢房子，HTML 结构就是钢筋混泥土的墙，一幢房子如果没有钢筋混泥土的墙那就是一堆废砖头，也就称不上是房子了。CSS 是装饰材料，是油漆，是用来装饰房子的。CSS 如果没有 HTML 结构那也就什么都不是了，没有了实际使用价值。CSS 完全依靠

easyeclipse,sublime以及Fierbug,chrome自带的元素审查；IEtest

FOUC - Flash Of Unstyled Content 文档样式闪烁 原因有： 1、使用@import方法导入CSS时，例如： @import "../fouc.css";此方式由于IE会先加载整个HTML文档的DOM，然后再去导入外部的CSS文件，因此，在页面DOM加载完成到CSS导入完成中间会有一段时间页面上的内容是没有样式的，这段时间的长短跟网速，电脑速度都有关系。2、将样式表