<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>赵安&#039;s Technology Workstation</title>
	<atom:link href="http://www.zhaoan.org/feed" rel="self" type="application/rss+xml" />
	<link>http://www.zhaoan.org</link>
	<description>专注于web开发设计和互联网最新动态！</description>
	<lastBuildDate>Wed, 08 Feb 2012 06:27:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>浅析WEB表单设计</title>
		<link>http://www.zhaoan.org/862.html</link>
		<comments>http://www.zhaoan.org/862.html#comments</comments>
		<pubDate>Fri, 20 Jan 2012 14:59:18 +0000</pubDate>
		<dc:creator>zhaoan</dc:creator>
				<category><![CDATA[用户体验]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[web开发]]></category>

		<guid isPermaLink="false">http://www.zhaoan.org/?p=862</guid>
		<description><![CDATA[设计师不再只是为互联网创造漂亮美观的图形那么简单了，作为一个WEB设计师，我们还需要考虑一些其他的问题，比如用户体验，算法，代码等等。如今用户体验设计越来越重要，对于WEB表单的设计尤其如此。 WEB表单设计的目标是设计出一套让用户能够从填表到点击提交按钮的最简单的流程。这个过程中不需要太多的炫目效果，虽然jQuery的表单插件一直都很受欢迎。在这片文章中我们只关注于表单的用户体验和交互过程。这里的概念也能够有效的帮助你减少用户在填表过程中的挫折感。 保持醒目和简洁 我听过不计其数的用户抱怨注册表单需要太多的信息。如果你正在想办法增加注册用户数量，那么你必须保证你的表单尽可能的易于填写。这点同样适用于其他地方的数据输入。 根据项目的不同，用户需要填写的信息数量也有所不同。注册表格可能会要求用户输入用户名，电子邮件地址，然后两次输入密码，这样当然很合理并且是用户所期待的注册方式。但是也有特殊情况，看看WordPress的默认注册页面。 这里用户只需要填写用户名和电子邮件地址，之后系统会自动生成一个密码并发到你所填写的电子邮件地址当中，这样做减少了原始表格的数量，并且将恶意注册者挡在了门外。你不需要去邮箱点击激活链接，但是你必须在你的邮箱中取得新的登陆密码。 始终与用户的期待保持同步 用户们最讨厌的事情就是页面有出乎他们意料的跳转。你绝对希望你的表单行为保持自然，并且将额外的JavaScript代码减到最少，弹出气泡和Ajax都是很有用的东西。好用的表单不应该被划分成许多小的项目，用隔断将他们彼此分离，那不是好办法。 另一个我们经常犯的错误是错过了HTML的tabindex属性。这个属性从可用性角度来说真是棒极了，因为通过它用户不使用鼠标就能填写完整个表格。但是如果你没有保持tabindex属性的有序性，或者只在某些输入框中使用了这个属性，而另外一些没有使用，那么整个系统一定会出乱子。这一点适用于所有的注册表单，而且同样适用于其他的输入页面，特别是网上购物的信息输入页面。 保密性是最重要的 不论用户输入的是他们的信用卡号码还是电子邮件地址，你都应该将保证这些数据的安全放在第一位。用户信任你的网站和后端代码正确的收集了他们的信息并将之保存在一个安全的地方。 如果可能的话我建议在你的整个网站中都使用SSL认证，这不仅仅保护了用户的注册信息，用户浏览网站的整个过程都被HTTPS保护了。这可能会有点麻烦，但是有些WEB主机会辅助你安装这些功能。当然并不是每个网站都必须这么做，但是你只需要多费一点儿时间和精力就能保护用户数据的安全，你的用户会因此而觉得安全，你和用户之间也能建立起一种相互信任的纽带，何乐而不为呢？ 另外，不要使用那些很容易被探测的信息。除非信息是完全非“个人”的，都需要使用POST数据类型。只有在URL结构能够从数据中获益的时候（比如说搜索页面中的search.php?q=my+search+terms）才使用Ajax的GET requests。 更大的输入框 我听过很多关于WEB表单输入框大小的争论。vBulletin，Joomla！和Drupal使用的都是相当小的输入框，大都是10px-12px的文字和很小的内边距。 Diigo的注册表单结构就很大气！你需要缓和不同输入元素之间的冲突。加粗的文字提示你哪些区域已经填写了，哪些区域还空着，当激活某一输入框时，它会变成淡蓝色，提示你光标现在所处的位置。 传统的Digg注册表单就是用很相似的方法来设计的。Twitter的注册表单同样都很大，你不会错过任何东西。他们不会吝啬于用大量白色的空间来突出输入区域。他们的标签系统也很独特，空的输入框中会有预先设置的占位文字，通过颜色的变换，你也可以清楚的将用户输入的文字和系统预设文字区分开来。 结论 现在的WEB设计出现了许多新的设计趋势。最新的CSS3正在越来越多的被设计师们所采用，表单设计也不例外的需要设计师们投入更多的关注和思考。 我希望这些用户体验背后的指导原则能够指引你创造更好的WEB表单。对于后端数据来说，即使是PHP这样简单的语言也能够很好的处理。但是通过一到两个星期的时间，你应该能创造出一套你自己的系统。网络开发者们，不论是前端还是后端，都应该尽力去理解这些设计原则和范例。]]></description>
		<wfw:commentRss>http://www.zhaoan.org/862.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>2011第4季百度谷歌搜狗维持搜索前三</title>
		<link>http://www.zhaoan.org/854.html</link>
		<comments>http://www.zhaoan.org/854.html#comments</comments>
		<pubDate>Fri, 20 Jan 2012 14:20:12 +0000</pubDate>
		<dc:creator>zhaoan</dc:creator>
				<category><![CDATA[互联网]]></category>
		<category><![CDATA[搜索引擎]]></category>

		<guid isPermaLink="false">http://www.zhaoan.org/?p=854</guid>
		<description><![CDATA[2011第四季度中国搜索引擎运营商市场份额 2009第四季度-2011第四季度中国搜索引擎市场规模 新浪科技讯 1月20日下午消息，易观智库今日发布的数据显示，2011年第4季度中国搜索引擎运营商市场规模为58亿，环比增长7.8%，同比增长50.8%。与此同时，整个市场的竞争格局继续保持平稳，百度、谷歌中国和搜狗占据市场份额前三。 根据这份《2011年第4季度中国搜索引擎市场季度监测》数据，受到一部分网络广告淡季和主要广告主投放行为的影响，当季中国搜索引擎运营商市场规模增速有所放缓。 但是，由于关键字市场存在良好的推广效果及流量引导，使得整体市场在绝对值数量上继续保持稳定的增长。同时，搜索引擎厂商在垂直搜索业务、无线搜索业务的不断跟进下，使得搜索引擎营销价值不断显现和提升。 易观智库指出，本季度中国搜索引擎运营商收入市场继续保持较为稳定的竞争格局。其中百度占据市场份额的78.3%，谷歌中国占16.7%，搜狗占2.7%。]]></description>
		<wfw:commentRss>http://www.zhaoan.org/854.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ie内核和webkit内核css滚动条样式</title>
		<link>http://www.zhaoan.org/849.html</link>
		<comments>http://www.zhaoan.org/849.html#comments</comments>
		<pubDate>Thu, 05 Jan 2012 03:23:49 +0000</pubDate>
		<dc:creator>zhaoan</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[webkit]]></category>
		<category><![CDATA[滚动条]]></category>

		<guid isPermaLink="false">http://www.zhaoan.org/?p=849</guid>
		<description><![CDATA[如果在您看够了您的主页中灰色的滚动条，想让他变一种颜色，您该怎么办呢？ 其实这很简单，插入一段代码就能实现了(必须是IE5以上，或者是以IE5为内核的浏览器)。 参数说明： 1、overflow-y : 设置当对象的内容超过其指定高度时如何管理内容；overflow-x : 设置当对象的内容超过其指定宽度时如何管理内容。 参数: visible：扩大面积以显示所有内容 auto：仅当内容超出限定值时添加滚动条 hidden：总是隐藏滚动条 scroll：总是显示滚动条 2、height : 设置滚动条的高度（修改其后数值即可）。 3、滚动条颜色参数设置： scrollbar-3d-light-color 设置或检索滚动条亮边框颜色 scrollbar-highlight-color 设置或检索滚动条3D界面的亮边（ThreedHighlight）颜色 scrollbar-face-color &#160;设置或检索滚动条3D表面（ThreedFace）的颜色 scrollbar-arrow-color &#160;设置或检索滚动条方向箭头的颜色 scrollbar-shadow-color &#160;设置或检索滚动条3D界面的暗边（ThreedShadow）颜色 scrollbar-dark-shadow-color 设置或检索滚动条暗边框（ThreedDarkShadow）颜色 scrollbar-base-color &#160;设置或检索滚动条基准颜色 webkit内核的写法稍有不同 下面来看例子： ie内核： *{ scrollbar-3dlight-color:#D4D0C8;&#160; &#160; &#160;scrollbar-highlight-color:#fff;&#160; &#160; &#160;scrollbar-face-color:#E4E4E4;&#160; &#160; &#160;scrollbar-arrow-color:#666;&#160; &#160; &#160;scrollbar-shadow-color:#808080;&#160; &#160; &#160;scrollbar-darkshadow-color:#D7DCE0;&#160; &#160; &#160;scrollbar-base-color:#D7DCE0;&#160; &#160; &#160;scrollbar-track-color:#; } webkit内核： /* Let&#39;s get [...]]]></description>
		<wfw:commentRss>http://www.zhaoan.org/849.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>王云飞作品《粉色生灵》欣赏</title>
		<link>http://www.zhaoan.org/830.html</link>
		<comments>http://www.zhaoan.org/830.html#comments</comments>
		<pubDate>Wed, 04 Jan 2012 02:48:28 +0000</pubDate>
		<dc:creator>zhaoan</dc:creator>
				<category><![CDATA[欣赏]]></category>
		<category><![CDATA[微博]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.zhaoan.org/?p=830</guid>
		<description><![CDATA[微博看到关于《粉色生灵》被湖南卫视盗用的消息，插画师&#8220;FEI童鞋&#8221;日前在微博上曝料，湖南卫视跨年晚会上，曾轶可在演唱时的背景图抄袭了他的《粉色生灵系列》作品，希望湖南卫视能给出合理的解释，而相关负责人最初给出的回答居然是：&#8220;这是你的荣幸&#8221;。&#160; 搜索了下这几幅作品，感觉很好，画面由无规律的线条组成，看似杂乱确又不杂乱，有种特别的感觉，很漂亮，转来自己小站了 无论是人还是动物，白天都像戴着面具，去抵抗世间的恐惧。夜晚恢复本来的面貌，栖息在各自的环境中。&#160; 粉色的生灵，你遇到过吗？ &#160; &#160; &#160; &#160; &#160; 转载：http://www.moko.cc/post/artfei/551446.html &#160;]]></description>
		<wfw:commentRss>http://www.zhaoan.org/830.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>css中的transform属性</title>
		<link>http://www.zhaoan.org/826.html</link>
		<comments>http://www.zhaoan.org/826.html#comments</comments>
		<pubDate>Fri, 30 Dec 2011 09:11:43 +0000</pubDate>
		<dc:creator>zhaoan</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[web开发]]></category>

		<guid isPermaLink="false">http://www.zhaoan.org/?p=826</guid>
		<description><![CDATA[今天打开QQ空间，无意中看到一个很有趣的效果，栏目前面有张16&#215;16的小图片，当鼠标移过去，图片会旋转45度角，本来想着是用js实现的，看了下代码，发现了一个不熟悉的属性-transform，研究了一下发现这个效果就是它完成的，-Webkit- Transition 在CSS3中这个属性的作用是使得变化不那么生硬，达到比较平和的过渡。而实际变化的属性是需要我们自己手动去添加变化，HTML5和CSS3的发展速度还是很可观的，国内外不乏一些大站，酷站都在使用最新的技术。面对新的技术，我们该如何正确的把握和使用到今后的项目实战中呢？下面谈谈这个属性的应用吧 &#160; CSS3 transform是什么？ transform的含义是：改变，使&#8230;变形；转换 1、transform属性实现了一些可用SVG实现的同样的功能。它可用于内联(inline)元素和块级(block)元素。它允许我们旋转、缩放和移动元素，并且该元素 下的所有子元素 随着参数的设置 旋转、缩放 和移动。 他有几个属性值： (1)&#160; rotate(旋转)允许你通过传递一个度数值来转动一个对象；其值可取正、负。正值代表 顺时针旋转 负值代表逆时针旋转。例如：rotate(20deg) 顺时针旋转20度。 (2) scale是一个缩放功能，它使用一个或者两个正数和负数以及小数作为参数；两参数的含义:依次x轴缩放 y轴缩放,&#160;&#160; 正数 代表放大，负数代表缩小。 当使用一个参数时表示X轴和Y轴的缩放相同；例如： scale(1.0, 0.75) 或则 scale(-0.5, 1)&#160; 或则 scale(0.5)。 (3) translate就是基于X和Y 坐标重新定位元素，当使用一个参数时表示X轴和Y轴的参数相同；参数也可取正负，x轴: 正值代表向右移动, 负值代表 向左移动，y轴:正值代表 向下移动 , 负值 代表向上移动&#160; 。例如: translate(10px,-2px); (4) skew倾斜（ps中的斜切），参数是度数，当使用一个参数时表示X轴和Y轴的参数相同； (5) matrix矩阵变换，就是基于X和Y 坐标重新定位元素，它使用6个参数，这个属性和线性矩阵类似，弄的我有点头大，基本上用上面的四个属性就差不多了。 2、transform-origin是变形原点，也就是该元素围绕着那个点变形或旋转，该属性只有在设置了transform属性的时候起作用； transform-origin接受两个参数，它们可以是百分比，em，px等具体的值，也可以是left,center,right，或者 top,center,bottom等描述性参数 ; 语法：-moz-transform-origin: [ &#124; [...]]]></description>
		<wfw:commentRss>http://www.zhaoan.org/826.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS中的expression详解</title>
		<link>http://www.zhaoan.org/824.html</link>
		<comments>http://www.zhaoan.org/824.html#comments</comments>
		<pubDate>Fri, 30 Dec 2011 08:58:14 +0000</pubDate>
		<dc:creator>zhaoan</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://www.zhaoan.org/?p=824</guid>
		<description><![CDATA[&#160; 前面写了一篇《IE6不支持position:fixed的解决方法》其中用到了expression这个行为，也简单说了下，其实我也是才遇见这类问题，研究了下这个css的行为，它可以让css能有更好的兼容性和扩张性，下面找了些资料，算是分享也算是自己的笔记了。 IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javascript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式，CSS属性的值等于Javascript表达式计算的结果。 在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。 给元素固有属性赋值 下面是定义container容器的宽度，如果&#60;725就为自己的宽度，否则就等于725，相当于max-width:725px;。 &#60;style type=&#34;text/css&#34; media=&#34;screen&#34;&#62; #container { width: expression((documentElement.clientWidth &#60; 725) ? &#34;725px&#34; : &#34;auto&#34; ); } &#60;/style&#62; 给元素自定义属性赋值 例如，消除页面上的链接虚线框。 通常的做法是： &#60;a href=&#34;link1.htm&#34; onfocus=&#34;this.blur()&#34;&#62;link1&#60;/a&#62; &#60;a href=&#34;link2.htm&#34; onfocus=&#34;this.blur()&#34;&#62;link2&#60;/a&#62; &#60;a href=&#34;link3.htm&#34; onfocus=&#34;this.blur()&#34;&#62;link3&#60;/a&#62; 粗看或许还体现不出采用expression的优势，但如果你的页面上有几十甚至上百个链接，这时的你难道还会机械式地Ctrl+C，Ctrl+V么，何况两者一比较，哪个产生的冗余代码更多呢？ 采用expression的做法如下： &#60;style type=&#34;text/css&#34;&#62; a {star : expression(onfocus=this.blur);} &#60;/style&#62; &#60;a href=&#34;link1.htm&#34;&#62;link1&#60;/a&#62; &#60;a href=&#34;link2.htm&#34;&#62;link2&#60;/a&#62; &#60;a href=&#34;link3.htm&#34;&#62;link3&#60;/a&#62; 说明：里面的star就是自己任意定义的属性，你可以随自己喜好另外定义，接着包含在expression()里的语句就是JS脚本，在自定义属性与expression之间可别忘了还有一个引号，因为实质还是CSS，所以放在style标签内，而非script内。OK，这样就很容易地用一句话实现了页面中的链接虚线框的消除。不过你先别得意，如果触发的特效是CSS的属性变化，那么出来的结果会跟你的本意有差别。例如你想随鼠标的移进移出而改变页面中的文本框颜色更改，你可能想当然的会认为应该写为 &#60;style type=&#34;text/css&#34;&#62; input {star : [...]]]></description>
		<wfw:commentRss>http://www.zhaoan.org/824.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE6不支持position:fixed的解决方法</title>
		<link>http://www.zhaoan.org/819.html</link>
		<comments>http://www.zhaoan.org/819.html#comments</comments>
		<pubDate>Fri, 23 Dec 2011 08:01:16 +0000</pubDate>
		<dc:creator>zhaoan</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://www.zhaoan.org/?p=819</guid>
		<description><![CDATA[ie6在国内的使用还是占有很大一部分，特别是一些中小企业的公司老板，看到网站在ie6下不对劲就说下面的人办事不利，今天说的是IE6不支持position:fixed的解决方法，是在给我们研发做页面的时候碰到的一个问题，下面看看demo页面代码： &#60;html&#62; &#60;head&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; /&#62; &#60;title&#62;IE6 position:fixed bug&#60;/title&#62; &#160; &#60;style&#62; *{padding:0;margin:0} p{height:2000px} &#160; &#160; /* 除IE6浏览器的通用方法 */ .ie6fixedTL{border:1px solid #000;position:fixed;left:0;top:0} .ie6fixedBR{border:1px solid #000;position:fixed;right:0;bottom:0} &#160; &#60;/style&#62; &#60;!&#8211;[if IE 6]&#62; &#60;style type=&#34;text/css&#34;&#62; &#160; html{overflow:hidden} body{height:100%;overflow:auto} &#160; &#160; /* IE6浏览器的特有方法 */ /* 修正IE6振动bug */ * html,* html body{background-image:url(about:blank);background-attachment:fixed} &#160; * html .ie6fixedTL{position:absolute;left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop))} * html .ie6fixedBR{position:absolute;left:expression(eval(document.documentElement.scrollLeft-20+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)&#124;&#124;0)-(parseInt(this.currentStyle.marginRight,10)&#124;&#124;0));top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)&#124;&#124;0)-(parseInt(this.currentStyle.marginBottom,10)&#124;&#124;0)))} [...]]]></description>
		<wfw:commentRss>http://www.zhaoan.org/819.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>国内网站数据统计选Google Analytics还是百度统计</title>
		<link>http://www.zhaoan.org/792.html</link>
		<comments>http://www.zhaoan.org/792.html#comments</comments>
		<pubDate>Thu, 22 Dec 2011 09:44:44 +0000</pubDate>
		<dc:creator>zhaoan</dc:creator>
				<category><![CDATA[网站运营]]></category>
		<category><![CDATA[工具]]></category>
		<category><![CDATA[网站开发]]></category>
		<category><![CDATA[网站推广]]></category>

		<guid isPermaLink="false">http://www.zhaoan.org/?p=792</guid>
		<description><![CDATA[Google Analytics谷歌统计是我用的第一个网站统计工具，当然现在也一直在用。Google Analytics凭借其强大的功能和超强的稳定性、快速的反应能力、广泛的数据应用功能，受到了广大站长的追捧。 使用Google Analytics的站长们应该不在少数吧，每天登录Google Analytics上查看网站的流量也是我们这些站长们必须做的事情，认真分析Google Analytics当中的数据信息，会给我们的一些有利的提示。 今天想到：&#8220;国内网站博客数据统计选免费Google Analytics还是百度统计&#8221;这个问题的起因是百度统计里的网站速度诊断工具，这个工具类似于我以前介绍的网页载入速度工具，还提供的优化加速的建议。 客观上讲，百度的这个网站速度诊断工具判断出来的结果是比较准确的，提供的加速建议其实一直是业界公认的。通过诊断，还真让我发现了一些平时没有注意到的问题：Google Analytics代码是否会影响网页加载速度？ Google Analytics和百度统计都是站长们平常必须使用到的工具，好好利用它们，就会有新的收获： 1、独白:作为站长博主的我为什么要使用百度分享和百度统计（慑于百度的Y威，小小站长们只能奋力巴结讨好它） 2、博客网站固定弹窗漂浮广告交给百度广告管家和CNZZ广告管家管理（免费的广告制作和投放，不懂代码不要紧） 3、百度SEO建议工具很虚幻!Linkadage把谷歌PR变美元很实在（有些东西非得要我们看破本质才行） 国内网站博客数据统计选Google Analytics还是百度统计 PS：Google Analytics在功能上绝对强于百度统计，但是Google Analytics在遥远的美国，所以本文着重探讨的就是国内的网站博客是否应该选择Google Analytics谷歌统计作为网站统计工具还是百度统计？ 一、Google Analytics会在某种不确定的程度上影响网页加载速度 1、客观地讲，像Google Analytics这像的统计代码由于采用不同的JS处理方式以及依托于谷歌强大的全球服务反应能力，即便网站流量再多，也几乎影响不到网页的加载速度的。 2、然而我们将Google Analytics放在一个特殊的环境来进行考量：国内的网站博客。&#8220;基于众所周知的原因&#8221;，Google的服务在国内基本上处于&#8220;半服务&#8221;状态，重要原因就是谷歌的服务器没有放在中国。 3、Google Analytics的服务器当然没有在国内，&#8220;依照常理来推论&#8221;，网页每次加载都会连接到Google Analytics服务器，进行数据的传输，一旦连接到Google Analytics受到了干扰，那么肯定会影响到Google Analytics代码的加载了。 4、通过百度的网站速度诊断，测试出来Google Analytics的JS代码加载时间居然是7.54秒，而百度统计的JS加载只有0.01秒，这个测试只是一次的结果，如果多次测试再取平均值，结果会更加准确。 5、看了上面的百度网站速度诊断结果，自然还需要自己亲自测试一下。打开Firefox的Firebug，马上就看到了网页加载的速度分析报告了。从报告中可以看到，Google Analytics的代码加载时间用了540ms，而百度的却用了109ms。 6、结论很简单：因为&#8220;一个众所周知的原因&#8221;，加载Google Analytics代码速度有时会变慢，加载时间有时会延长（这种机率应该非常小），直接的结果就是拖慢负面的加载速度。 二、Google Analytics在统计浏览器信息的细节方面不如国内的统计工具 1、百度统计应该算是比较符合国内用户的习惯，在&#8220;系统环境&#8221;中的流量器统计，可以详细区分360SE、Google Chrome、IE6.0、IE8.0、Sougou等浏览器，并看到浏览器PV、IP等等 2、Google Analytics谷歌统计中虽然可以看到用户所使用的浏览器，但是它不会区分同内核不同厂商的浏览器，根据我的推测，Google Analytics应该把360浏览器、搜狗浏览器、腾讯TT等浏览器统一归结到IE浏览器 3、这个小小的细节虽然不会影响到大多数的网站博客，但是对于那些做&#8220;企业营销&#8221;&#8220;软件营销&#8221;等与浏览器的用户密切相关的网站博客，这样的数据信息应该非常重要了。 4、结论是：Google Analytics不适应国内的特殊浏览器混乱的情况，尤其是好多&#8220;穿了外衣&#8221;本质上却还是一个IE一直在争夺市场用户的混乱局面。 三、Google Analytics地域分析面向全球，百度统计地域分析面向国内 1、百度统计对于访客的来源地域等已经在地图上标明好了，按照省份划分，可以依次看到各个省份的统计信息 2、Google Analytics显然是为了给做&#8220;全球生意&#8221;的网站准备的，在地域统计当中，Google Analytics可以清楚显示来自世界各个国家和地区的统计信息，但是在显示国内的不同的省份的信息时，显得&#8220;力不从心&#8221;了 [...]]]></description>
		<wfw:commentRss>http://www.zhaoan.org/792.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ie6,ie7,ie8 css bug兼容解决方法</title>
		<link>http://www.zhaoan.org/785.html</link>
		<comments>http://www.zhaoan.org/785.html#comments</comments>
		<pubDate>Thu, 22 Dec 2011 06:57:32 +0000</pubDate>
		<dc:creator>zhaoan</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[ie]]></category>

		<guid isPermaLink="false">http://www.zhaoan.org/?p=785</guid>
		<description><![CDATA[IE浏览器以不支持大量的css 属性出名，同时也因其支持的css属性中存在大量bug。 这里收集了好多的bug以及其解决的办法，都在这个文章里面记录下来了！希望以后解决类似问题的时候能够快速解决，也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法！ &#160; 普通IE css bug bug名称 影响版本 描述 Image Label Focus Bug IE8,IE7,IE6 &#60;img&#62;元素在&#60;label&#62;元素之内，单击时，焦点不会转移到相应的表单控件 按钮Margin-Auto非居中 IE8 Button或类似元素并不居中当{ display: block; margin-left: auto; margin-right: auto;}作用与它 时候且&#8220;宽&#8221;是不明确的 不正确的浮动收缩-包裹bug IE7,IE6 一个浮动元素（设置了clear属性）在另一个浮动元素之后时不能正确的收缩-包裹 overflow滚动条的不一致 IE7,IE6 非常规的在&#60;html&#62;元素上设置overflow属性可能会出现关于&#60;body&#62;元素的overflow bug 浮动挤压怪异差距bug IE7,IE6 倒数第一个和倒数第二个浮动元素的间距似乎垂直堆叠了 浮动复制最后一个字符bug IE7,IE6 浮动元素的最后一个字符被复制 空元素高度bug IE7,IE6 有&#8221;layout&#8221;属性的空元素获得高度 表单控件的双边距bug IE7,IE6 &#60;input&#62;和&#60;textarea&#62;元素上的水平margin&#8220;继承&#8221;于含有margin和layout属性的祖先 IE7 1像素点边框表现为虚线边框 IE7 当至少有1边的变宽宽度大于1像素时，1像素的点边框表现为虚线边框 Relative Overflow失效的bug IE7,IE6 含有overflow（hidden或auto）属性的元素的后辈如果含有position:relative属性，则其表现得就像是设置为visible属性一样 [...]]]></description>
		<wfw:commentRss>http://www.zhaoan.org/785.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>怎么判断ie版本</title>
		<link>http://www.zhaoan.org/780.html</link>
		<comments>http://www.zhaoan.org/780.html#comments</comments>
		<pubDate>Thu, 22 Dec 2011 06:44:08 +0000</pubDate>
		<dc:creator>zhaoan</dc:creator>
				<category><![CDATA[html]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.zhaoan.org/?p=780</guid>
		<description><![CDATA[不同的ie浏览器版本会出现不同的页面效果，这是让web前台设计者头疼的一个问题，那么怎么区分这些不同ie呢？ 下面总结了一些简单的方法。 &#60;!&#8211;[if !IE]&#62;&#60;!&#8211;&#62;&#160;除IE外都可识别&#160;&#60;!&#8211;&#60;![endif]&#8211;&#62; &#60;!&#8211;[if IE]&#62;&#160;所有的IE可识别&#160;&#60;![endif]&#8211;&#62; &#60;!&#8211;[if IE 5]&#62;&#160;仅IE5.0与IE5.5&#160;&#60;![endif]&#8211;&#62; &#60;!&#8211;[if gt IE 5.0]&#62;&#160;IE5.0以及IE5.0以上版本&#160;&#60;![endif]&#8211;&#62; &#60;!&#8211;[if IE 6]&#62;&#160;仅IE6&#160;&#60;![endif]&#8211;&#62; &#60;!&#8211;[if lt IE 6]&#62;&#160;IE6以及IE6以下版本&#160;&#60;![endif]&#8211;&#62; &#60;!&#8211;[if gte IE 6]&#62;&#160;IE6以及IE6以上版本&#160;&#60;![endif]&#8211;&#62; &#60;!&#8211;[if IE 7]&#62;&#160;仅IE7&#160;&#60;![endif]&#8211;&#62; &#60;!&#8211;[if lt IE 7]&#62;&#160;IE7以及IE7以下版本&#160;&#60;![endif]&#8211;&#62; &#60;!&#8211;[if gte IE 7]&#62;&#160;IE7以及IE7以上版本&#160;&#60;![endif]&#8211;&#62;]]></description>
		<wfw:commentRss>http://www.zhaoan.org/780.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

