[ Web前端工程师编程能力飞升之路 ]
本文将web前端研发编程能力划分了八个等级,每个等级都列举出了对应的特征及破级提升之方法,希望每位在看本文的同学先准确定位自己的等级(不要以你目前能力的最高点,而是以你当前能力的中档与之等级作对比,以免多走弯路),参考突破之法破之。
-
CSS清除浮动
分类:前端开发时间:2011-12-26阅读:(1118)标签:css - 清除浮动方法很多,最好是不用多余的标签,减少代码编写。以前多用的是.cb{clear:both;margin:0;padding:0;height:0;overflow:hidden;};在要闭合的地方插入对空标签如<p class=”cb”></p>,现在觉得,太浪费了。去掉无语义的标签,在要闭合浮动的层上加上下面的浮动清除样式就好多了。<style type...
-
文字被选中状态
分类:前端开发时间:2011-12-15阅读:(983)标签:javascript - 微博有一个插入讨论话题的功能,点击插入话题,在文本域里话题文字处于被选中状态,只需直接键入所需话题即可,用户体验很好。还有一种默认值修改,快速将文本域的内容选中。插入话题选中文字状态:<textarea id=”target”></textarea> <p><input type=”button” id=”btn” value=”插入话题” />...
-
JS截取字符串
分类:前端开发时间:2011-12-13阅读:(1319)标签:javascript - JS截取字符串,以某个字符为分割线,截取相应的字符,如下面的例子,以邮箱为用户名,但地址太长,影响界面布局,就需要截掉一部分,以@为分割点,只留@前面的字符串,可以用substring(0,indexOf())和split()来截取,具体操作方法如下。<span id=”uid”>fuxiaochun@fuxiaochun.com</span>方法一:<scri...
-
WordPress伪静态和中文标签支持
分类:PHP时间:2011-12-09阅读:(1145)标签:cms - <p>WORDPRESS博客站已经运行快一年了,在伪静态上一直很纠结,空间默认不支持伪静态,网上找了很多方法,用404错误页面来做伪静态,现在发现了问题了。google收录了,但百度不收录,因为百度在爬行页面的时候,文章链接都跳到了404页面,百度认为是错误页面,就不收录了。</p><p>为了做伪静态,让百度也收录,我终于不嫌麻烦,找空间商提供伪静态支持了...
-
滚动鼠标滚轮缩放当前图片
分类:前端开发时间:2011-12-09阅读:(1178)标签:javascript - 在很多网站里我们常看到有些文章里的图片被鼠标覆盖,滚动鼠标滚轮的时候,覆盖的图片也相应的放大缩小了。这样很方便地放大图片,看到小图里一些细节。这种效果如何实现?实例如下:<script type=”text/javascript”> function sfimg(o) { var zoom=parseInt(o.style.zoom, 10)||100; zoom+=event....
-
邀请链接复制链接地址的方法
分类:前端开发时间:2011-12-08阅读:(1853)标签:javascript - 在做邀请页面的时候,通常会做点击复制邀请链接到剪贴板,有直接复制链接地址的,也有推荐网页,复制网页标题和网页地址的。这里介绍两种方法。方法一(直接复制地址):<script type=”text/javascript”> function copylink(urlString) {var clipBoardContent=urlString; window.clipboardDa...
-
网页性能优化测试工具
分类:资源工具时间:2011-12-04阅读:(1641)标签:tool - 现在制作的网页一般都是需要标准化的,如何测试我们制作的网页是否标准化,需要借助一些工具来测试,我一般只用W3C的HTML CSS验证,今天听老师还说到了一个用于网页优化的测试工具GOOGLE SPEED,一时好奇,便在网上略搜罗了一下主流的网页性能优化测试工具。W3C CSS验证服务通过W3C CSS可以检测CSS样式是否符合W3C标准,并提供详细改进方案。http://jigsaw.w3....
-
Textarea属性-IE下有滚动条
分类:前端开发时间:2011-12-02阅读:(1195)标签:css - Textarea在IE浏览器下默认是有上下滚动条的,而其他浏览器就没有,如chrome,firefox。但在chrome、火狐下,Textarea可以拖拉,放大缩小。这些细节问题让人很纠结。要去掉右侧上下滚动条其实很简单,只要添加样式“overflow:auto ”就可以了。对于去掉chrome下默认可以拖拉放大缩小的属性,添加样式“resize:none”。IE下默认是不可以拖拉放大缩小的...
-
各种js倒计时
分类:前端开发时间:2011-11-28阅读:(1145)标签: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阅读:(1098)标签:javascript - <p>尽管 JavaScript 历史上使用冗长而令人生厌的代码块来标的特定浏览器的时期已经结束了,但是偶尔使用一些简单的代码块和对象检测来确保一些代码在用户机器上正常工作依然是必要的。</p><p>这篇文章中,我会略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的 7 个方面。CSS “float” ...