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

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

JQuery图片延迟加载

分类:前端开发时间:2011-10-24阅读:(726)标签:javascript, jquery
<p>现在很多图片量大的网站都采用了一种技术,让打开的网页只显示一部分图片,当浏览者需要浏览后面的图片,拖动滚动条,图片进入可是区域后,才加载图片。这种方法大大的减少了网页打开的时间。淘宝等网站都使用了这种方法。</p><p>图片延迟加载</p><p>现在的网站一般都有用到jquery,在做图片延迟加载时,我们在jquery基础上,...

解决IE6下hover不兼容

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

css sprite

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

div+css背景图片定位解析

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

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

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

css制作排行榜样式

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

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

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

友情链接

首页