bala001 - 博客园

说一下请求是异步的为什么会造成阻塞?

摘要： HTTP 协议的队首阻塞队首阻塞：队首的事情没有处理完的时候，后面的都要等着。 HTTP1.1 的队首阻塞 HTTP1.1 版本上使用了一种 Pipelining 管道技术来并行发送和处理多个请求。让客户端能够并行发送多个请求，服务器端也可以并行处理多个来自客户端的请求。在一个 TCP 连接中，发阅读全文

posted @ 2021-12-15 16:47 bala001 阅读(876) 评论(0) 推荐(0) 编辑

原生 JS 实现图片懒加载的思路

摘要：实现方案 1. 在 img 元素时，自定义一个属性 data-src，用于存放图片的地址 2. 获取屏幕可视区域的尺寸 3. 获取元素到窗口边缘的距离 4. 判断元素时候在可视区域内，在的话则 data-src 的值赋给 src；否则不执行其他操作本质上：当图片在可视区域内时才会加载否则不加载；也阅读全文

posted @ 2021-12-15 16:23 bala001 阅读(325) 评论(0) 推荐(0) 编辑

什么是 http？什么是 http2？说下 http 和 http2 的工作流程？

摘要：什么是 http？超文本传输协议（HTTP，HyperText Transfer Protocol）是互联网上应用最广泛的一种网络协议。所有的 www 文件都必须遵守这个标准。设计 HTTP 最初的目的是为了提供一种发布和接收 HTML 页面的方法。什么是 http2？ HTTP2 的优势，采用阅读全文

posted @ 2021-12-06 10:49 bala001 阅读(1022) 评论(0) 推荐(0) 编辑

详细说一下 JSON.stringify 的一些特性？和遍历相比，哪个性能会更高？

摘要： JSON.stringify 的一些特性常用的一些场合： 1、将 JSON object 存储到 localStorage 中； 2、POST 请求中的 JSON body 3、处理相应体重的 JSON 形式的数据 4、甚至某些条件下，我们还会用它来实现简单的深拷贝 5、…… 对于 undefin 阅读全文

posted @ 2021-12-06 10:14 bala001 阅读(461) 评论(0) 推荐(0) 编辑

浏览器中的页面： 28 | WebComponent：像搭积木一样构建Web应用

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录在上一篇文章中我们从技术演变的角度介绍了 PWA，这是一套集合了多种技术的理念，让浏览器渐进式适应设备端。今天我们要站在开发者和项目角度来聊聊 WebComponent，同样它也是一套技术的组合，能提供给开发者组件化开发的能力。那什么是阅读全文

posted @ 2021-05-06 16:35 bala001 阅读(311) 评论(0) 推荐(0) 编辑

浏览器中的页面： 27 | 渐进式网页应用（PWA）：它究竟解决了 Web 应用的哪些问题？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录在专栏开篇词中，我们提到过浏览器的三大进化路线：第一个是应用程序 Web 化；第二个是 Web 应用移动化；第三个是 Web 操作系统化；其中，第二个 Web 应用移动化是 Google 梦寐以求而又一直在发力的一件事，不过对于移阅读全文

posted @ 2021-03-27 17:33 bala001 阅读(352) 评论(0) 推荐(0) 编辑

浏览器中的页面： 26 | 虚拟DOM：虚拟DOM和实际DOM有何不同？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录虚拟 DOM 是最近非常火的技术，两大著名前端框架 React 和 Vue 都使用了虚拟 DOM，所以我觉得非常有必要结合浏览器的工作机制对虚拟 DOM 进行一次分析。当然了，React 和 Vue 框架本身所蕴含的知识点非常多，而且也不阅读全文

posted @ 2021-03-01 16:54 bala001 阅读(410) 评论(0) 推荐(0) 编辑

for...in 和 for...of 的区别

摘要： for...in 遍历对象的可枚举属性列表（包括 [[Prototype]] 链）。注意： 1. 遍历对象是无法直接获取属性值的，需要手动获取属性值 => 因为遍历的是对象中的所有可枚举属性。 2. for...in 最好只应用在对象上 => 遍历数组，有时会产生出人意料的结果。因为枚举属性可能不阅读全文

posted @ 2021-02-26 16:56 bala001 阅读(128) 评论(0) 推荐(0) 编辑

浏览器中的页面： 25 | 页面性能：如何系统地优化页面？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录在前面几篇文章中，我们分析了页面加载和 DOM 生成，讨论了 JavaScript 和 CSS 是如何影响到 DOM 生成的，还结合渲染流水线来讲解了分层和合成机制，同时在这些文章里面，我们还穿插说明了很多优化页面性能的最佳实践策略。通过阅读全文

posted @ 2020-12-03 17:05 bala001 阅读(534) 评论(0) 推荐(0) 编辑

浏览器中的页面：24 | 分层和合成机制：为什么 CSS 动画比 JavaScript 高效？

摘要：前言：该篇说明：请见说明 —— 浏览器工作原理与实践目录在上一篇文章中我们分析了 CSS 和 JavaScript 是如何影响到 DOM 树生成的，今天我们继续沿着渲染流水线向下分析，来聊聊 DOM 树之后所发生的事情。在前面《05 | 渲染流程(上)：HTML、CSS 和 JavaScri 阅读全文

posted @ 2020-09-29 16:38 bala001 阅读(813) 评论(0) 推荐(0) 编辑