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

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

兼容IE和chrome的网页变灰滤镜效果

分类:前端开发时间:2013-04-21阅读:(1711)标签:html
兼容IE和chrome的网页变灰滤镜效果:<style>html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(1);}</style>

合并表格边框border-collapse:collapse

分类:前端开发时间:2013-04-03阅读:(1397)标签:css
border-collapse 属性设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。默认值: separate继承性: yes版本: CSS2JavaScript 语法: object.style.borderCollapse=”collapse”

IE7下z-index深度失效的问题

分类:前端开发时间:2013-03-18阅读:(1533)标签:css
<p>页面中有两个不同的层,都给了z-index,一个给得很高,一个为1,可在IE7(坚决抛弃IE6用户!)下,第一个z-index值高反而被后面z-index值低的覆盖住了。这个Bug,其实是IE7渲染DOM的问题,当一个父容器被定位(如position:relative)的时候,子元素的z-index属性会被重置。</p><p>父级元素加上positi...

linux主机常用操作命令

分类:Linux时间:2013-02-17阅读:(2270)标签:linux
cd 进入目录ls 显示文件夹内容rm * -r -f 删除文件夹unzip *.zip 解压压缩文件chmod 777 * -R 目录授权mv *.zip 移除文件exit 退出会话GRANT ALL ON dbname.* TO ‘dbname’@’127.0.0.1′;linux下数据库授权。

团队和团伙的区别

分类:笔记碎片时间:2012-12-23阅读:(2010)标签:team
<p>我们经常听到人说,“我们是一个团队”、“我们的团队如何如何”、“我们要有团队精神”等等。</p><p>在很多时候,你问很多朋友,既然你说你们是团队,那我问你,什么是团队?回答都是什么一群人共同协作,努力,目标,分工等诸如此类空洞的话语。其实我们说的一群人,那只不过是一个团体而已。如果仅是团体还好,可怕的是,我们的合作团体不是团队,而是一个团伙!<...

CSS处理背景半透明-文字不透明效果

分类:前端开发时间:2012-12-08阅读:(1572)标签:css
<p>以前在处理半透明背景,文字不透明的效果时,通常是写两个层,一个半透明的背景层,一个文字层,将文字层置于背景层上面。今天偶然看到一同行微博转发了个关于这种效果的处理办法,但内容不祥,太局限。只好自己再琢磨。</p><p>网上看到的有个方法可行,但有浏览器有差异。因此自己又改了下,添加了hack,并测试通过。</p>.box{width:50...

用注释判断IE版本执行程序

分类:前端开发时间:2012-11-27阅读:(1481)标签:html
<p>在进行WEB标准网页的学习和应用过程中,网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的Internet Explorer(简称IE)占据浏览器市场的大半江山,此外还有Firefox、Opera等。需要对这些浏览器进行兼容。</p><p>同时,单就IE而言,因IE版本的升级更替,目前浏览者使用的主要停留在 IE5(IE5.5)、ie6和I...

10个有用的排版技巧提升你网站的可读性

分类:前端开发时间:2012-11-15阅读:(1269)标签:web
<p>排版在网页设计中经常被忽略。其实这是很傻逼的,因为注重网页排版确实可以提高你的网页设计水平和可读性。下面,我列出了10个非常有用的排版技巧让你的网站看起来更好。</p><p>1、纠正行高</p><p>最常见的网页布局错误之一是定义了不正确的行高。行高是定义一行文本的高度,所以我们必须按照文本字体大小来设定行高。</p&g...

响应式WEB设计流程

分类:前端开发时间:2012-11-15阅读:(1384)标签:web
<p>第一步:确定需要兼容的设备类型、屏幕尺寸通过用户研究,了解用户使用的设备分布情况,确定需要兼容的设备类型、屏幕尺寸。设备类型:包括移动设备(手机、平板)和pc。对于移动设备,设计和实现的时候注意增加手势的功能。屏幕尺寸:包括各种手机屏幕的尺寸(包括横向和竖向)、各种平板的尺寸(包括横向和竖向)、普通电脑屏幕和宽屏。需要考虑的问题:</p><p>某个页...

响应式WEB设计

分类:前端开发时间:2012-11-15阅读:(1342)标签:web
什么是响应式设计?我们先看几个问题,是我们平时设计中遇到的:1.想要网站兼容手机、平板电脑、pc,就得为不同的设备定制不同的版本。2.想要网站的某些页面在宽屏显示器下一行显示更多的内容,又得为宽屏定制一个版本。3.很多人并不是在全屏的情况下浏览我们的页面,如果让页面随着浏览器宽度改变而相应的调整会不会比较好?就这些问题如何解决,方法就是我们所要说的响应式设计。响应式Web设计(Respons...
首页