JS使用及技巧.

JS小技巧

  1.如果你JS了解的还不深请看 汤姆大叔的博客 ,肯定让你上升一个台阶。

  2.百科全书 MDN

  3.两个非常简单实用的提示插件 toastr sweetalert

  4.数据类型的复制:

function copy(arg){
    return JSON.parse(JSON.stringify(a));
}

  5.数字类型的字符串转数字:

"number" - 0 = number;//"5" - 0 = 5
number + "" = "number";//5 + "" = "5"

  6.全能的类型判断:

function checkType(arg){
    return Object.prototype.toString.call(arg).slice(8,-1);
}

  7.类数组转数组:

function likeArray2Array(arg){
    return Array.prototype.slice.call(arg);
}

  8.判断对象是否包含某个属性、遍历对象的属性:

"prop" in obj;//判断对象是否包含属性
//遍历对象属性
for(var item in obj){
    do sth……
}

  9.数组filter的妙用:

/*
*数组去重
*/
var dirtyArr = [1,2,3,5,3,1,]
function clean(arg){
    return arg.filter(function(value,index,arr){
        return arr.indexOf(value) === index;
    })
}
/*
*数组过滤
*/
var originArr = [
    {name:"A",age:23},
    {name:"B",age:22},
    {name:"C",age:26}
]
var needArr = originArr .filter(function(item){
    return item.age>25
})

  10.call,apply妙用:

/*
*取出一个数组的最大值
*/
var arr = [1,34,3,345,2,44,24,5];
Math.max.apply(null,arr);//345
Math.min.apply(null,arr);//1

  11.A&&B模式的使用:左边为true才执行右边

function _alert(arg){
    arg&&alert(arg);
}
_alert(1);

  欢迎补充

时间: 2024-10-06 15:06:50

JS使用及技巧.的相关文章

js一些小技巧 3

js一些小技巧 1. (1)同时按Ctrl+Enter提交本表单 在多行文本域增加onkeydown 事件 <form id="formNews_reply" class="bbs-send-form form" onsubmit="return news.add_newsReply(this);"> <fieldset class="inputs"> <label for="comme

JS firebug小技巧

实际上前端的发展与进步也离不开浏览器的支持,而对于开发人员来讲,浏览器最好的支持,就是对于debug的良好支持,甚至在某些后续接手的项目中,前端的debug甚至可以解决好多问题--不说了,都是泪啊!还是说下firefox下的firebug吧.虽然ff内置一个调试的功能,但是,感觉不完善,对于开发人员来讲,根本不够用,于是ff下还是推荐firebug,老牌的前端debug工具,好用!而IE.Chrome都有很不错的工具支持,基本够用,但是用惯了ff的我,还是坚挺在firebug下. 1.使用"de

JS 一些常用技巧

记录 JS 常用的技巧 1. 生成随机数 2. 解决浮点数问题

★JS的调用技巧★

★★★★★★★★★★★★★★★JS的调用技巧★★★★★★★★★★★★★★★★★★★如何给文本框加JS法一:在HTML视图找到相关元素,直接嵌入相关的事件和JS代码.例如:设计时候:用户名:<asp:TextBox ID="TextBox1" onfocus="doFocus(this)" runat="server" ForeColor="#999999">(必填)</asp:TextBox> ————

javascript 学习小结 JS装逼技巧(一) by FungLeo

javascript 学习小结 JS装逼技巧(一) by FungLeo 前言 最近一直在做javascript方面的工作.但是本身我的javascript水平比较低,因此在学习过程中比较困难.而最近又接触到了很多的知识点.好记性不如烂笔头,因此写这篇零碎的博文,记一记我学到的一些好玩的东西. 简单的新建各种元素 创建各种元素都有相对应的方法,例如,创建一个数组可以这样写var arr = new Array 当然,这样做是对的,但是我英文很烂,并且不喜欢这样的代码.我喜欢的是下面这样的. //

14条最佳JS代码编写技巧

http://gaohaixian.blog.163.com/blog/static/123260105201142645458315/写任何编程代码,不同的开发者都会有不同的见解.但参考一下总是好的,下面是来自Javascript Toolbox发布的14条最佳JS代码编写技巧,Sofish翻译(1,2). 1. 总是使用 ‘var’ 在javascript中,变量不是全局范围的就是函数范围的,使用”var”关键词将是保持变量简洁明了的关键.当声明一个或者是全局或者是函数级(function-

Chrome调试折腾记_(3)JS断点调试技巧

JS调试技巧 技巧一:格式化压缩代码 技巧二:快速跳转到某个断点的位置 右侧的Breakpoints会汇总你在JS文件所有打过的断点,点击跟checkbox同一行的会暂时取消这个断点,若是点击checkbox下一行的会直接跳转到该断点的位置 技巧三:查看断点内部的作用范围[很实用] 右侧的scope可以看到相当多实用的信息,比如this的指向,是否有值,断点是对象还是其他等.. 技巧4:监听事件断点 右侧的Event Listener Breakpoints可以选择性的监听某类行为事件,比如键盘

js优化小技巧

avaScript是一个绝冠全球的编程语言,可用于Web开发.移动应用开发(PhoneGap.Appcelerator).服务器端开发(Node.js和Wakanda)等等.JavaScript还是很多新手踏入编程世界的第一个语言.既可以用来显示浏览器中的简单提示框,也可以通过nodebot或nodruino来控制机器人.能够编写结构清晰.性能高效的JavaScript代码的开发人员,现如今已成了招聘市场最受追捧的人. 在这篇文章里,我将分享一些JavaScript的技巧.秘诀和最佳实践,除了少

JS代码优化小技巧

下面介绍一种JS代码优化的一个小技巧,通过动态加载引入js外部文件来提高网页加载速度 [基本优化] 将所有需要的<script>标签都放在</body>之前,确保脚本执行之前完成页面渲染而不会造成页面堵塞问题,这个大家都懂的.   [合并JS代码,尽可能少的使用script标签] 最常见的方式就是带代码写入一个js文件中,让页面只使用一次<script></script>标签来引入   [无堵塞加载JS] 通过给script标签增加 defer属性或者是 a