[ Web前端工程师编程能力飞升之路 ]
本文将web前端研发编程能力划分了八个等级，每个等级都列举出了对应的特征及破级提升之方法，希望每位在看本文的同学先准确定位自己的等级(不要以你目前能力的最高点，而是以你当前能力的中档与之等级作对比，以免多走弯路)，参考突破之法破之。
-
javascript变量声明与变量提升
分类：前端开发时间：2015-11-09阅读：(1528)标签：javascript - 声明变量var a=10,b=10; //a和b都是局部变量相当于var a=10;var b=10;var a=b=10;// a是局部变量，b是全局变量相当于var a=10; //局部变量b=10; //全局变量变量提升var a = 10; function foo(){ console.log(a); var a = 20; } foo(); // undefi...
-
IE7下overflow:hidden失效
分类：前端开发时间：2015-11-06阅读：(2009)标签：css - 通常情况下，overflow：hidden会裁剪隐藏掉子盒子元素溢出的部分，但是也有可能遇到特殊情况。 在IE7下，当子盒子或子元素有相对定位或绝对定位的样式时候，父盒子的overflow:hidden是无效的。 此bug需要给父盒子添加position或者把子元素纸盒子的定位样式去掉。要么都有定位，要么都没有。
-
清除浮动闭合浮动的四种方法
分类：前端开发时间：2015-11-04阅读：(2606)标签：css, css3 - 写网页的时候避免不了要写一些浮动，自然也要做清除浮动的处理，清除浮动目的就是解决父盒子高度为0的为题。常见方法有如下四种。方法一：额外标签法这种方法是在浮动的元素后面添加额外的带有clear:both样式的标签来清除浮动。.C{width:0;display:block;overflow:hidden;clear:both;} <div class="parent"...
-
vim常用快捷键
分类：笔记碎片时间：2015-11-03阅读：(1457)标签：tool, vim - 一. 移动： h,j,k,l: 左，下，上，右。 w: 下一个词的词首。W:下一个单词(不含标点)。 e:下一个词的词尾。E:不含标点。 b:上一个词的词首。B:不含标点。 <>: v 模式选中后进行缩进。 二. 跳转： %: 可以匹配{},"",(),[]之间跳转。 H、M、L：直接跳转到当前屏幕的顶部...
-
用 javascript 判断 IE 版本号
分类：前端开发时间：2015-10-25阅读：(1445)标签：javascript - 今天一个项目中需要判断IE版本号，又因为 jQuery 2.0 去除了对浏览器版本号的判断（它推荐特性检测），于是就看到一老外写的一段代码：var _IE = (function(){ var v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i'); while ( ...
-
Markdown简明语法
分类：笔记碎片时间：2015-10-18阅读：(1526)标签：tool, markdown - 基本符号*,-,+ 3个符号效果都一样，这3个符号被称为 Markdown符号 空白行表示另起一个段落 `是表示inline代码，tab是用来标记 代码段，分别对应html的code，pre标签 换行单一段落( <p>) 用一个空白行 连续两个空格 会变成一个 <br> 连续3个符号，然后是空行，表示 hr横线 标题生成h1--h6,在文字前面加上 1--6个# 来实...
-
Web前端工程师编程能力飞升之路
分类：前端开发时间：2015-09-30阅读：(7902)标签：javascript, study - 今天看到这篇文章。写的非常有意思。发现自己才处于”入室”阶段。骚年，路还很长，继续前行。【背景】如果你是刚进入web前端研发领域，想试试这潭水有多深，看这篇文章吧；如果你是做了两三年web产品前端研发，迷茫找不着提高之路，看这篇文章吧；如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧；web前端研发工程师，在国内是一个朝阳职业，自07-08年正式有这个职业以来，也不...
-
常用CSS简写
分类：前端开发时间：2015-09-29阅读：(2185)标签：css, css3 - CSS简写就是指将多行的CSS属性简写成一行。CSS简写的最大好处就是能够显著减少CSS文件的大小，优化网站整体性能，更加容易阅读。下面介绍常见的CSS简写规则：font简写的顺序：font-style | font-variant | font-weight | font-size/line-height | font-family，（字体样式，大小写，粗细，字号大小/行高，字体名）。简写...
-
checkbox第三种状态indeterminate
分类：前端开发时间：2015-09-28阅读：(2153)标签：html - checkbox只有两种值：选中（checked）或未选中（unchecked）。它可以有任何值，但是表单提交时checkbox的值只能是checked或unchecked。它的默认值是unchecked，你可以在HTML中这样控制它：<!-- Default to unchecked --> <input type="checkbox"> &l...
-
Js判断类型的方法
分类：前端开发时间：2015-09-26阅读：(1581)标签：javascript - Javascript中判断类型的方法有好几种，但不是随便哪一种都行的，有特殊的情况会发生。通常判断可能会用到typeof，instanceof等，最好的方法是下面的：Object.prototype.toString.call(var)=='[object Array]' / '[object String]' ... 例如：判断字符串var str = 'abc'; console.log...
