Chrome这个浏览器赞的不能再赞了，给前端的开发调试工作带来了极大的效率提升。
Chrome的简洁、快速吸引了无数人，它的启动速度、页面解析速度都很快，同时得益于Google V8的快速，Javascript执行速度也飞快。而且它对HTML5和CSS3的支持也完善，html类的富客户端应用Chrome上无论是流畅性还是呈现的效果，都是比较出色的，这对于开发者，特别是对于那些喜欢研究前沿技术的前端开发者来说，是很重要的。
普通元素：右键选择审查元素即可查看当前dom元素的样式
伪类样式调试：伪类样式一般不显示出来，比如像调试元素hover的样式怎么办，看图勾选即可
之前在写收藏夹的功能开发的时候，遇到一个神奇的bug，当时怎么想也想不明白为什么会是这样子的结果。
是这样子的一个需求，相当于一组数据中筛选出一堆book_开头并以数字结尾的字符串，用正则做判断嘛，还是挺简单的，当时写了段代码。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
function clear(){ var reg = /book_\d+/g; //book_开头，加上数字 var key; for(var i=0, len = storage.length; i<len; i++){ key = storage.key(i); //从localstorage中读取key if(reg.test(key)){ console.log("succe: "+key); //匹配成功时返回succe LocalStorage.removeItem(key); i=i-1; len=len-1; }else{ console.log("error: "+key); //匹配失败时返回error } } LocalStorage.setItem("xuanfengKey","0"); } |
本系列文章旨在记录一些实用的javascript技巧，既可以作为一个知识的积累，又可以作为闲暇时打发时间写写代码的记录。同时也方便日后翻阅~
|
1 2 3 4 5 6 |
function isArray(o){ return Object.prototype.toString.call(o)==='[object Array]'; } // demo： isArray("str"); //false isArray([1,2]); //true |
|
1 2 3 4 5 6 7 8 9 10 |
Array.prototype.inArray = function(e) { for(i=0;i < this.length;i++) { if(this[i] == e) return true; } return false; } // demo: [1,2].inArray(1); //true |
本系列文章旨在记录一些实用的javascript技巧，既可以作为一个知识的积累，又可以作为闲暇时打发时间写写代码的记录。同时也方便日后翻阅~
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; //表示汉字或者全角，即ASCII 编码不在0-255的字符 var strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len) { // 每次截取一个字符 temp = str.substr(i, 1); if (patrn.exec(temp) == null) { // 如果是英文、半角 icount = icount + 1 } else { // 如果是中文、全角 icount = icount + 2 } // 字符串连接 strre += temp } else { break } } return strre + "..." } // demo: cutstr("xuanfeng", 2) //xu... cutstr("轩枫阁", 3) //轩枫... |
作用域（scope）是结构化编程语言中的重要概念，它决定了变量的可见范围和生命周期，正确使用作用域可以使代码更清晰、易懂。作用域可以减少命名冲突，而且是垃圾回收的基本单元。和C、C++、Java等常见语言不同，javascript的作用域不是以花括号包围的块级作用域（block scope），这个特性经常被大多数人忽视，因而导致莫名其妙的错误。例如下面代码，在大多数类C的语言中会出现变量未定义的错误，而在javascript中却完全合法：
|
1 2 3 4 |
if (true) { var somevar = "value"; } console.log(somevar); //输出 value |
这是因为javascript的作用域完全是由函数来决定的，if、for语句中的花括号不是独立的作用域。
不同于大多数类C的语言，由一对花括号封闭的代码块就是一个作用域，javascript的作用域是通过函数来定义的。在一个函数中定义的变量只对这个函数内部可见，我们称为函数作用域。在函数中引用一个变量时，javascript会先搜索当前函数作用域，或者成为“局部作用域”，如果没有找到则搜索其上层作用域，一直到全局作用域。 查看全文