![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS
文章平均质量分 87
浮光掠影ll
这个作者很懒,什么都没留下…
展开
-
浏览器原理学习笔记
用户在输入URL到页面展示发生了什么浏览器主进程检测用户输入内容,如果是域名,则会补齐协议。如果是不符合域名格式,则会使用浏览器默认搜索引擎进行搜索。在用户输入回车,页面跳转之前,还会在当前页面调用一次beforeunload 事件,数据清理、确认离开。浏览器主进程通过进程间通信 IPC 来将url请求交给网络进程。由网络进程发起请求。网络进程会查找该请求是否在本地有缓存,如果有则使用缓存,如果没有则准备发送网络请求。(这里缓存指强缓存,如果强缓存过期,会进入协商缓存,仍会发送请求)请求首先原创 2023-11-22 20:42:21 · 868 阅读 · 0 评论 -
JS事件整理
事件是文档或浏览器窗口中发生的特定交互瞬间。JS和HTML之间的交互就是通过事件来实现的。事件流用来描从页面中接收事件的顺序。目前有两种事件流,一种是由IE提出的冒泡流,以及由网景提出的捕获流。事件冒泡:事件开始由最具体的元素(文档中嵌套层次最深的元素),接收,然后逐级向上传播到最不具体的节点(document),就像气泡由水底向上冒一样。事件...原创 2021-06-28 18:23:19 · 138 阅读 · 0 评论 -
DOM
1.DOM是什么DOM(文档对象模型)是针对HTML和XML文档的一个API。DOM可以将任何HTML和XML文档描绘成一个层次化的节点树。节点分为不同的类型。例如这样一段HTML:<html> <head> <title>文档标题</title> </head> <body> <a href=“”>我的链接</a> <h1>我的标题</h1&原创 2021-05-31 10:34:35 · 103 阅读 · 0 评论 -
JS原型链
1. 构造函数,原型与实例JavaScript诞生的时候,为了使语言简单易学,没有引入当时流行的面向对象编程中的“类”class,为了实现继承,作者做了一个简化的设计,由于C++和Java使用new命令时,都会调用"类"的构造函数,在Javascript语言中,new命令后面跟的不是类,而是直接写构造函数(constructor)。function man(){ this.name = name;}let man1 = new man('张三');但是用构造函数生成实例对象有一个缺点,就是原创 2021-04-29 18:11:10 · 215 阅读 · 2 评论 -
锚点定位手动实现
问题:项目需要实现点击某个地方锚点到对应的位置,页面由不同组件组成,无法使用<a></a>需要手动想办法实现。//这只是一个例子,你可以把这些div想象成各种各样的组件//假设我要实现点击按钮定位到第三个li的位置<body> <div class="page"> <div class="topbar"> <span>这是一个顶部栏</span> </div> <原创 2021-02-28 12:38:58 · 444 阅读 · 0 评论 -
鼠标移入移出事件与父子元素问题
onmouseover, onmouseout : 父元素和子元素都会触发。onmouseenter, onmouseleave:子元素不会触发。实现场景:鼠标移入原创 2020-11-16 11:04:12 · 1718 阅读 · 0 评论 -
开发问题记录
1.伪元素:after设置的底部横线样式不占用容器高度,导致实际样式比设计稿少1px。原创 2020-10-19 23:39:05 · 149 阅读 · 0 评论 -
JS异步优化方案Promise、Generator和async/await
参考https://segmentfault.com/a/1190000007535316#articleHeader5由于JavaScript是单线程的,因此异步编程是非常重要的,在异步操作中有一类很棘手的问题,被称为“回调地狱”,异步的回调函数中,又有另外的异步的回调,一个套一个,再参杂一些同步逻辑判断,代码就会变的难以维护。//回调地狱setTimeout(function(){ ...原创 2019-08-14 00:15:35 · 411 阅读 · 0 评论 -
ES6Proxy
之前在写vue项目的时候用到了proxy来进行服务端代理,解决跨域问题。之后发现它的功能远不止这些。看到了一片很好的文章,转载学习原文地址什么是代理模式代理模式(英语:Proxy Pattern)是程序设计中的一种设计模式。所谓的代理者是指一个类别可以作为其它东西的接口。代理者可以作任何东西的接口:网络连接、内存中的大对象、文件或其它昂贵或无法复制的资源。著名的代理模式例子为引用计数(...转载 2019-08-20 16:54:24 · 153 阅读 · 0 评论 -
闭包与立即执行函数相关学习
题目实现函数 makeClosures,调用之后满足如下条件:1、返回一个函数数组 result,长度与 arr 相同2、运行 result 中第 i 个函数,即 resulti,结果与 fn(arr[i]) 相同输入 [1, 2, 3], function (x) { return x * x; }输出 4//使用闭包+立即执行函数实现f...原创 2019-06-19 10:44:53 · 96 阅读 · 0 评论 -
arguments相关知识学习
今天在做题时碰到了这样一段代码var newarr = Array.prototype.slice.call(arguments,1)意思是取函数除了第一个参数之后的剩余参数生成一个新数组newarr。由于arguments是一个类数组,没有slice方法,因此在Array类型的原型链上调用slice()方法;call()函数里面传入arguments和1,是将slice()函数的调用对象设置为...原创 2019-06-20 20:03:43 · 243 阅读 · 0 评论