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