Name：流着泪的石头Work：500WAN彩票网[www.500wan.com]网页前端重构工程师。
Mail：jws20031251@gmail.com QQ:18615912
用YSlow分析我们页面
Post by admin, 2010-8-24, Views:YSlow是yahoo美国开发的一个页面评分插件，非常的棒，从中我们可以看出我们页面上的很多不足，并且可以知道我们改怎么却改进和优化。
仔细研究了下YSlow跌评分规则。
主要有12条：
...去掉链接的虚线框
Post by admin, 2010-8-11, Views:CSS代码如下：
a {text-decoration:underline;outline:0}/*exp~*/
a:link,a:visited {color:#3271C0}
a:hover {text-decoration:underline}
/*exps*/
a:active {*unicode-bidi:expression(function(x){x.style.unicodeBidi='normal';x.hideFocus=1}(this))}
...
左右两列宽度自适应布局
Post by admin, 2010-8-6, Views:在我们改版交易区的时候遇到问题：要求左边的导航(200PX)宽度不变，右边的随着分辨率的大小自适应，并且还要保持全屏显示；随后研究了一种方法，如下：在我们改版交易区的时候遇到问题：要求左边的导航(200PX)宽度不变，右边的随着分辨率的大小自适应，并且还要保持全屏显示；随后研究了一种方法，如下： <html xmlns="http://www.w3.org/1999/
web前端页面性能优化
Post by admin, 2010-7-30, Views:影响用户访问的最大部分是前端的页面。网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。
而我们建设网站的目的是什么呢？不就是为了让目标人群来访问吗？所以我们可以理解成前端才是真正和用户接触的。
除了后台需要在性能上做优化外，其实前端的页面更需要在性能优化上下功夫，只有这样才能给我们的用户带来更好的用户体验。不仅仅如此，如果前端优化得好，他不仅可以为企业节约成本，他还能给用户带来更多的用户，因为增强的用户体验。说了这么多，那么我们应该如何对我们前端的页面进行性能优化呢？
...
CSS3测试你的浏览器版本
Post by admin, 2010-7-29, Views:CSS3测试你的浏览器版本
说明：本页面用于测试各个浏览器对CSS3的解释效果，左边的“图像”并非图片，而是纯CSS。目前各个浏览器对CSS3的支持效果不一样，其中IE系的浏览器支持效果最差。
副作用：你可以对照左右的“图片”来判断你使用的是什么浏览器。
测试地址：http://knb.im/css3/
...关于display:none和visibility:hidden的区别
Post by admin, 2010-7-26, Views:display:none和visibility:hidden都是把网页上某个元素隐藏起来的功能，但两者有所区别，经过亲自实验，我发现使用 visibility:hidden属性会使对象不可见，但该对象在网页所占的空间没有改变（看不见但摸得到），等于留出了一块空白区域，而 display:none属性会使这个对象彻底消失（看不见也摸不到）。
这样的解释。
但是我觉得并不够，所以就想了一下关于他的一个加载问题。
有属性display:none;的结构在加载页面时，是否会同时加载呢？或则是当他变成display:block;的时候才加载的呢？
...
关于css display: inline block inline-block三者区别
Post by admin, 2010-7-26, Views:上次考试的时候碰到这个问题，要我回答关于css display: inline block inline-block三者的区别，以前对这几个属性的理解本来就很模糊，所以就随便答下，考完下来感觉很懊恼，于是在网上找了一些资料归纳了下，和大家分享下。
display:inline-block
将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。
但对于这个属性不是所有浏览器都识别。
支持的浏览器有：Opera、Safari。
...
html5中新增的标签
Post by admin, 2010-7-19, Views:上周被人问起关于HTML5.0的事情，其中谈到了关于HTML5.0新增标签元素的问题，今天有时间整理了下，可能有有些疏漏。和大家分享下：
<article>:定义 article。页面主体内容（结构性元素）
<aside>:定义页面内容之 外的内容。代表说明、提示、边栏、引用、附加注释等，也就是叙述主线之外的内容。（语义上的块元素）
...页面性能优化绿色规则
Post by admin, 2010-7-12, Views:绿色规则可以概括为以下几种：
* 使用相对URL，某些href、src属性如果与当前页面处于同一域名下，则使用相对URL能够节省至少一个域名的长度。
* 删除HTTP或者HTTPS，绝对URL都以HTTP或HTTPS等协议头开始，如果能确定URL的协议与当前页面URL的协议是一致的，或者说该URL在多种协议下均是可用的，则可以考虑删除这个协议头。
* 删除注释，考虑不必要的IE条件注释和CDATA注释及自定义注释。
...
考试经验总结
Post by admin, 2010-7-12, Views:考试经验总结：
1、.熟悉对网站建设基本流程
2、.以3年的重构工作经验来说，对js、css了解太少。
3.、只知道通过w3c验证网页标准性，对网站标准的实际意义缺乏了解
4.、网站优化方法不太深入
5、在重构这块加深研究
多研究些实际的东西，避免华而不实，重构这块容易走入错方向。
总而言之，此次考试，深受体会到我自己有些地方的不足，希望在以后的时间里，加强学习。
Friend Connect
此处加载INCLUDE文件，内容可自定义New Articles
Archives
Favorite
LinksStatistics
- 文章总数:98
- 评论总数:11
- 引用总数:0
- 浏览总数:1462
- 留言总数:13
- 当前主题:sean
- 当前样式:Sean_Sim
Powered By Z-Blog 1.8 Arwen Build 90619. Based on valid CSS 2.0 code.Copyright 无忧博客网 Www.jiangweishan.cn. Some Rights Reserved.
