javascript学习路线
关注
分享
扫一扫
javascript学习路线
yingxingyf
热爱前端，每周三篇博客总结记载
展开
-
js数据类型判断的五种方法及归纳。
js数据类型判断的五种方法及归纳。原创 2022-06-26 22:33:40 · 494 阅读 · 0 评论 -
浏览器的重绘和回流？
重绘回流简述重回回流详细原创 2022-06-18 08:37:01 · 129 阅读 · 0 评论 -
for循环中var和let的区别？
for循环中var和let的区别？原创 2022-05-22 12:01:37 · 111 阅读 · 0 评论 -
[ES6]什么是变量提升和暂时性死区？
[ES6]什么是变量提升和暂时性死区原创 2021-12-10 09:23:33 · 516 阅读 · 0 评论 -
js中的堆和栈，深拷贝和浅拷贝？
js中的堆和栈，深拷贝和浅拷贝？原创 2021-12-10 09:21:20 · 328 阅读 · 0 评论 -
JS 判断是否为对象或数组的几种方法？
https://blog.youkuaiyun.com/qq_39025670/article/details/110233270翻译 2021-12-04 10:09:06 · 148 阅读 · 0 评论 -
25.原型继承和原型链继承？
所谓继承： 就是子对象自动拥有父对象的属性和方法， 继承可以提 高代码的复用性。 JS里的继承主要依靠是的原型链。让原型对象（每一个构造函数都有一个原型对象porotype）的值，等于另一个类型的实例，即实现了继 承；另外一个类型的原型再指向第三个类型的实例，以此类推，也 就形成了一个原型链。作用:实现实例共享方法和属性的继承，原型继承。优点：不用将每个实例一样的属性和方法放在构造函数中，每次new都会创造内存，浪费内存，prototype减少内存的浪费<!DOCTYPE html>.原创 2021-11-29 10:35:59 · 281 阅读 · 0 评论 -
24.this?
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body></html><script type="text/javascript">// this:是个代名词//this永远都需要处在函数的内部，所以，this是谁，需要看t原创 2021-11-19 10:23:00 · 502 阅读 · 0 评论 -
23.面向过程和面向对象的对比？
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body></html><script type="text/javascript">//一、面向过程和面向对象编程思想的对比//面向过程（函数）的变成思想：//首先考虑的是步骤（原创 2021-11-19 09:03:00 · 152 阅读 · 0 评论 -
22.let、const和var的区别?
let：声明变量的。跟var的功能一样let和var的区别：1、1)、let让JavaScript有了块级作用域（一对花括号就是一段代码块）。 即，let定义的变量在自己所在的花括号里起作用。2)、var只有全局作用域和函数作用域（局部）2、1)、let定义的变量不会做变量声明提升，只能在声明语句的后面使用。2)、var会声明提升。const：和let一样，只不过是只读的。...原创 2021-10-29 19:20:26 · 287 阅读 · 0 评论 -
21.cookie增删改查？（cookieTools.js）
//添加cookie//参数：// 键，// 值，// 有效期（单位：天）//返回值：无function addCookie(key,value,days){ var d = new Date(); d.setDate(d.getDate()+days); //保存cookie； document.cookie = key+"="+escape(value)+";expires="+d.toGMTString(); }//获取cookie//参数：键//返回值：键对应的值；原创 2021-10-28 14:44:16 · 218 阅读 · 1 评论 -
20.JavaScript如何做表格即时编辑，原生js的表格即时编辑怎么做?
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">td{width:120px;}</style></head><body><input id="txtId" type="text" style=".原创 2021-10-26 18:25:51 · 462 阅读 · 0 评论 -
19.javascript_九宫格拖拽，网页上的九宫格怎么做？
<html><head><meta charset="utf-8" /><title></title><style type="text/css">*{margin:0; padding:0;list-style: none}#ul1{position:relative;left:200px;top:100px;width:600px;height:450px;border:1px solid bl.原创 2021-10-26 18:23:57 · 210 阅读 · 0 评论 -
18.事件委托（重要）？？？利用了冒泡的思路解决问题(DOM0级只支持冒泡，DOM2级支持冒泡和捕获)
事件委托：概念：把本该属于子元素的事件绑定在父元素（父级元素）上，即把子元素的事件委托给父元素，这就是事件委托。事件委托的原理：利用冒泡的思路（当子元素的某种类型的事件被触发时，父（级）元素同类型的事件也会被触发，），同时结合event对象的target属性，能够找到真正的事件源（子元素）。事件委托的优点：1)、对于未来会添加进来的元素也会有对应事件触发。2)、不用绑定很多事件，即不用给每个子元素都绑定事件。只需要绑定在父级元素即可。节约了内存。<!doctype html>.原创 2021-10-26 10:16:02 · 110 阅读 · 0 评论 -
访问对象的属性有两种写法？
访问对象的属性有两种写法：1、用点的方式； 2、用方括号的方式；当属性名是以变量方式体现，只能用方括号的方式。<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>留言功能</title></head><body></body></html><script type="t.原创 2021-10-26 09:27:48 · 426 阅读 · 0 评论 -
17.用循环的方式给dom元素批量进行事件绑定的问题(重要)？？？
<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>作业5</title><style type="text/css">#grandpaBox{ width:300px; height:300px; background-color:pink;}#fatherBox{ width:200px; height:200px;原创 2021-10-25 11:08:35 · 305 阅读 · 0 评论 -
16.target和currenTarget的区别？
target:就是事件源currentTarget:当前事件源（当前触发到哪个事件元素，那么这个事件元素就是事件源）,跟this一样。<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>作业5</title><style type="text/css">#grandpaBox{ width:300px; height:30.原创 2021-10-25 10:23:18 · 710 阅读 · 0 评论 -
13.onkeydown，up和onkeypress的区别?
onkeydown，up和onkeypress的区别 ?1、从触发的键来区分onkeydown和onkeyup针对所有的键起作用onkeypress针对跟编辑有关系的键起作用（如：按字母键，退格键可以触发该事件，但是按shift，ctrl键就不会触发该事件）2、keyCode所代表的意思不同keyCode属性的意思：在keydown和keyup事件里，keyCode属性代表的意思是键盘的虚拟码（每个键唯一的编码，跟是否大小写没有关系）在keypress事件里，keyCode属性代表的意思是键.原创 2021-10-24 17:38:06 · 2688 阅读 · 0 评论 -
9.BOM对象?
BOM是browser object model的缩写，简称浏览器对象模型。通过BOM我们可以学到与浏览器窗口交互的一些对象，可以移动，调整浏览器大小的window对象，可以用于导航的location对象与history对象，可以获取浏览器，操作系统与用户屏幕信息的navigator与screen对象，可以使用document作为访问HTML文档的入口，管理框架的frames对象等。因此它的核心对 象是window。1.1.Window对象的属性Window对象： window 对象表示浏.原创 2021-10-20 13:19:25 · 106 阅读 · 0 评论 -
js中的转义字符？
字符串中的字符包括，数字，字母，符号，还包括字符字面量（其它语言中叫转义字符）。1，在JS中有特殊含义的字符,比如引号。2，不能利用键盘输入的特殊符号，比如换行。原创 2021-10-02 10:00:03 · 3176 阅读 · 0 评论 -
window.localStorage和window.sessionStorage本地储存、取出、删除函数封装
1、window.localStorage1.本地存储 // 本地存储 setLocalStorage(name, data){ let dataType = typeof data; // json对象 if(dataType === 'object'){ window.localStorage.setItem(name, JSON.stringify(data)); } // 基础类原创 2021-06-09 09:58:49 · 1233 阅读 · 0 评论 -
JS 详解 Cookie、 LocalStorage 与 SessionStorage
JS 详解 Cookie、 LocalStorage 与 SessionStorage原创 2021-06-07 14:47:37 · 163 阅读 · 0 评论 -
JavaScript Cookie(创建、读取、修改、删除)
参考菜鸟驿站JavaScript CookieCookie 用于存储 web 页面的用户信息。1.设置 cookie 值的函数/** cname:键 cvalue：值 exdays：过期时间（单位为天，可以设置负数，代表过期时间， 如 1，代表明天 -1，代表昨天 ）**/function setCookie(cname,cvalue,exdays){ var d = new Date(); d.setTime(d.getTime()+(exdays*24*60*60*原创 2021-06-07 14:11:33 · 4949 阅读 · 1 评论 -
js cookie使用方法详解
js cookie使用方法详解原创 2021-06-07 13:34:23 · 104 阅读 · 0 评论 -
this的指向（全），this的场景，call，apply，bind，箭头函数里的this
生活中this的意思：“这个”的意思，是个代名词。代表谁呢？ 看场景。举例: 当我说“这个教室”时，到底是哪个教室，需要看我说这句话的场景。程序中this也是代名词，它的场景就是函数。this是函数里的内置对象。一、this的四种情况：1）、当this所在函数是事件处理函数时。this表示事件源2）、当this所在函数是构造函数时，this是new出来的对象3）、当this所在函数时类的方法时，this是调用方法时的对象（写在方法调用前面的那个对象(主语)）4）、当thi.原创 2021-05-24 17:25:20 · 172 阅读 · 0 评论