摘要：良品首页3.0版本在设计的时候，想在首屏添加一些特殊的效果，例如彩蛋之类，所以整个首屏使用了Flash，在高品质的显示效果和动画效果背后带来了大量问题，下面来一一分析。问题：1.版面大，使用了1000 * 500的分辨率，分2屏展示。2.高品质的图片，带宽需求高。3.灵活的展示方式，图片个数不确定，请求数目多，平均每次版本10张图片左右。4.图片分布在CDN的不同服务器上，加上Flash的SWF文件，图片的配置文件，Flash的资源一共分布在6个服务器上，cross-domain 验证开销巨大。5.丢失Ref问题6.某些用户设备无对Flash的支持各个版本以及改进：1.上线前的版本：图片全部都 阅读全文
HTML5和CSS3基础
2012-04-24 11:00 by 臭小子1983, 443 阅读, 0 推荐, 收藏, 编辑
摘要：第一章 Web时间代的变迁一、HTML4常见用div来划分页面结构方法，HTML5新出现的更语义化的标签.二、可以放心使用HTML5的三个理由 1、兼容性：HTML5在老版本的浏览器也可以正常运行 2、实用性：HTML5内部并没有封装什么很复杂的功能，只封装了简单实用的功能 3、非革命性的发展... 阅读全文
如何设计新手用户引导(转)
2012-04-19 23:59 by 臭小子1983, 337 阅读, 0 推荐, 收藏, 编辑
摘要：一个新的网络产品，或者一个全新的功能要想吸引用户的使用兴趣，就需要让用户在刚一接触到的时候能够快速地了解它是什么，能做些什么，并且能马上开始一些简单的操作。如果看了很久还没弄明白这些，那么很可能就彻底放弃了。 所以，设计新手用户引导，就是设计用户前一、两次使用产品时的体验，设计目标是让新手用户快速、无痛苦地成为中间用户。一、设计时的注意事项 无论是什么类型的产品，新手用户在尝试时都会经历一些共同的情感历程：他们会对新产品和新功能有一些好奇和茫然，希望能快速了解它的概念和范围。在尝试使用时会比较敏感、容易受挫。如果身边有非常了解产品的专家级用户，一般会十分相信这个专家用户对产品的介绍和判... 阅读全文
jQuery性能优化
2012-04-19 15:17 by 臭小子1983, 196 阅读, 0 推荐, 收藏, 编辑
摘要：加载jQuery1.坚持使用CDN来加载jQuery，这种别人服务器免费帮你托管文件的便宜干嘛不占呢。点击查看使用CDN的好处，点此查看一些主流的jQuery CDN地址。2.安全起见，最好还是提供一个本地备份以便在无法从远程CDN服务器获取jQuery时网站也能工作，如上面代码所示。详情见此。3.... 阅读全文
SEO中的DIV CSS样式的命名规则
2012-04-17 17:04 by 臭小子1983, 259 阅读, 0 推荐, 收藏, 编辑
摘要：在搜索引擎优化中， 对于代码的优化是一个非常重要的部分。 如果一个网页的代码非常的简捷，对于提升网站的排名那个是非常有好处的。 同样，在CSS样式表中，合理有序的命名同样可以为整个CSS工作带来意想不到的简便。为了更加符合搜索引擎的规范， 下面是一些常用的CSS代码命名标准。 这些标准虽然不是一个必须遵守的规范，但是，却被大多数SEOer所接受，并为整个网站的更新工作带来方便。页头:header （CSS中通常写为： #header）登录条:loginBar标志:logo侧栏:sideBar广告:banner导航:nav子导航:subNav菜单:menu子菜单:subMenu搜索:search 阅读全文
Jquery中使用定时器setInterval和setTimeout - 重要
2012-04-15 15:45 by 臭小子1983, 65119 阅读, 0 推荐, 收藏, 编辑
摘要：直接在ready中调用其他方法，会提示缺少对象的错误，解决方法如下：方法1. 函数不在$(function(){....})内，setInterval第一个参数为"showAtuto" <script type="text/javascript">var t,n,count = 0;$(function(){ t = setInterval("showAuto()", 1000); })function showAuto(){ $('#ind').html(count++);}</script> 阅读全文
前端必读：浏览器内部工作原理
2012-04-15 12:17 by 臭小子1983, 170 阅读, 0 推荐, 收藏, 编辑
摘要：目录 一、介绍 二、渲染引擎 三、解析与DOM树构建 四、渲染树构建 五、布局 六、绘制 七、动态变化 八、渲染引擎的线程 九、CSS2可视模型 英文原文：How Browsers Work: Behind the Scenes of Modern Web Browsers 一、介绍 浏览器可以被认为是使用最广泛的软件，本文将介绍浏览器的工作原理，我们将看到，从你在地址栏输入google.com到你看到google主页过程中都发生了什么。 将讨论的浏览器 今天，有五种主流浏览器——IE、Firefox、Safari、Chrome及Opera。 本文将基于一些开源浏... 阅读全文
常见Web技术之间的关系，你了解多少？（转）
2012-04-15 10:44 by 臭小子1983, 215 阅读, 0 推荐, 收藏, 编辑
摘要：如果你是一个Web开发初学者，那么你难免会在网上搜索HTML, CSS, XML, JS(Javascript), DOM, XSL等等这些词的意思，然而，随着学习的深入。当你把他们搅在一起，你又糊涂了，你会不停的问，HTML是什么?CSS是什么?XML是什么?JS是什么?它们到底有什么用?无论是网络百科，还是一些IT专题网站，又或者一些牛人博客，他们都会告诉你，某个单一的东西是什么，这类文章很多，但很少有涉及，它们组合起来是什么，有什么用。我想，我写这篇文章，就是为了说明一下这个他们很少涉及的问题。 归纳、总结、提炼能力是我们进步的发动机，这种能力是可以有意识地培养的，拉卡拉电子支付公司董. 阅读全文
做一名合格的前端开发工程师（12篇）——第一篇 Javascript加载执行问题探索 (转)
2012-04-13 10:51 by 臭小子1983, 161 阅读, 0 推荐, 收藏, 编辑
摘要：楼主做前端开发一年多了，对前端的见解还是多多少少有一点的，今天特拿出来跟大家分享分享。做前端开发少不了各种利器。比如我习惯用的还是Google浏览器和重型武器Fiddller。一： 原始情况首先大家看看如下的代码： 1 2 3 4 5 6 7 8 9 ... 阅读全文
css sprite
2012-04-05 12:49 by 臭小子1983, 528 阅读, 0 推荐, 收藏, 编辑
摘要：一、CSS Sprites简介 CSSSprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。 加速的关键，不是降低重量，而是减少个数。传统切图讲究精细，图片规格越小越好，重量越小越好，其实规格大小无所谓，计算机统一都按byte计算。客户端每显示一张图片都会向服务器发送请求。所以，图片越多请求次数越多，造成延迟的可能性也就越大。二、CSS.. 阅读全文