JavaScript
相濡以沫丶
抱紧你的我,比国王富有
展开
-
JavaScript数组遍历的几种方式
JS数组遍历,基本就是for,forin,foreach,forof,map等等一些方法,以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比第一种:普通for循环代码如下:for(j = 0; j < arr.length; j++) {} 简要说明: 最简单的一种,也是使用频率最高的一种,虽然性能不弱,但仍有优化空间第二种:优化版for循环代码如下:for(j = 0,len原创 2017-11-09 15:31:44 · 789 阅读 · 0 评论 -
Swiper轮播切换暂停youbute视频
new swiper('.J-video-swiper',{ navigation: { nextEl: '.J-video-swiper .swiper-button-next', prevEl: '.J-video-swiper .swiper-button-prev', ...原创 2019-02-14 18:11:16 · 1840 阅读 · 0 评论 -
JavaScript原生错误类型及try、catch、finally
1. SyntaxError 对象SyntaxError对象是解析代码时发生的语法错误。// 变量名错误var 1a;// Uncaught SyntaxError: Invalid or unexpected token// 缺少括号console.log 'hello');// Uncaught SyntaxError: Unexpected string上面代码的错误,都...转载 2018-12-07 18:08:09 · 636 阅读 · 0 评论 -
立即调用的函数表达式(IIFE)
在 Javascript 中,圆括号()是一种运算符,跟在函数名之后,表示调用该函数。比如,print()就表示调用print函数。有时,我们需要在定义函数之后,立即调用该函数。这时,你不能在函数的定义之后加上圆括号,这会产生语法错误。function(){ /* code */ }();// SyntaxError: Unexpected token (产生这个错误的原因是,funct...转载 2018-11-20 18:06:34 · 264 阅读 · 0 评论 -
JavaScript闭包详解(二)
摘自wangdoc.com,原文地址:https://wangdoc.com/javascript/types/function.html#闭包闭包(closure)是 Javascript 语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。理解闭包,首先必须理解变量作用域。前面提到,JavaScript 有两种作用域:全局作用域和函数作用域。函数内部可以直接读取全局变量。va...转载 2018-11-20 17:53:35 · 164 阅读 · 0 评论 -
ECMAScript 5中的数组方法
ECMAScript 5中的数组方法(摘自javascript权威指南) forEach(): 没有for循环的break语句,不能终止遍历,只能通过try{}catch{}抛出异常终止 //三个参数: 数组元素、元素索引,数组本身 var data = [1,2,3,4,5] data.forEach(function(v,i,a) { a[i...原创 2018-08-27 17:49:06 · 146 阅读 · 0 评论 -
JavaScript 字节单位换算函数(bytes,KB)
函数:var byteConvert = function(bytes) { if (isNaN(bytes)) { return ''; } var symbols = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']; var exp = Math.floor(Math.log...原创 2018-07-10 11:25:31 · 6117 阅读 · 0 评论 -
Web Notifications桌面通知js封装
var NotificationHandler = { isNotificationSupported: 'Notification' in window, isPermissionGranted: function() { return Notification.permission === 'granted'; }, requ...转载 2018-04-23 11:05:18 · 604 阅读 · 0 评论 -
$.each()迭代jQuery和非jQuery对象 .each()方法
迭代jQuery和非jQuery对象 jQuery提供了一个对象迭代器实用程序.each()以及一个jQuery集合迭代器.each()。这些不可互换。另外,还有一些有用的方法可以调用.each()以及一个jQuery集合迭代器.each()。这些不可互换。另外,还有一些有用的方法可以调用.map(),.map()这可以使我们常用的迭代用例之一变快。$.each() $.each()是循环原创 2017-12-29 11:31:21 · 3315 阅读 · 0 评论 -
JavaScript闭包详解(一)
1.闭包定义 闭包就是能够读取其他函数内部变量的函数 应用的两种情况——==函数作为返回值,函数作为参数传递==第一,函数作为返回值如上代码,bar函数作为返回值,赋值给f1变量。执行f1(15)时,用到了fn作用域下的max变量的值。第二,函数作为参数被传递如上代码中,fn函数作为一个参数被传递进入另一个函数,赋值给f参数。执行f(15)时,max变量的取值是10,而不是100。=原创 2017-11-24 16:08:49 · 370 阅读 · 0 评论 -
JavaScript闭包常见错误:在循环中创建闭包
1.错误示例<p id="help">Helpful notes will appear here</p><p>E-mail: <input type="text" id="email" name="email"></p><p>Name: <input type="text" id="name" name="name"></p><p>Age: <input type="text" id="ag原创 2017-11-24 15:32:40 · 386 阅读 · 0 评论 -
JavaScript let的理解
1.简化内部函数代码当用到内部函数的时候,let会让你的代码更加简洁。var list = document.getElementById('list');for (let i = 1; i <= 5; i++) { let item = document.createElement('li'); item.appendChild(document.createTextNode('Item原创 2017-12-04 10:22:11 · 7192 阅读 · 0 评论 -
JavaScript声明一个对象的三种方式
1. 声明一个对象的语法 var person = { name: ['Bob', 'Smith'], age: 32, gender: 'male', interests: ['music', 'skiing'], bio: function() { alert(this.name[0] + ' ' + this.name[1] + ' is ' + this.a原创 2017-11-14 16:35:16 · 15421 阅读 · 0 评论 -
JavaScript for...of与for...in的区别
无论是for…in还是for…of语句都是迭代一些东西。它们之间的主要区别在于它们的迭代方式。 for…in 语句以原始插入顺序迭代对象的可枚举属性。 2.for…of 语句遍历可迭代对象定义要迭代的数据。以下示例显示了与Array一起使用时,for…of循环和for…in循环之间的区别。Object.prototype.objCustom = function()原创 2017-12-01 12:18:49 · 4224 阅读 · 0 评论 -
JavaScript构造函数
function Person(first,last,age,gender,interests){ this.name = { first, last }; this.age = age; this.gender = gender; this.interests = interests; this.bio = funct原创 2017-10-17 10:36:42 · 214 阅读 · 0 评论 -
JavaScript内置函数
JavaScript内置函数1. join() 数组转字符串 arrayObject.join(separator):可选。指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。var myArray = ['I', 'love', 'chocolate', 'frogs'];var madeAString = myArray.join(' ');// returns 'I love原创 2017-10-17 10:36:15 · 160 阅读 · 0 评论 -
js,css模拟复选框
js,css模拟复选框 效果图 html<span class="rem_name "> <input name="rem_name" type="checkbox" value="1"></span> css.signBox .forgetPas .rem_name { vertical-align: middle; display: inline-block原创 2017-10-17 10:35:44 · 320 阅读 · 0 评论 -
Math ceil()、floor()、round()方法
Tags:JavaScriptMath ceil()、floor()、round()方法Math.ceil()功能:对一个数进行上取整。 语法:Math.ceil(x) 参数: x:一个数值。 返回值:返回大于或等于x,并且与之最接近的整数。 注:如果x是正数,则把小数“入”;如果x是负数,则把小数“舍”。 例:<script type="text/javascript"> do原创 2017-10-17 10:33:52 · 1682 阅读 · 0 评论 -
exports、module.exports和export、export default的区别
原文地址: https://segmentfault.com/a/11900000104267781. 使用范围require: node 和 es6 都支持的引入export / import : 只有es6 支持的导出引入module.exports / exports: 只有 node 支持的导出2. node模块CommonJS定义的模块分为: 模块标识(module)、模...转载 2019-08-27 17:30:09 · 367 阅读 · 0 评论