[ Web前端工程师编程能力飞升之路 ]
本文将web前端研发编程能力划分了八个等级，每个等级都列举出了对应的特征及破级提升之方法，希望每位在看本文的同学先准确定位自己的等级(不要以你目前能力的最高点，而是以你当前能力的中档与之等级作对比，以免多走弯路)，参考突破之法破之。
-
兼容IE和chrome的网页变灰滤镜效果
分类：前端开发时间：2013-04-21阅读：(1910)标签：html - 兼容IE和chrome的网页变灰滤镜效果：<style>html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(1);}</style>
-
合并表格边框border-collapse:collapse
分类：前端开发时间：2013-04-03阅读：(1606)标签：css - border-collapse 属性设置表格的边框是否被合并为一个单一的边框，还是象在标准的 HTML 中那样分开显示。默认值： separate继承性： yes版本： CSS2JavaScript 语法： object.style.borderCollapse=”collapse”
-
IE7下z-index深度失效的问题
分类：前端开发时间：2013-03-18阅读：(1718)标签：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阅读：(2601)标签：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阅读：(2216)标签：team - <p>我们经常听到人说，“我们是一个团队”、“我们的团队如何如何”、“我们要有团队精神”等等。</p><p>在很多时候，你问很多朋友，既然你说你们是团队，那我问你，什么是团队？回答都是什么一群人共同协作，努力，目标，分工等诸如此类空洞的话语。其实我们说的一群人，那只不过是一个团体而已。如果仅是团体还好，可怕的是，我们的合作团体不是团队，而是一个团伙！<...
-
CSS处理背景半透明-文字不透明效果
分类：前端开发时间：2012-12-08阅读：(1765)标签：css - <p>以前在处理半透明背景，文字不透明的效果时，通常是写两个层，一个半透明的背景层，一个文字层，将文字层置于背景层上面。今天偶然看到一同行微博转发了个关于这种效果的处理办法，但内容不祥，太局限。只好自己再琢磨。</p><p>网上看到的有个方法可行，但有浏览器有差异。因此自己又改了下，添加了hack，并测试通过。</p>.box{width:50...
-
用注释判断IE版本执行程序
分类：前端开发时间：2012-11-27阅读：(1684)标签：html - <p>在进行WEB标准网页的学习和应用过程中，网页对浏览器的兼容性是经常接触到的一个问题。其中因微软公司的Internet Explorer(简称IE)占据浏览器市场的大半江山，此外还有Firefox、Opera等。需要对这些浏览器进行兼容。</p><p>同时，单就IE而言，因IE版本的升级更替，目前浏览者使用的主要停留在 IE5(IE5.5)、ie6和I...
-
10个有用的排版技巧提升你网站的可读性
分类：前端开发时间：2012-11-15阅读：(1469)标签：web - <p>排版在网页设计中经常被忽略。其实这是很傻逼的，因为注重网页排版确实可以提高你的网页设计水平和可读性。下面，我列出了10个非常有用的排版技巧让你的网站看起来更好。</p><p>1、纠正行高</p><p>最常见的网页布局错误之一是定义了不正确的行高。行高是定义一行文本的高度，所以我们必须按照文本字体大小来设定行高。</p&g...
-
响应式WEB设计流程
分类：前端开发时间：2012-11-15阅读：(1582)标签：web - <p>第一步：确定需要兼容的设备类型、屏幕尺寸通过用户研究，了解用户使用的设备分布情况，确定需要兼容的设备类型、屏幕尺寸。设备类型：包括移动设备（手机、平板）和pc。对于移动设备，设计和实现的时候注意增加手势的功能。屏幕尺寸：包括各种手机屏幕的尺寸（包括横向和竖向）、各种平板的尺寸（包括横向和竖向）、普通电脑屏幕和宽屏。需要考虑的问题：</p><p>某个页...
