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

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

滚动鼠标滚轮缩放当前图片

分类:前端开发时间:2011-12-09阅读:(1338)标签:javascript
在很多网站里我们常看到有些文章里的图片被鼠标覆盖,滚动鼠标滚轮的时候,覆盖的图片也相应的放大缩小了。这样很方便地放大图片,看到小图里一些细节。这种效果如何实现?实例如下:<script type=”text/javascript”> function sfimg(o) { var zoom=parseInt(o.style.zoom, 10)||100; zoom+=event....

邀请链接复制链接地址的方法

分类:前端开发时间:2011-12-08阅读:(2054)标签:javascript
在做邀请页面的时候,通常会做点击复制邀请链接到剪贴板,有直接复制链接地址的,也有推荐网页,复制网页标题和网页地址的。这里介绍两种方法。方法一(直接复制地址):<script type=”text/javascript”> function copylink(urlString) {var clipBoardContent=urlString; window.clipboardDa...

网页性能优化测试工具

分类:资源工具时间:2011-12-04阅读:(1937)标签:tool
现在制作的网页一般都是需要标准化的,如何测试我们制作的网页是否标准化,需要借助一些工具来测试,我一般只用W3C的HTML CSS验证,今天听老师还说到了一个用于网页优化的测试工具GOOGLE SPEED,一时好奇,便在网上略搜罗了一下主流的网页性能优化测试工具。W3C CSS验证服务通过W3C CSS可以检测CSS样式是否符合W3C标准,并提供详细改进方案。http://jigsaw.w3....

Textarea属性-IE下有滚动条

分类:前端开发时间:2011-12-02阅读:(1377)标签:css
Textarea在IE浏览器下默认是有上下滚动条的,而其他浏览器就没有,如chrome,firefox。但在chrome、火狐下,Textarea可以拖拉,放大缩小。这些细节问题让人很纠结。要去掉右侧上下滚动条其实很简单,只要添加样式“overflow:auto ”就可以了。对于去掉chrome下默认可以拖拉放大缩小的属性,添加样式“resize:none”。IE下默认是不可以拖拉放大缩小的...

各种js倒计时

分类:前端开发时间:2011-11-28阅读:(1343)标签:javascript
各种js倒计时代码。第一种:精确到秒的javascript倒计时代码HTML代码:<form name=”form1″> <div align=”center” align=”center”> <center>离2010年还有:<br> <input type=”textarea” name=”left” size=”35″ style=...

Firefox和IE之间7个JavaScript的差异

分类:前端开发时间:2011-11-07阅读:(1256)标签:javascript
<p>尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了,但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的。</p><p>这篇文章中,我会略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的 7 个方面。CSS “float” ...

wordpress后台提示“您没有足够的权限访问这个页面”的解决方法

分类:PHP时间:2011-11-02阅读:(1504)标签:cms
默认的表前缀为wp_,如果你修改了wp_config.php中的表前缀,也就是$table_prefix=后面的内容,刚您需要修改数据库中 的表前缀,修改完成后,如果登录wordpress后台成功后,返回“您没有足够的权限访问这个页面。”的提示,那也就是说您还没有完成修 改,wordpress的代码设计严密,没有那么简单让你完成。接着,打开?_options表,修改optionname字段值...

JQuery图片延迟加载

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

解决IE6下hover不兼容

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