var函数

ES6 新增set方法

假如想象 提交于 2019-12-28 16:21:55
var arr = [1,2,3,3,2,1,4,5]; // 实例化时传入数组 var s = new Set([...arr]); // set数组长度 console.log(s.size) // 判断是否存在 console.log(s.has(1)) // 删除一项 s.delete(2); console.log(s.has(2)) // 使用扩展运算符生成数组 // console.log([...s]); // 使用Array.from生成数组 var a = Array.from(s); console.log(a); // 去除数组重复成员 函数 function dedupe(array) { return [...new Set(array)]; // return Array.from(new Set(array)); } var aaa = dedupe([1,2,2,3,4,5,5,5,5,6,6,6,6,7,7,7]); var bbb = [...new Set([1,2,2,3,4,5,5,5,5,6,6,6,6,7,7,7])]; console.log(aaa,bbb) // 实现 两个数组 求全集 求交集 求差集 var a = [1,2,3,4]; var b = [3,4,5,6]; // 全集 [1,2,3,4,5,6] 交集 [3

04webApis

自闭症网瘾萝莉.ら 提交于 2019-12-28 13:13:55
学习目标: 能够说出常用的3-5个键盘事件 能够知道如何获取当前键盘按下的是哪个键 能够知道浏览器的顶级对象window 能够使用window.onload事件 能够使用window.onresize事件 能够说出两种定时器的区别 能够使用location对象的href属性完成页面之间的跳转 能够使用location对象获取url中的参数部分 能够使用history提供的方法实现页面刷新 1.1. 常用的键盘事件 1.1.1 键盘事件 <script> // 常用的键盘事件 //1. keyup 按键弹起的时候触发 document.addEventListener('keyup', function() { console.log('我弹起了'); }) //3. keypress 按键按下的时候触发 不能识别功能键 比如 ctrl shift 左右箭头啊 document.addEventListener('keypress', function() { console.log('我按下了press'); }) //2. keydown 按键按下的时候触发 能识别功能键 比如 ctrl shift 左右箭头啊 document.addEventListener('keydown', function() { console.log('我按下了down'); }) // 4.

上载图像之前预览图像

一曲冷凌霜 提交于 2019-12-28 11:18:21
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 我希望能够在上传文件之前预览文件(图像)。 预览操作应在浏览器中全部执行,而无需使用Ajax上载图像。 我怎样才能做到这一点? #1楼 如何创建一个加载文件并触发自定义事件的函数。 然后将一个侦听器附加到输入。 这样,我们可以灵活地使用文件,而不仅仅是预览图像。 /** * @param {domElement} input - The input element * @param {string} typeData - The type of data to be return in the event object. */ function loadFileFromInput(input,typeData) { var reader, fileLoadedEvent, files = input.files; if (files && files[0]) { reader = new FileReader(); reader.onload = function (e) { fileLoadedEvent = new CustomEvent('fileLoaded',{ detail:{ data:reader.result, file:files[0] }, bubbles:true, cancelable

javascript--函数(一)

只愿长相守 提交于 2019-12-28 05:16:18
  函数是将实现某一功能的代码集合起来,以便重复使用的代码块。   一、函数的创建与调用 //基本语法声明函数及调用 function obj(){ alert(1) } obj() //字面量定义函数(匿名函数的自调用) (function(){ //函数功能代码块 })() //对象形式声明函数 <body> <div onclick="fname3()" style="background: red;width: 100px;height: 100px"></div> <!--事件调用--!> </body> <script> var fname3=new Function("alert(1)"); </script>   注意:以基本语法声明的函数,会在页面载入的时候提前解析到内存中,以便调用,所以可以在函数的前面调用,这里涉及到js中的预解析顺序,但是以自变量形式命名的函数,会在执行他的时候,才进行赋值,所以只能在函数的后面调用。   二、函数的参数   1.参数的作用:可以动态的改变函数体内对应的变量的值,使同一函数体得到不用的结果。     形参:在定义函数的时候,函数括号内定义的变量叫做形参,用来接收实参的     实参:在调用函数的时候,在括号内传入的变量或值叫做实参,用于传递参数   2.参数的详解     1)参数的类型       可以是任何的数据类型   

JavaScript入门

不问归期 提交于 2019-12-28 04:48:58
一、JavaScript基础    1、概念:       JavaScript简称JS,是运行在浏览器端的一门直译式脚本语言,代码不需要编译,可直接运行,并且读入一行,运行一行,多应用于:浏览器端验证、Ajax、富客户端等       JavaScript是一种动态类型、弱类型、基于原型的语言,它的解释器称为JavaScript引擎,是浏览器的一部分。   2、编写位置:       标签内部:在标签内部写JS事件代码:结构与行为耦合,不推荐使用       网页内部:在<script> </script>标签对内部写JS代码             在<body></body>中             在<head></head>中       外部.JS文件: <script type="text/javascript" src="script.js"></script>   3、JavaScript注释:         单行注释: //         多行注释: /* */   4、鼠标事件:       onclick:鼠标单击事件,当鼠标单击时执行脚本       ondblclick:鼠标双击事件,双击元素执行脚本       onmouseover:鼠标移上事件,当鼠标移上元素时执行脚本       onmouseout:当鼠标移出元素时执行脚本      

前端基础之BOM和DOM

断了今生、忘了曾经 提交于 2019-12-28 04:47:51
前端基础之BOM和DOM 前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法,并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript,DOM,BOM。 BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”。 DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素。 Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。例如:window.document.write()可以简写成:document.write()。 window对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 *如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。 *没有应用于 window 对象的公开标准,不过所有浏览器都支持该对象。 所有 JavaScript 全局对象、函数以及变量均自动成为

前端js之BOM和DOM

家住魔仙堡 提交于 2019-12-28 04:41:37
BOM与DOM   BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”。   DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素。   Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。例如:window.document.write()可以简写成:document.write()。 windows对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 *如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。 *没有应用于 window 对象的公开标准,不过所有浏览器都支持该对象。 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 window 对象的属性。全局函数是 window 对象的方法。 接下来要讲的HTML DOM 的 document 也是 window 对象的属性之一。 一些常用的Window方法: window.innerHeight -

柯里化面试题

若如初见. 提交于 2019-12-28 03:52:37
//定义一个数组专门存储所有的参数 var _args = Array.prototype.slice.call(arguments); //在 内部声明一个函数,利用闭包的特性保存_args并收集所有的参值 var _adder = function () { _args.push(...arguments); return _adder; } //利用toStringy隐式转换的特性,当最后执行隐式转换,并计算最终的值返回 _adder.toString=function(){ return _args.reduce(function(a,b){ return a+b; }) } return _adder; } console.log(add(1)(2)(3)) add(1)(2)(3) // 6 add(1, 2, 3)(4) // 10 add(1)(2)(3)(4)(5) // 15 add(2, 6)(1) // 9 来源: CSDN 作者: @呵呵 链接: https://blog.csdn.net/weixin_41639609/article/details/103732915

日常积累 web.js

ぃ、小莉子 提交于 2019-12-28 01:12:10
var V = { }; var AP = ap = Array.prototype; var OP = op = Object.prototype; var objEqual = V.objEqual = function(objA, objB){ if (typeof arguments[0] != typeof arguments[1]) return false; //数组 if (arguments[0] instanceof Array){ if (arguments[0].length != arguments[1].length) return false; var allElementsEqual = true; for (var i = 0; i < arguments[0].length; ++i){ if (typeof arguments[0][i] != typeof arguments[1][i]){ return false; } if (typeof arguments[0][i] == 'number' && typeof arguments[1][i] == 'number'){ allElementsEqual = (arguments[0][i] == arguments[1][i]); } else{ allElementsEqual =

Python开发【第十二篇】:DOM

…衆ロ難τιáo~ 提交于 2019-12-27 09:34:15
苑昊 Python开发【第十二篇】:DOM ECMAScript是标准,javascript是实现 JS组成 JS = ECMAScript + DOM + BOM ECMAScript(前身为欧洲计算机制造商协会) JavaScript的语法规范 DOM(Document Object Model 的简称) JavaScript操作网页上元素的API BOM(Browser Object Model 的简称) JavaScript操作浏览器部分功能的API 一. JavaScript Javascript 在开发中绝大多数情况是基于对象的.也是面向对象的. #直接编写 <script> alert('hello yuan') </script> #导入文件 <script src="hello.js"></script>  一个HTML网页要做到结构、样式、行为相分离 三个常用的输出语句: document.write(“要输出的内容”) 作用: l 它主要是用来向body标签中输出write()小括号里面的内容 l document它表示是当前的HTML文档对象 l write在英文中是“写”的意思 l 对象是由属性与方法组成的 对象.属性与对象.方法 从视觉上面来区分属性与方法 属性不带小括号 方法带有小括号 l write它是一个输出的方法 window.alert(