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

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

解读DIV+CSS网页制作误区

分类:前端开发时间:2012-09-17阅读:(1070)标签:css, html
<p>“重构”的春风吹遍大江南北,“div+CSS”俨然已成为一种“时尚”,难以尽数的网站都不约而同地开始了自己的“重构”。然而打开这形形色色网站的源代码,却时常令人哑然失笑。</p><p>我们看到有嵌套6、7层的div布局,有不用table的表格,有纯div+a构成的页面,有成百上千的表现层class……现在关于标准的书籍越来越多,除了少数几本标榜“高级...

DOCTYPE兼容模式和标准模式

分类:前端开发时间:2012-09-13阅读:(1028)标签: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阅读:(951)标签: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阅读:(927)标签:css
<p>1.若有疑问立即检测</p><p>在出错时若能对原始代码做简单检测可以省去很多头痛问题。W3C对于XHTML与CSS都有检测工具可用,在文件开头的错误,可能因为不当的结构等因素造成更多错误;我们建议先修正一些最明显的错误之后重新检测,这样也许会让错误数量爆减。</p><p>2.使用浮动功能时记得适当清除指令</p>...

用CSS控制字母大小写

分类:前端开发时间:2012-08-29阅读:(1061)标签:css
制作网页中,通常会遇到一些字母需要大写,或者首个字母大写的,尤其是英文站,对字母大小写控制得比较多。用CSS控制字母大小写,可以控制单词全部大写、全部小写或者首个字母大写等。CSS控制字母大小写:text-transform: none|capitalize|uppercase|lowercase|inheritnone 默认。定义带有小写字母和大写字母的标准的文本。capitalize...

CSS简写

分类:前端开发时间:2012-08-21阅读:(1120)标签:css
高效的css写法中的一条就是使用简写。通过简写可以让你的CSS文件更小,更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们系统地总结一下CSS属性的缩写。色彩缩写色彩的缩写最简单,在色彩值用16进制的时候,如果每种颜色的值相同,就可以写成一个:color:#113366 可以简写为color:#136 所有用到16进制色彩值的地方都可以使用简写,比如background-c...

用$简写javascript的document.getElementById

分类:前端开发时间:2012-08-20阅读:(1002)标签:javascript
我们通常在写javascript的时候,获取ID是用document.getElementById(id),当需要获取更多的id的时候,我们就得写更多的getElementById,这样,代码量就增加了。感觉就很累赘了,需要减肥,需要简写代码。用$简写javascript的document.getElementById(id)的方法如下: var $=function(id){ retur...

CSS定义字间距、字体行距

分类:前端开发时间:2012-08-14阅读:(1038)标签:css
<p>CSS定义字体行间距比较简单,也比较常见,用line-height,例如:line-height:20px;</p><p>CSS定义字体间距用得比较少,在一些特殊情况下需要用到。</p><p>下面我们讲述一下CSS的文本属性,还是先来看一下文本属性的详细列表:</p> 属性 属性含义 属性值 Word-sp...

Adobe PhotoShop CS6 官方简体中文正式版原版+破解补丁下载

分类:资源工具时间:2012-08-14阅读:(1243)标签:tool
Adobe 公司正式发布Photoshop CS6 正式版,最新的Photoshop CS6 具有突破性的改进,而被业界认为其是Adobe产品史上最大的一次升级,PS CS6在界面设计,窗口布局,功能和性能上都有这较大的改进,其借助全新的 Adobe Mercury 图形引擎、突破性的全新内容识别工具、改进的设计工具等提供快如闪电的性能。Photoshop CS6 为摄影师提供了基本的视频编...

用命令将apache注册为服务

分类:笔记碎片时间:2012-07-09阅读:(1432)标签:windows
<p>可以选择在安装Apache时自动将其安装为一个服务。如果选择”for all users”,那么Apache将会被安装为服务。</p><p>如果选择了”only for the Current User”,可以在安装后手动将Apache注册为服务。注意,必须是Administrators组的成员才能成功注册服务。</p><p>...
首页