随笔分类 -  Javascript

javascript的小问题
摘要：swicth语句中变量与case子语句是 进行匹配 严格模式 ：引入 use strict指令触发，常见限制 变量必须先声明再使用 函数默认this指向undefind 而不是window delete运算符删除不可删除的属性会报错 禁止使用0开头的8进制； 禁止使用with语句 null和unde 阅读全文
posted @ 2021-04-07 15:14 浪波激泥 阅读(89) 评论(0) 推荐(0)
js函数
摘要：箭头函数不能使用 arguments、super 和 new.target，也不能用作构造函数。此外，箭头函数也没有 prototype 属性。 函数名就是指向函数的指针，所以它们跟其他包含对象指针的变量具有相同的行为。 使用 function 关键字定义（非箭头）函数时，可以在函数内 部访问 ar 阅读全文
posted @ 2021-04-07 15:13 浪波激泥 阅读(65) 评论(0) 推荐(0)
选择 Object 还是 Map
摘要：1. 内存占用 Object 和 Map 的工程级实现在不同浏览器间存在明显差异，但存储单个键/值对所占用的内存数量 都会随键的数量线性增加。批量添加或删除键/值对则取决于各浏览器对该类型内存分配的工程实现。 不同浏览器的情况不同，但给定固定大小的内存，Map 大约可以比 Object 多存储 50 阅读全文
posted @ 2021-02-24 17:42 浪波激泥 阅读(146) 评论(0) 推荐(0)
javascript数组
摘要：1、 from()用于将类数组结构转换为数组实例 2、 of()用于将一组参数转换为数组实例。 3、 数组 length 属性的独特之处在于，它不是只读的。通过修改 length 属性，可以从数组末尾删除添加元素。 4、 value instanceof Array 5、 keys()返回数组索引的 阅读全文
posted @ 2021-02-24 17:29 浪波激泥 阅读(69) 评论(0) 推荐(0)
javascript继承总结
摘要：1、 原型链继承 通过修改子类的prototype指向父类的实例，子类所产生的实例所在原型链包含父类，所有实例都共享父类的实例，继承方式比较单一 2、 借用构造函数继承 通过在子类构造函数中引入并通过call或apply修改父类的this指向，使得父类构造函数中this所指向的属性在子类构造函数中生 阅读全文
posted @ 2021-02-24 11:58 浪波激泥 阅读(84) 评论(0) 推荐(0)
DOM事件流
摘要：事件捕获：简单来说就是在多重嵌套的Dom节点中，寻找事件目标 事件冒泡：找到事件目标后，再一层层向外影响 事件对象（e）： 侦听函数的形参，系统自动创建，不需要我们传递。包含当前事件的一系列数据 e.target：返回事件触发对象 this ：返回的是绑定事件的对象 ；target点击哪个元素，就触 阅读全文
posted @ 2020-09-10 15:59 浪波激泥 阅读(180) 评论(0) 推荐(0)
javascript执行机制
摘要：javascript代码执行流程：代码->编译->执行 变量提升：指在Javascript代码执行过程中，javascript引擎把变量的声明部分和函数声明部分提升到到代码开头的“行为”；变量提升后，会给变量设置默认值，也就是undefined 解释了javascript语言变量可以先使用后定义的原 阅读全文
posted @ 2020-08-17 02:03 浪波激泥 阅读(169) 评论(0) 推荐(0)
关于简单的数据双向绑定原理，defineProperty 和Proxy演示
摘要：双向绑定，也就是说js中的数据传到页面，页面中的内容到js，实现同步更新，简单的演示可以直接复制下放HTML代码运行。 在这个例子中，我们使用defineProperty ，Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象 阅读全文
posted @ 2020-07-24 16:13 浪波激泥 阅读(365) 评论(0) 推荐(0)
javascript中的堆栈、深拷贝和浅拷贝
摘要：堆、栈 堆内存是用来存放引用类型的空间环境（object） 而栈内存，是存储基本类型和指定代码的环境（执行上下文） 普通变量直接存在栈中执行上下文的变量环境或词法环境中，但是引用类型是把变量名存在栈中，该变量名的值是指向堆中的地址。 在对象中的属性名具有唯一性，数字属性名=字符串属性名，但是在测试的 阅读全文
posted @ 2020-07-23 17:54 浪波激泥 阅读(305) 评论(0) 推荐(0)
javascript 中 this
摘要：参考http://www.ruanyifeng.com/blog/2018/06/javascript-this.html this的原理 JavaScript 语言之所以有this的设计，跟内存里面的数据结构有关系。 在普通的对象中，其在内存中是以这种键值对的方式存储的 但是函数有他的特殊性，函数 阅读全文
posted @ 2020-07-22 00:33 浪波激泥 阅读(136) 评论(0) 推荐(0)
Promise对象 异步编程
摘要：Promise 的含义 Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promi 阅读全文
posted @ 2020-07-19 23:34 浪波激泥 阅读(461) 评论(0) 推荐(0)
理解 JavaScript 的 async/await
摘要：要理解async/await我觉得应该对promise非常熟悉，个人总结，简单来说promise的存在是为了处理回调地狱的异步编程思想，将回调函数的嵌套转化为then链，而async/await是为了简化then链的 下面文章是来自 作者：边城链接：https://segmentfault.com/ 阅读全文
posted @ 2020-07-19 15:07 浪波激泥 阅读(282) 评论(0) 推荐(0)
Ajax总结
摘要：Ajax 原理介绍 ajax的主要目的是异步处理，也就是刷新整个页面获取数据。就像我们在填写一些表单时候，还没提交系统就会提示是否正确，大大提高了用户体验。 主要原理：在浏览器中存在一个·XHR对象，按照我的理解，XHR在浏览器和服务器之间是一种代理模式，XHR代替浏览器向服务器发送请求，然后再把返 阅读全文
posted @ 2020-07-11 15:42 浪波激泥 阅读(190) 评论(0) 推荐(0)