![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript原生
这部分都是原生javascript的知识点!
一只没有感情的小杀手
我不告诉你略略略~
展开
-
js之事件绑定,事件委托,dom流事件总结
Js中的事件:Onsubmit:用于表单提交之前,验证所有表单。Onload和onunload用户进入或离开时触发,可用于处理cookieOnload主要用于Body标签:页面一加载就触发Onmouseenter ,onmouseover,onmouseleave等为鼠标事件表单事件:表单元素事件,在表单元素中才有效onchange 框内容改变时onsubmit 点击提交按钮时onreset 重...转载 2020-06-01 10:18:53 · 199 阅读 · 0 评论 -
js基础常考部分
1.关于闭包什么是闭包?闭包是有权限访问其它函数作用域内的变量的一个函数。在js中,变量分为全局变量和局部变量,局部变量的作用域属于函数作用域,在函数执行完以后作用域就会被销毁,内存也会被回收,但是由于闭包是建立在函数内部的子函数,由于其可访问上级作用域的原因,即使上级函数执行完,作用域也不会被销毁,此时的子函数——也就是闭包,便拥有了访问上级作用域中变量的权限,即使上级函数执行完以后作用域内的值也不会被销毁。闭包解决了什么?本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。由于闭包可转载 2020-05-29 18:08:07 · 370 阅读 · 1 评论 -
什么是闭包?闭包的优缺点?
闭包可谓是js里面的重难点,今天就让我们学习起来吧~1、什么是闭包?闭包是指有权访问另外一个函数作用域中的变量的函数。可以理解为(能够读取另一个函数作用域的变量的函数)function outer() {var a = '变量1'var inner = function () {console.info(a)}return inner // inner 就是一个闭包函数,因为他能够访问到outer函数的作用域}很多人会搞不懂匿名函数与闭包的关系,实际上,闭包是站在作用域的角度.转载 2020-05-22 17:45:17 · 188 阅读 · 0 评论 -
js获取DOM元素的方法(8种)
JS获取DOM元素的方法(8种)通过ID获取(getElementById) 通过name属性(getElementsByName) 通过标签名(getElementsByTagName) 通过类名(getElementsByClassName) 通过选择器获取一个元素(querySelector) 通过选择器获取一组元素(querySelectorAll) 获取html的方法(document.documentElement) document.documentElement是专门获取h转载 2020-05-14 14:26:15 · 1923 阅读 · 0 评论 -
js之深拷贝与浅拷贝的区别
一.引言如何区分深拷贝与浅拷贝,简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,拿人手短,如果B没变,那就是深拷贝,自食其力。此篇文章中也会简单阐述到栈堆,基本数据类型与引用数据类型,因为这些概念能更好的让你理解深拷贝与浅拷贝。我们来举个浅拷贝例子:let a=[0,1,2,3,4], b=a;console.log(a===b);a[0]=1;console.log(a,b);嗯?明明b复制了a,为啥修改数组a,数转载 2020-05-14 10:27:59 · 584 阅读 · 0 评论 -
JavaScript算法系列之——链表反转(JS实现)
题目:输入一个链表,按链表值从尾到头的顺序返回一个ArrayList。之前一直对JS实现链表理解不了,被算法大牛指点了一下豁然开朗。 functionListNode(x){ this.val = x; this.next =null; }在JS中,this.val代表当前节点的值,this.next指向下一个节点,若this.next...转载 2020-03-23 18:43:12 · 530 阅读 · 1 评论 -
浏览器渲染页面过程与页面优化
由一道面试题引发的思考:从用户输入浏览器输入url到页面最后呈现 有哪些过程?一道很常规的题目,考的是基本网络原理,和浏览器加载css,js过程。答案大致如下: 用户输入URL地址 浏览器解析URL解析出主机名 浏览器将主机名转换成服务器ip地址(浏览器先查找本地DNS缓存列表 没有的话 再向浏览器默认的DNS服务器发送查询请求 同时缓存) 浏览器将端...转载 2020-03-23 18:35:27 · 138 阅读 · 0 评论 -
jsonp跨域的原理
1. 前言jsonp是一种常用的跨域手段,和反向代理,服务端做跨域处理相比,jsonp更显得方便轻巧,因而被大量用来处理跨域的请求,那么,这种请求方式到底是用了什么黑魔法,来解决令我们头疼的跨域问题。2. 原理jsonp其实并没有用到什么黑魔法,能达到跨域这种效果,无非是利用script标签自身的跨域能力。我们知道,img,script,这种标签如果有相应的src,那么便会发起一个...转载 2020-03-23 16:05:12 · 93 阅读 · 0 评论 -
js之数值比大小的小知识点
问题:今天在写项目数值比较的时候,在一个部分总是出错,然后我测试了一下。发现结果如下:过程:因为我在写一个判断条件,发现条件总是出错,测试了一下果然是表达式出问题。我的思维里按理来说这样是可以的,然而出错了,百思不得其解然后就问了后端小哥哥。小哥哥说这样写会先判断前面的部分,像第二个表达式,100 > 10 就为true,true就等于1(同理 false 为 0),然后再比较 1 ...原创 2019-12-26 11:23:46 · 209 阅读 · 0 评论 -
vue项目——解决按下空格键执行上一次鼠标点击事件
在做这个数据平台验收部分的时候,测试环节发现了一个bug。在这个页面中我需要用"空白键"来控制中间按钮的播放与暂停,而当我点击"通过"按钮之后,再按下"空白键"的时候就会执行前面的点击事件,音频直接变成下一个的加载(相当于再次的点击操作)在网上搜了解决方案,但是好像都没有比较适合我这个问题的解决方案。参考链接:https://houbean.github.io/2016/09/...原创 2019-10-29 17:52:06 · 2262 阅读 · 0 评论 -
js之深入理解DOM事件类型——键盘事件
前面的话 鼠标和键盘是电脑端主要的输入设备,上篇介绍了事件鼠标事件,本文将详细介绍键盘事件英文输入法:事件触发顺序:keydown - > keypress - > keyup中文输入法:firfox:输入触发keydown,回车确认输入触发keyupchrome:输入触发keydown、keyup,回车确认输入只触发keydownIE:输入触发ke...转载 2019-10-14 18:20:16 · 316 阅读 · 0 评论 -
js之深入理解DOM事件类型——鼠标事件
前面的话 鼠标事件是web开发中最常用的一类事件,毕竟鼠标是最主要的定位设备。本文将详细介绍鼠标事件的内容类型 鼠标事件共10类,包括click、contextmenu、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter和mouseleaveclick 当用户按下并释放鼠标...转载 2019-10-14 18:16:22 · 348 阅读 · 0 评论 -
js中的event 对象详解
Event属性和方法:1. type:事件的类型,如onlick中的click;2. srcElement/target:事件源,就是发生事件的元素;3. button:声明被按下的鼠标键,整数,1代表左键,2代表右键,4代表中键,如果按下多个键,就把这些值加起来,所以3就代表左右键同时按下;(firefox中 0代表左键,1代表中间键,2代表右键)4. clientX/clientY:事...转载 2019-10-14 10:28:30 · 139 阅读 · 0 评论