[ Web前端工程师编程能力飞升之路 ]
本文将web前端研发编程能力划分了八个等级，每个等级都列举出了对应的特征及破级提升之方法，希望每位在看本文的同学先准确定位自己的等级(不要以你目前能力的最高点，而是以你当前能力的中档与之等级作对比，以免多走弯路)，参考突破之法破之。
-
移动WEB开发常见的默认属性设置
分类：前端开发时间：2015-12-19阅读：(2399)标签：css3, html5 - 移动WEB开发常见的默认属性设置在移动WEB开发中经常会遇到一些坑，按钮变样了，想隐藏滚动条，连接点击有蓝色或黄色区块效果等等。这些都是设备浏览器自带的一些私有的样式属性，修改他们就OK了。移动端浏览器主要内核都是-webkit的，那修改的时候针对性的修改就好了，且不用考虑其他浏览器了，winPhone？我们不待见非主流杀马特。取消点击时候标签的区块高亮效果-webkit-tap-highl...
-
HTML5文件域对象
分类：前端开发时间：2015-12-05阅读：(2187)标签：javascript, html5 - input文件域-多文件上传html中input[type='file']默认是只能单文件上传，需要多文件上传的时候需要给input文件域添加multiple属性。eg.: <input type="file" multiple /> 文件域对象属性当点击文件域表单并选择上传文件后，通过文件域.files可以获取到选择的文件列表对象，文件列表对象里每个file...
-
JavaScript 类型转换表
分类：前端开发时间：2015-12-05阅读：(1433)标签：javascript - 下标展示了不同的javascript值转换成数字，字符串，布尔值的结果： OriginalValue Convertedto Number Convertedto String Convertedto Boolean false 0 "false" false true 1 "true" true 0 0 ...
-
jQuery中mouseover事件跟mouseenter事件的区别
分类：前端开发时间：2015-11-27阅读：(1699)标签：javascript, jquery - jQuery中mouseover事件跟mouseenter事件的区别：mouseover/mouseout事件，鼠标经过的时候会触发多次，每遇到一个子元素就会触发一次。mouseenter/mouseleave事件，鼠标经过的时候只会触发一次。以前用mouseover/mouseout做效果，结果出现抖动，还取消冒泡什么的，麻烦，然后弃用，改用hover，以前没仔细看文档，也没用过mouse...
-
数字转换为千位分割字符串Number.toLocaleString()
分类：前端开发时间：2015-11-20阅读：(1861)标签：javascript - 要把一个很大的数字转换为用千位分隔符表示的字符串，可能会先想到把数字转成字符串，再遍历操作字符串搞拼接。在网上也看到有各种方法，有遍历的，有使用字符串操作方法的，也有用正则的，但在下面的评论里看到一个回复，他直接用Number的toLocaleString方法将数字转换成了以千位分隔符表示的字符串，而且执行效率很高。例： var a=12345678.77; console.log(a.t...
-
js笔记offset家族
分类：前端开发时间：2015-11-18阅读：(1920)标签：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阅读：(2813)标签：javascript - arguments是函数的内建变量，它能返回函数所接收的所有参数(实参)集合。arguments.callee()返回的是正在执行的函数，在函数体内使用。var num = 5; function fn(){ num--; setTimeout(arguments.callee, 1000); } 此函数中arguments.callee返回的是function fn(){ ...
-
js日期对象
分类：前端开发时间：2015-11-14阅读：(1444)标签：javascript - Date() 是用于创建Date对象的构造器函数，我们在用它创建对象时可以传递一下几种参数。※ 无参数（默认为当天的日期）※ 一个表示日期的字符串※ 分开传递的年、月、日、时间等值※ 一个timestamp值对象方法使用Date对象方法需要实例化一个日期对象。实例化对象后，就可以调用该对象中的许多方法了。var date = new Date(); //实例化日期对象date.getFu...
-
javascript封装className获取元素的方法getsByClassName
分类：前端开发时间：2015-11-13阅读：(1614)标签：javascript - javascript中有通过类名获取元素的方法，但是这个方法在IE678上就不好使了，需要自己封装一个能兼容的方法。function getsByClassName(classname){ if(document.getElementsByClassName){ return document.getElementsByClassName(classname); ...
-
javascript表单文本域输入事件+遍历DOM获取当前索引
分类：前端开发时间：2015-11-10阅读：(1581)标签：javascript - 表单文本内容选择obj.onmouseover = function(){ this.select(); }表单文本域输入事件oninput //主流浏览器都兼容onpropertychange //针对IE678兼容写法obj.oninput = obj.onpropertychange = function(){ ... }遍历dom，获取元素当前索引值在遍历时，给每个元素对象添加一...
