JS
关注
分享
扫一扫
文章平均质量分 87
浮光掠影ll
这个作者很懒，什么都没留下…
展开
-
浏览器原理学习笔记
用户在输入URL到页面展示发生了什么浏览器主进程检测用户输入内容，如果是域名，则会补齐协议。如果是不符合域名格式，则会使用浏览器默认搜索引擎进行搜索。在用户输入回车，页面跳转之前，还会在当前页面调用一次beforeunload 事件，数据清理、确认离开。浏览器主进程通过进程间通信 IPC 来将url请求交给网络进程。由网络进程发起请求。网络进程会查找该请求是否在本地有缓存，如果有则使用缓存，如果没有则准备发送网络请求。（这里缓存指强缓存，如果强缓存过期，会进入协商缓存，仍会发送请求）请求首先原创 2023-11-22 20:42:21 · 926 阅读 · 0 评论 -
JS事件整理
事件是文档或浏览器窗口中发生的特定交互瞬间。JS和HTML之间的交互就是通过事件来实现的。事件流用来描从页面中接收事件的顺序。目前有两种事件流，一种是由IE提出的冒泡流，以及由网景提出的捕获流。事件冒泡：事件开始由最具体的元素（文档中嵌套层次最深的元素），接收，然后逐级向上传播到最不具体的节点（document），就像气泡由水底向上冒一样。事件...原创 2021-06-28 18:23:19 · 168 阅读 · 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 · 126 阅读 · 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 · 253 阅读 · 2 评论 -
锚点定位手动实现
问题：项目需要实现点击某个地方锚点到对应的位置，页面由不同组件组成，无法使用<a></a>需要手动想办法实现。//这只是一个例子，你可以把这些div想象成各种各样的组件//假设我要实现点击按钮定位到第三个li的位置<body> <div class="page"> <div class="topbar"> <span>这是一个顶部栏</span> </div> <原创 2021-02-28 12:38:58 · 480 阅读 · 0 评论 -
鼠标移入移出事件与父子元素问题
onmouseover, onmouseout : 父元素和子元素都会触发。onmouseenter, onmouseleave：子元素不会触发。实现场景：鼠标移入原创 2020-11-16 11:04:12 · 1823 阅读 · 0 评论 -
开发问题记录
1.伪元素:after设置的底部横线样式不占用容器高度，导致实际样式比设计稿少1px。原创 2020-10-19 23:39:05 · 178 阅读 · 0 评论 -
JS异步优化方案Promise、Generator和async/await
参考https://segmentfault.com/a/1190000007535316#articleHeader5由于JavaScript是单线程的，因此异步编程是非常重要的，在异步操作中有一类很棘手的问题，被称为“回调地狱”，异步的回调函数中，又有另外的异步的回调，一个套一个，再参杂一些同步逻辑判断，代码就会变的难以维护。//回调地狱setTimeout(function(){ ...原创 2019-08-14 00:15:35 · 453 阅读 · 0 评论 -
ES6Proxy
之前在写vue项目的时候用到了proxy来进行服务端代理，解决跨域问题。之后发现它的功能远不止这些。看到了一片很好的文章，转载学习原文地址什么是代理模式代理模式（英语：Proxy Pattern）是程序设计中的一种设计模式。所谓的代理者是指一个类别可以作为其它东西的接口。代理者可以作任何东西的接口：网络连接、内存中的大对象、文件或其它昂贵或无法复制的资源。著名的代理模式例子为引用计数（...转载 2019-08-20 16:54:24 · 193 阅读 · 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 · 126 阅读 · 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 · 276 阅读 · 0 评论