【javascript的几个小技巧】的更多相关文章

前端网络、JavaScript优化以及开发小技巧

一.网络优化 YSlow有23条规则,中文可以参考这里.这几十条规则最主要是在做消除或减少不必要的网络延迟,将需要传输的数据压缩至最少. 1)合并压缩CSS.JavaScript.图片,静态资源CDN缓存 通过构建工具Gulp,可以在开发的时候就将合并压缩的事情一起做掉. 之所以要做合并压缩是因为:HTTP 1.x不允许一个连接上的多个响应数据交错到达(多路复用),因而一个响应必须完全返回后,下一个响应才会开始传输. 也就是说即使客户端同时发送了两个请求,而且CSS资源先准备就绪,服务器也会先发…

JavaScript使用中的一些小技巧

任何一门技术在实际中都会有一些属于自己的小技巧.同样的,在使用JavaScript时也有一些自己的小技巧,只不过很多时候有可能容易被大家忽略.而在互联网上,时不时的有很多同行朋友会总结(或收集)一些这方面的小技巧.作为一位JavaScript的菜鸟级的同学,更应该要留意这些小技巧,因为这些小技巧可以在实际业务的开发中帮助我们解决问题,而且会很容易的解决问题.在这篇文章中,会整理一些大家熟悉或不熟悉的有关于JavaScript的小技巧. 数组 先来看使用数组中常用的一些小技巧. 数组去重 ES6提…

JavaScript的取值小技巧之“中括号[]取值法”

一.简介 做下记录,今天看了一篇很有意思的文章,学到了这个取值的小技巧 正常的话我们一般都是用对象直接去'.'对应的属性名(也就是键值对的键)来获取对应的值 这里记录的是另一种取值方式,他是采用中括号'[]'来获取对应属性的值 这样写的好处有: 如果事先属对象性的名称未知,或者说调用的属性是动态变化的, 而且这里的属性不存在,也不会报错,只会给出undefined未定义,就可以摆脱点的束缚 用中括号的方式可以最大程度地提升对象调用属性的灵活度! 二.格式 例子:pro["dakeai"…

javascript的几个小技巧

1.在循环中缓存array.length 这个技巧很简单,这个在处理一个很大的数组循环时,对性能影响将是非常大的.基本上,大家都会写一个这样的同步迭代的数组. for(var i=0;i<array.length;i++) console.log(array[i]); 如果是一个小型数组,这样做很好,如果你要处理的是一个大的数组,这段代码在每次迭代都将会重新计算数组的大小,这将会导致一些延误.为了避免这种现象出现,可以将array.length做一个缓存: var length=array.le…

【javascript】 for循环小技巧

最近在读[Jquery技术内幕],里面介绍了一种js for循环的实用写法. 一般写for循环是这么写的: var elemts = [1,2,3,4,5]; for(var i=0; i<elemts.length; i++ ){ var elemt = elemts[i]; } 而Jquery里面是这么写的: var elemts = [1,2,3,4,5]; for(var i=0 ,elemt; (elemt = elemts[i]) != null; i++ ){ } 这里通过一条fo…

JavaScript常用的经典小技巧

1.屏蔽鼠标右键 <--body 方式--> <body oncontextmenu="window.event.returnValue=false"> </body> <-- 可用于table--> <table border oncontextmenu=return(false)> <td>no</td> <td>no</td> </table> 2.取消选取,防…

javascript 笔记——bind 用法小技巧

$(function(){ //代码阅读能力 function speak(name){ return "Hello " + name; } //此处写代码 //方法一 //重点是bind的第二个参数会直接插入到callback的参数列表的第一个位置. Function.prototype.wrap = function(callback) { return callback.bind(this, this); }; //方法二 /*speak.wrap = function(call…

JavaScript中的一些小技巧

js 数字操作:1.1 取整:取整有很多方法如: parseInt(a,10); Math.floor(a); a>>0; ~~a; a|0; 前面2种是经常用到的,后面3种算是比较偏的,因为其有不足之处,比如将下面代码放到 console 里测试: var num = 2150000000; console.log(num|0); console.log(parseFloat(num)) 你会发现问题;输出的是: -2144967296 2150000000 其原因就在于js数字存储的方式,…

你想的到想不到的 javascript 应用小技巧方法

javascript 在前端应用体验小技巧继续积累. 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture();  event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x…

12个非常实用的JavaScript小技巧

在这篇文章中将给大家分享12个有关于JavaScript的小技巧.这些小技巧可能在你的实际工作中或许能帮助你解决一些问题. 使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值.为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单.对于变量可以使用!!variable做检测,只要变量的值为:0.null." ".undefined或者NaN都将返回的是false,反之返回的是true.比如下面的示例: func…