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

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

js笔记offset家族

分类:前端开发时间:2015-11-18阅读:(1238)标签:javascript
1,offsetWidth, offsetHeight得到对象自己的宽,高,包括padding,border。offsetWidth = width + border + padding;offsetHeight = height + border + padding;div.style.width只能得到行内样式的width。2,offsetLeft, offsetTopoffsetLef...

arguments.callee

分类:前端开发时间:2015-11-15阅读:(2164)标签:javascript
arguments是函数的内建变量,它能返回函数所接收的所有参数(实参)集合。arguments.callee()返回的是正在执行的函数,在函数体内使用。var num = 5; function fn(){ num--; setTimeout(arguments.callee, 1000); } 此函数中arguments.callee返回的是function fn(){ ...

js日期对象

分类:前端开发时间:2015-11-14阅读:(755)标签:javascript
Date() 是用于创建Date对象的构造器函数,我们在用它创建对象时可以传递一下几种参数。※ 无参数(默认为当天的日期)※ 一个表示日期的字符串※ 分开传递的年、月、日、时间等值※ 一个timestamp值对象方法使用Date对象方法需要实例化一个日期对象。实例化对象后,就可以调用该对象中的许多方法了。var date = new Date(); //实例化日期对象date.getFu...

javascript封装className获取元素的方法getsByClassName

分类:前端开发时间:2015-11-13阅读:(826)标签:javascript
javascript中有通过类名获取元素的方法,但是这个方法在IE678上就不好使了,需要自己封装一个能兼容的方法。function getsByClassName(classname){ if(document.getElementsByClassName){ return document.getElementsByClassName(classname); ...

javascript表单文本域输入事件+遍历DOM获取当前索引

分类:前端开发时间:2015-11-10阅读:(853)标签:javascript
表单文本内容选择obj.onmouseover = function(){ this.select(); }表单文本域输入事件oninput //主流浏览器都兼容onpropertychange //针对IE678兼容写法obj.oninput = obj.onpropertychange = function(){ ... }遍历dom,获取元素当前索引值在遍历时,给每个元素对象添加一...

javascript变量声明与变量提升

分类:前端开发时间:2015-11-09阅读:(803)标签: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阅读:(1301)标签:css
通常情况下,overflow:hidden会裁剪隐藏掉子盒子元素溢出的部分,但是也有可能遇到特殊情况。 在IE7下,当子盒子或子元素有相对定位或绝对定位的样式时候,父盒子的overflow:hidden是无效的。 此bug需要给父盒子添加position或者把子元素纸盒子的定位样式去掉。要么都有定位,要么都没有。

清除浮动闭合浮动的四种方法

分类:前端开发时间:2015-11-04阅读:(1561)标签:css, css3
写网页的时候避免不了要写一些浮动,自然也要做清除浮动的处理,清除浮动目的就是解决父盒子高度为0的为题。常见方法有如下四种。方法一:额外标签法这种方法是在浮动的元素后面添加额外的带有clear:both样式的标签来清除浮动。.C{width:0;display:block;overflow:hidden;clear:both;} <div class="parent"...

vim常用快捷键

分类:笔记碎片时间:2015-11-03阅读:(905)标签:tool, vim
一. 移动: h,j,k,l: 左,下,上,右。 w: 下一个词的词首。W:下一个单词(不含标点)。 e:下一个词的词尾。E:不含标点。 b:上一个词的词首。B:不含标点。 <>: v 模式选中后进行缩进。 二. 跳转: %: 可以匹配{},"",(),[]之间跳转。 H、M、L:直接跳转到当前屏幕的顶部...

用 javascript 判断 IE 版本号

分类:前端开发时间:2015-10-25阅读:(779)标签:javascript
今天一个项目中需要判断IE版本号,又因为 jQuery 2.0 去除了对浏览器版本号的判断(它推荐特性检测),于是就看到一老外写的一段代码:var _IE = (function(){ var v = 3, div = document.createElement('div'), all = div.getElementsByTagName('i'); while ( ...

友情链接

首页