[ Web前端工程师编程能力飞升之路 ]
本文将web前端研发编程能力划分了八个等级，每个等级都列举出了对应的特征及破级提升之方法，希望每位在看本文的同学先准确定位自己的等级(不要以你目前能力的最高点，而是以你当前能力的中档与之等级作对比，以免多走弯路)，参考突破之法破之。
-
让浏览器横向滚动条默认在右边
分类：前端开发时间：2012-10-31阅读：(1429)标签：javascript - 今天程序猿问我怎么让浏览器的横向滚动条（X轴）默认在最右边。问得我一愣，我是没用到就懒得学，现用现学，现学现用的。操作浏览器滚动条的位置，用scrollTo(x,y);X是X轴方向位置，Y是Y轴方向位置。所以，要操作滚动条的位置，就设置这两个坐标值就OK。<script type="text/javascript"> window.onload=functio...
-
DIV+CSS高度自适应解决方法
分类：前端开发时间：2012-09-17阅读：(1309)标签：css - 自适应高度的问题，采用 Div + CSS 进行三列或二列布局时，事先不知道具体高度，只能根据内容的增减自适应高度，要使两列（或三列）的高度相同，用 Table 很容易实现，但采用 Div + CSS 就显得比较麻烦了。按照一般的做法，大都采用背景图填充或 JS 脚本的方法使高度相同，但这些都不是最好的办法。下面介绍采用“隐藏容器溢出”和“正内补丁”和“负外补丁”结合的方法。主要代码：#wr...
-
解读DIV+CSS网页制作误区
分类：前端开发时间：2012-09-17阅读：(1506)标签：css, html - <p>“重构”的春风吹遍大江南北，“div+CSS”俨然已成为一种“时尚”，难以尽数的网站都不约而同地开始了自己的“重构”。然而打开这形形色色网站的源代码，却时常令人哑然失笑。</p><p>我们看到有嵌套6、7层的div布局，有不用table的表格，有纯div+a构成的页面，有成百上千的表现层class……现在关于标准的书籍越来越多，除了少数几本标榜“高级...
-
DOCTYPE兼容模式和标准模式
分类：前端开发时间：2012-09-13阅读：(1420)标签：html - <p>一般情况下，DreamWeaver是我们开发网页的基本工具之一，在我工作的很多时候，我都是用它来完成前端页面的编写的。不管用的是哪个版本，从很早开始，DW自动创建HTML的时候都会包含下面这几行</p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo...
-
让IE6支持max-height、min-height样式属性方法教程
分类：前端开发时间：2012-09-07阅读：(1315)标签：css - 我们在写CSS的是后，经常遇到希望给一个对象给个最小值，然后自动扩展，但有些浏览器又不支持，尤其是IE6。来看看IE6 max-height、min-height不支持的解决方法。1、IE6支持max-height解决方法-IE6支持最大高度解决CSS代码：.yangshi{max-height:1000px;_height:expression((document.documentElem...
-
八个必须掌握的CSS布局技巧
分类：前端开发时间：2012-09-07阅读：(1124)标签：css - <p>1.若有疑问立即检测</p><p>在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用，在文件开头的错误，可能因为不当的结构等因素造成更多错误；我们建议先修正一些最明显的错误之后重新检测，这样也许会让错误数量爆减。</p><p>2.使用浮动功能时记得适当清除指令</p>...
-
用CSS控制字母大小写
分类：前端开发时间：2012-08-29阅读：(1321)标签：css - 制作网页中，通常会遇到一些字母需要大写，或者首个字母大写的，尤其是英文站，对字母大小写控制得比较多。用CSS控制字母大小写，可以控制单词全部大写、全部小写或者首个字母大写等。CSS控制字母大小写：text-transform: none|capitalize|uppercase|lowercase|inheritnone 默认。定义带有小写字母和大写字母的标准的文本。capitalize...
-
CSS简写
分类：前端开发时间：2012-08-21阅读：(1393)标签：css - 高效的css写法中的一条就是使用简写。通过简写可以让你的CSS文件更小，更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们系统地总结一下CSS属性的缩写。色彩缩写色彩的缩写最简单，在色彩值用16进制的时候，如果每种颜色的值相同，就可以写成一个：color：#113366 可以简写为color：#136 所有用到16进制色彩值的地方都可以使用简写，比如background-c...
-
用$简写javascript的document.getElementById
分类：前端开发时间：2012-08-20阅读：(1324)标签：javascript - 我们通常在写javascript的时候，获取ID是用document.getElementById(id)，当需要获取更多的id的时候，我们就得写更多的getElementById，这样，代码量就增加了。感觉就很累赘了，需要减肥，需要简写代码。用$简写javascript的document.getElementById(id)的方法如下： var $=function(id){ retur...
-
CSS定义字间距、字体行距
分类：前端开发时间：2012-08-14阅读：(1342)标签：css - <p>CSS定义字体行间距比较简单，也比较常见，用line-height，例如：line-height:20px;</p><p>CSS定义字体间距用得比较少，在一些特殊情况下需要用到。</p><p>下面我们讲述一下CSS的文本属性，还是先来看一下文本属性的详细列表：</p> 属性 属性含义 属性值 Word-sp...
