摘要：
类似如此的模块，不管是在面试中或是项目需求中都会常碰到，多数使用定宽浮动的方法实现，但这样一来，也就失去了其灵活度。若不定宽，文字又会围着图片环绕。所以要解决的问题，就是让宽度不定死，使用浮动的同时，文字不会围绕着图片。实际上，如果这里只设置了图片向右浮动，在chrome或firefox下用工具查看列表的区域，会把图片的区域一并覆盖，也就是说它会跟flaot box的边缘重叠。如下图所以只要解决了元素与float box边缘重叠，这个问题也就可以迎刃而解了。这里涉及到了一个block formatting context的概念。触发了BFC的块级元素，它的边缘不会和float box重叠。所以 阅读全文
摘要：
function(s){ return Math.ceil(s.replace(/[\u4e00-\u9fa5]/g, 'xx').length / 2);}也可以用(/[^\x00-\xff]/g,'**'),这个是用'**'替换双字节字符(/[\u4e00-\u9fa5]/g, '**') 这个是用'**'替换中文字符,\u4e00-\u9fa5中文的unicode编吗 阅读全文
摘要：
配图：近日帮朋友设计的瀑布流 taobao站 美丽格子 ^__^。作为设计师，应该将设计稿的最完美一面表现给其他人看。就像jobs 说的一样，好设计师，不会使用烂木头作为衣柜的背板。虽然你最终的设计稿很完美，但是你的psd让人觉得很糟糕，同样会让之后的切图仔觉得你不是个优秀的设计师，对不起死去的jobs哇～ XD在企鹅村玩代码玩了半年多，玩起psd来都有点生疏了。最近对设计MM 给的psd文件产生了点暧昧。有感悟抒发一下。看看是不是都有一样的困惑和同样的问题。如果切图仔死了，死因很可能是一份可怕的psd 1. psd 文件尺寸 竟然有71M，(也许看着觉得还好，但是一开ps 就杯具了，内存不够 阅读全文
摘要：
★列出display的值 可用值 值的说明block 象块类型元素一样显示。none 缺省值。向行内元素类型一样显示。inline-block 象行内元素一样显示，但其内容象块类型元素一样显示。list-item 象块类型元素一样显示，并添加样式列表标记。table-header-group 显示在任何表格行和行组合之前，在头部标题之后。table-footer-group 显示在任何表格行和行组合之后，在底部标题前。★清除浮动与闭合浮动的不同点 (http://www.cnblogs.com/mofish/archive/2012/05/14/2499400.html)★如何为元素绑定事件（ 阅读全文
摘要：
Http定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETE。URL全称是资源描述符，我们可以这 样认为：一个URL地址，它用于描述一个网络上的资源，而HTTP中的GET，POST，PUT，DELETE就对应着对这个资源的查，改，增，删4个操作。到这里，大家应该有个大概的了解了，GET一般用于获取/查询资源信息，而POST一般用于更新资源信息。 1.根据HTTP规范，GET用于信息获取，而且应该是安全的和幂等的。 (1).所谓安全的意味着该操作用于获取信息而非修改信息。换句话说，GET 请求一般不应产生副作用。就是说，它仅仅是获取资源信息，就像数据.. 阅读全文
摘要：
图片和Coockie也是我们网站中几乎不可缺少组成部分，此外随着移动设备的流行，对于移动应用的优化也十分重要。这主要包括：Coockie:减小Cookie体积 对于页面内容使用无coockie域名 图片：优化图像 优化CSS Spirite 不要在HTML中缩放图像 favicon.ico要小而且可缓存 移动应用：保持单个内容小于25K 打包组件成复合文本 27、减小Cookie体积 HTTP coockie可以用于权限验证和个性化身份等多种用途。coockie内的有关信息是通过HTTP文件头来在web服务器和浏览器之间进行交流的。因此保持coockie尽可能的小以减少用户的响应时间十分重要。 阅读全文
摘要：
除此之外，JavaScript和CSS也是我们页面中经常用到的内容，对它们的优化也提高网站性能的重要方面：CSS：把样式表置于顶部 避免使用CSS表达式（Expression） 使用外部JavaScript和CSS 削减JavaScript和CSS 用<link>代替@import 避免使用滤镜 JavaScript把脚本置于页面底部 使用外部JavaScript和CSS 削减JavaScript和CSS 剔除重复脚本 减少DOM访问 开发智能事件处理程序 17、把样式表置于顶部 在研究Yahoo!的性能表现时，我们发现把样式表放到文档的<head />内部似乎会加快页 阅读全文
摘要：
除了在网站在内容上的改进外，在网站服务器端上也有需要注意和改进的地方，它们包括：使用内容分发网络为文件头指定Expires或Cache-ControlGzip压缩文件内容配置ETag尽早刷新输出缓冲使用GET来完成AJAX请求11、使用内容分发网络 用户与你网站服务器的接近程度会影响响应时间的长短。把你的网站内容分散到多个、处于不同地域位置的服务器上可以加快下载速度。但是首先我们应该做些什么呢？ 按地域布置网站内容的第一步并不是要尝试重新架构你的网站让他们在分发服务器上正常运行。根据应用的需求来改变网站结构，这可能会包括一些比较复杂的任务，如在服务器间同步Session状态和合并数据库更新等。 阅读全文
摘要：
Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。 Excetional Performance团队总结出了一系列可以提高网站速度的方法。可以分为7大类34条。包括内容、服务器、cookie、CSS、JavaScript、图片、移动应用等七部分。其中内容部分一共十条建议：一、内容部分尽量减少HTTP请求 减少DNS查找 避免跳转 缓存Ajxa 推迟加载 提前加载 减少DOM元素数量 用域名划分页面内容 使frame数量最少 避免 阅读全文
摘要：
不少同学问，不都是刷新吗？还有什么区别？其实，还是有的。其中，在地址栏按回车又分为两种情况。一是请求的URI在浏览器缓存中未过期，此时，使用Firefox的firebug插件在浏览器里显示的HTTP请求消息头如下：Host 192.168.3.174:8080User-Agent Mozilla/5.0 (Windows NT 5.1; rv:5.0) Gecko/20100101 Firefox/5.0Accept text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8Accept-Language zh-cn,zh;q 阅读全文