![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript笔记
文章平均质量分 61
JavaScript笔记
coder-WJie
可能事事无完美,但进一寸有进一寸的欢喜。
展开
-
通俗理解防抖与节流函数
手写js防抖与节流函数 概念 防抖:顾名思义,防抖就是防止“抖动”,避免一个事件被多次触发。 就像大家在上网时难免会遇到网络不佳的时候,网页加载慢,而你心急的不断点击刷新按钮,在刷新进度条还为加载完成的时候,你又再次点击刷新,进度条又重新回到了起点,而最终加载出界面一定是在你最后一次点击刷新后,不再操作等待一定时间的结果。 虽然上面的例子并未用到防抖,但表现有相似之处。 若是假设每次刷新页面所用时间固定且相同,这样就和执行防抖操作有了相同的表现。 防抖函数: function debounce(fun,原创 2021-04-10 22:31:41 · 179 阅读 · 1 评论 -
原型链学习demo
原型链学习demo 隐式原型 和 显示原型 所有实例对象都有隐式原型,即 _proto_属性。 在ES6语法之前,不能通过隐式原型操作原型对象 所有构造函数都有显式原型,即 prototype属性 它们的关系是: 实例对象.__proto__ === 构造函数.prototype , 且看下面代码举例(fn.proto === Fn.prototype)。 let Fn = new Function() let fn = new Fn() let obj = {} consol原创 2021-04-08 23:30:16 · 100 阅读 · 0 评论 -
Faicso函数问题——JS作用域,原型链,变量提升
Faicso函数问题——JS作用域,原型链,变量提升 今天偶然在一个web前端交流群中看到了一道群友分享的JavaScript面试题,感觉有点意思,在此分享下。 题目: function Faicso() { getName = function () { console.log('图片') } return this } Faicso.getName = function () { console.log('微传单')} Faicso.prototype.g原创 2021-04-07 20:22:24 · 204 阅读 · 2 评论 -
call()、apply()、bind()从了解到手写
JavaScript 中 call()、apply()、bind() 的用法 最近在回顾学习JavaScript的过程中又看到了call(),apply(),bind()这三个方法,在此做个总结。 在JavaScript中函数也是对象,对象则有方法,而call(),apply(),bind()就是函数对象的方法,十分重要且很是强大,它们都能够改变函数执行的上下文环境(context),即 this 绑定的对象。 且看以下实例快速了解: 实例 let obj1 = { name: '王乐乐',原创 2021-04-05 22:41:05 · 105 阅读 · 2 评论 -
关于JSON
关于JSON 1. 什么是JSON JSON: JavaScript Object Notation(JavaScript 对象表示法) JSON是轻量级的文本数据交换格式 JSON独立于语言:JSON使用JavaScript语法来描述对象,但其仍独立于语言和平台,被很多编程语言支持 JSON具有自我描述性,更易于理解 2. 为什么使用JSON? 为什么使用json,也就是说json有哪些优点相比于同样作用的XML 2.1 使用XML: 1.首先要加载XML文档 2.使用XML DOM迭代循环文档 3.读取原创 2021-03-22 10:53:27 · 107 阅读 · 0 评论