[ Web前端工程师编程能力飞升之路 ]

本文将web前端研发编程能力划分了八个等级,每个等级都列举出了对应的特征及破级提升之方法,希望每位在看本文的同学先准确定位自己的等级(不要以你目前能力的最高点,而是以你当前能力的中档与之等级作对比,以免多走弯路),参考突破之法破之。

解决IE6下hover不兼容

分类:前端开发时间:2011-09-13阅读:(654)标签:css
<p>目前的浏览器大都支持各标签的hover效果,但,IE6,你懂的,只支持a标签的伪类效果,解决这个不兼容的情况呢,就要加一个文件了,csshover.htc。</p><p>实例演示:</p><style type=”text/css”> body{behavior:url(“csshover.htc”);margin:0;pad...

Jquery渐变效果函数之fadeIn,fadeOut和fadeTo

分类:前端开发时间:2011-09-01阅读:(846)标签:javascript, jquery
<p>我们来看看jquery是如何实现淡入 淡出效果的.</p><p>fadeOut(speed,callback)</p><p>通过不透明度的变化来实现所有匹配元素的淡<span style="color: #ff0000;">出</span>效果,并在动画完成后可选地触发一个回调函数。...

css sprite

分类:前端开发时间:2011-05-27阅读:(577)标签:css
<p>在以前我们的工作中,以传统切图思想进行操作,讲究精细,图片规格越小越好,重量越小越好,其实规格大小无所谓,计算机统一都按Byte计算。</p><p>客户端每显示一张图片都会向服务器发送请求,所以,图片越多请求次数越多,造成延迟的可能性也就越大。因为一张图片的传输时间,通常远小于请求等待的时间。</p><p>典型如文本编辑器,小...

div+css背景图片定位解析

分类:前端开发时间:2011-05-24阅读:(575)标签:css
今天有同行问我这个,我当时挺迷茫的,css背景图片定位没什么难的啊,怎么还问这个!好了,问到了,那就再温习一下,对div+css背景图片定位做一个解析。关键字, 例如: background-position: top right;  优点: 直观, 可用性高, 各浏览器中表现一致.  缺点: 缺少间隔尺寸. 三个垂直的 (top, center, bottom) 和三个水平的(left, ...

文字间歇性停顿的滚动效果

分类:前端开发时间:2011-04-27阅读:(583)标签:javascript
一些企业网站的新闻经常用一条,间歇性停顿滚动,这样的效果网上很多,有用jQuery的,也有原生态js的。这里用个原生态的。留作备用。<div style=”margin-top:30px;padding:10px;background:url(img/bg2.gif) bottom repeat-x”> <div style=”overflow:hidden;height:...

设置FLASH为底层

分类:前端开发时间:2011-04-27阅读:(533)标签:html
如何将FLASH放置到网页的底层,遇到这样的情况貌似很郁闷哦。有事问上百度谷歌一下。<div style=”z-index:-1″> <!–1.设置FLASH为底层–> <object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia...

HTML的上标和下标

分类:前端开发时间:2011-04-18阅读:(690)标签:html
<p>编辑同事想在网页中输入㎡,不过她好像不知道怎么输入那个平方的上标。那我就在这里,说一下在网页中如何实现上下标。</p><p>先看例子:</p><p>    (X+Y)2=Z2</p><p>    O2+H2=燃烧=H2O</p><p>看源代码就知道,这里用到了<sub>...

css制作排行榜样式

分类:前端开发时间:2011-04-11阅读:(751)标签:css
很多网页中会涉及到一些文章的排行,如最新文章,最火文章排行,这类文章列表的时候,往往会在前面添上一些表现出火热程度的图片,这里就来实例一下。先看一种方法,将排列的小图标放在一张图上,然后作为背景,放在UL里,让UL自动扩展,再将li的内容padding-left或者text-indent一下,此方法要控制好图片和li的高度,避免错位。<style type="text/css...

jQuery对象和DOM对象的相互转换

分类:前端开发时间:2011-04-02阅读:(562)标签:javascript, jquery
一开始学jQuery就应当树立正确的观念,分清jQuery对象和DOM对象之间的区别,之后学习jQuery就会轻松很多。在讨论jQuery对象和DOM对象的相互转换之前,先约定好定义变量的风格。如果获取的对象是jQuery对象,那么在变量前面加上$,例如:var $variable = jQuery 对象;如果获取的是DOM对象,则定义如下:var $variable = DOM对象;1、j...

HTML标签meta详解

分类:前端开发时间:2011-03-29阅读:(666)标签:html
一直学习前端技术,但最近发现自己忽视了HTML标签META,META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的HEAD标记和TITLE标记之间,它提供用户不可见的信息。meta最为常用的就是标注关键词和页面内容简介了,meta标签也通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于鉴别作者,设定页面格式,还可以设置页面使其...

友情链接

首页