2023年4月11日
实现深拷贝的方法
摘要： 1.递归 // 递归调用const deepCopy = (obj) => { // 判断传入的值是否为一个对象 if (obj null && typeof obj !== "object") { return obj; } // 判断对象的类型 注意这里不考虑包装类对象 if (Object.p 阅读全文
posted @ 2023-04-11 17:28 活在当下_yzx 阅读(24) 评论(0) 推荐(0)
js检测页面关闭事件
摘要： window.onbeforeunload = onbeforeunload_handler; window.onunload = onunload_handler; //页面关闭之前触发，在onunload事件之前触发，可以禁止onunload事件的触发 function onbeforeunlo 阅读全文
posted @ 2023-04-11 13:23 活在当下_yzx 阅读(1128) 评论(0) 推荐(0)
2022年11月10日
前段使用get获取文件流，实现下载
摘要： 前提：接口的返回是一个文件流 1.接口不需要加token function downLoad() { const iframe = document.createElement('iframe') iframe.style.display = 'none' iframe.style.height = 阅读全文
posted @ 2022-11-10 14:29 活在当下_yzx 阅读(598) 评论(0) 推荐(0)
2021年12月31日
原生js 获取响应头中的值
摘要： downloadFile(data, code) data请求的参数 code是需要在response header 中得到的参数 downloadFile(data,codeStr) { if(window.XMLHttpRequest){ var xhr = new XMLHttpRequest 阅读全文
posted @ 2021-12-31 10:33 活在当下_yzx 阅读(921) 评论(0) 推荐(0)
2021年8月2日
url的组成部分
摘要： 1.http/https协议 常见的浏览器协议 域名部分，例如：www.baidu.com 端口部分，例如：:8080(没有的话使用默认的8080端口) 非必须部分 虚拟文件部分(域名后的第一个'/'到最后一个'/'之间的部分) 非必须部分 文件名部分(域名后最后一个'/'到'?'(没有问号的话是' 阅读全文
posted @ 2021-08-02 17:54 活在当下_yzx 阅读(318) 评论(0) 推荐(0)
浏览器的渲染机制
摘要： 处理HTML标签建立DOM树 处理CSS标签建立CSSOM树 连接CSSOM树和DOM树形成一个render树 在render树上运行布局来计算每个节点的形状 在屏幕上画每一个节点 阅读全文
posted @ 2021-08-02 17:52 活在当下_yzx 阅读(55) 评论(0) 推荐(0)
浏览器从输入url地址到页面展示出来，经历了什么过程
摘要： 1.浏览器查看缓存，如果缓存中有，直接在浏览器显示，没有的话，浏览器会解析域名，解析获取到相应的ip地址 2.浏览器先服务器发起tcp链接，服务器与浏览器建立三次tcp链接 3.连接建立成功后，浏览器发起http请求，请求数据包 4.服务器处理收到的请求，将数据返回至浏览器 5.浏览器收到HTTP响 阅读全文
posted @ 2021-08-02 17:52 活在当下_yzx 阅读(199) 评论(0) 推荐(0)
浏览器的三次握手，四次挥手
摘要： 浏览器的http的三次握手 第一次握手： 建立连接时，客户端发送syn包(syn=j)到服务器，并进入SYN_SEND状态，等待服务器确认； 第二次握手： 服务器收到syn包，必须确认客户的SYN（ack=j+1），同时自己也发送一个SYN包（syn=k） 第三次握手： 客户端收到服务器的SYN＋A 阅读全文
posted @ 2021-08-02 17:50 活在当下_yzx 阅读(367) 评论(0) 推荐(0)
html布局以及页面优化(部分，后续更新中)
摘要： em与rem的区别 rem是基于html元素的字体大小来决定 em则根据使用它的元素的大小决定 link与import的区别 link是自上而下的加载，同步 import的所有都加载完毕之后在加载，是异步 优化 图片压缩，js，css压缩 图片懒加载 减少http请求，避免使用import 使用li 阅读全文
posted @ 2021-08-02 17:49 活在当下_yzx 阅读(61) 评论(0) 推荐(0)
js基础
摘要： js输出 window.alert() document.write() innerHTML console.log() js变量 声明变量 变量类型 基本数据类型 Number——数字(NaN) isNaN——判断是否非数值 String——字符串 toString(将其他转为string，nul 阅读全文
posted @ 2021-08-02 17:45 活在当下_yzx 阅读(63) 评论(0) 推荐(0)
下一页