JavaScript
关注
分享
扫一扫
文章平均质量分 95
记录Javascript的学习过程
周一同学Zelina
00后 | 互联网大厂AIGC研发 | all in AI | Prompt玩家
链接我：mondaylab712
展开
-
「3.4w字」超保姆级教程带你实现Promise的核心功能
保姆级详解promise的核心功能序言一、js的同步模式和异步模式1. 单线程2. 同步模式（1）定义（2）图例3. 异步模式（1）举例（2）定义（3）js如何实现异步（4）event loop过程4. 回调函数二、Promise异步方案1. Promise的三种状态（1）Promise的三种状态（2）状态解释2. 三种状态的变化和表现（1）状态的变化（2）状态的表现3. Promise的使用案例4. then和catch对状态原创 2021-08-05 06:47:45 · 520 阅读 · 46 评论 -
一文梳理JavaScript中常见的七大继承方案
阐述JavaScript中常见的七大继承方案序言文章内容抢先看一、基础知识预备1. 继承的定义2. 继承的方式二、6大常见继承方式1. 原型链继承（1）构造函数、原型和实例的关系（2）基本思想（3）实现原型链继承（4）图例阐述（5）破坏原型链（6）优缺点2. 盗用构造函数继承（1）基本思想（2）使用方式（3）实现原型链继承（4）优缺点3. 组合继承（1）基本思想（2）实现组合继承（3）图例（4）优缺点4. 原型式继承（1）基本思想（2）实现原原创 2021-08-03 06:47:25 · 589 阅读 · 12 评论 -
你可能没有听说过 js中的 DOM操作还有这个: HTMLCollection 和 NodeList
一文了解DOM操作中的HTMLCollection和NodeList⛱️序言一、基础知识1. 定义（1）HTMLCollection（2）NodeList2. 属性和方法（1）HTMLCollection（2）NodeList二、异同点1. HTMLCollection 与 NodeList 的区别2. querySelectorAll 和 getElementsByTagName 的区别（1）querySelectorAll（2）getElementsByTagName三、结束语原创 2021-08-02 06:33:43 · 1636 阅读 · 2 评论 -
跨越跨域大山，前端不得不知道的Ajax
AJAX和跨域引言正文一、AJAX请求1、模拟get和post请求2、封装一个简易的AJAX二、状态码1、xhr.readyState2、xhr.status三、跨域1、同源策略（1）同源策略是什么（2）为什么浏览器会有同源策略？（3）同源策略限制内容有哪些？（4）加载图片、js和css时可以无视同源策略2、跨域解决方案（1）跨域是什么（2）解决跨域的方式1）JSONP（客户端操作）2）CORS（服务器操作）结束语引言ajax对于前端来说是一个特别基础也特别实用的一个功能，基本上我们目前访问的很多网页都原创 2021-05-22 17:46:22 · 518 阅读 · 4 评论 -
你真的理解事件绑定、事件冒泡和事件委托吗？
一文了解Web API中的事件绑定、事件冒泡、事件委托引言正文一、事件绑定1、事件和事件绑定时什么？2、事件是如何实现的？二、事件冒泡1、事件模型2、事件模型解析（1）捕获阶段（2）目标阶段（3）冒泡阶段3、addEventListener语法4、事件冒泡和事件捕获举例（1）事件冒泡（2）事件捕获（3）事件捕获VS事件冒泡三、事件代理（事件委托）四、总结和回顾结束语引言事件，是JS Web API比较重要的一个知识点。我们平常所看到的网页，肯多内容都要用到事件。比如说一个点击、一个下拉、一个滚动，都要用原创 2021-05-22 11:44:26 · 445 阅读 · 0 评论 -
提升对前端的认知，不得不了解Web API的DOM和BOM
了解Web API的DOM和BOM引言正文一、DOM操作1、DOM的本质2、DOM节点操作（1）property形式（2）attribute形式3、DOM结构操作（1）新增/插入节点（2）获取子元素列表，获取父元素（3）删除子元素4、DOM性能（1）对DOM查询做缓存（2）将频繁操作改为一次性操作5、回顾二、BOM操作1、navigator2、screen3、location4、history结束语引言在现代的开发中，vue和react都是很流行的开发框架，框架虽好用，但是框架的原理还是基于 DOM 操原创 2021-05-21 22:52:00 · 903 阅读 · 2 评论 -
解决异步问题，教你如何写出优雅的promise和async/await，告别callback回调地狱！
解决异步问题——promise、async/await一、单线程和异步1、单线程是什么2、为什么需要异步3、使用异步的场景二、promise1、promise的三种状态2、三种状态的表现和变化（1）状态的变化（2）状态的表现3、then和catch对状态的影响（重要）4、then和catch的链式调用（常考）三、async/await1、引例阐述2、async和await3、async/await和promise的关系4、异步的本质5、场景题（1）async/await语法（2）async/await的顺序原创 2021-05-20 17:34:22 · 472 阅读 · 0 评论 -
JS中this的应用场景，再了解下apply、call和bind！
this的应用场景，再了解下apply、call和bindJS中this的应用场景，再了解下apply、call和bind！一、谈谈对this对象的理解二、this的应用场景1、作为普通函数被调用2、使用call、apply和bind被调用3、作为对象方法被调用4、在class方法中被调用5、箭头函数中被调用三、apply、call和bind1、apply、call和bind的共同用法2、apply3、call4、bind5、做个小结四、写在最后JS中this的应用场景，再了解下apply、call和bi原创 2021-05-18 22:27:21 · 252 阅读 · 0 评论 -
了解js基础知识中的作用域和闭包以及闭包的一些应用场景，浅析函数柯里化
js基础知识中的作用域和闭包一、作用域1、作用域、自由变量简介（1）作用域定义（2）作用域实例演示（3）自由变量定义（4）自由变量实例演示2、作用域链简介（1）作用域链定义（2）作用域链实例演示3、全局作用域、函数作用域和块级作用域（1）全局作用域（2）函数作用域（3）块级作用域（ES6新增）二、闭包1、闭包是什么？（1）定义（2）本质（3）特性（4）优缺点（5）闭包的解决方法2、一般如何产生闭包？（1）函数作为返回值被传递（2）函数作为参数被返回3、闭包的应用场景（1）通过循环给页面上多个dom节点绑定事原创 2021-05-17 18:26:05 · 337 阅读 · 0 评论