乐胖代购免代理版

欢迎

HTTPS：浏览器如何验证数字证书

首先浏览器需要 CA 的数字证书才能验证XXX的数字证书，接下来我们需要验证 CA 证书的合法性，最简单的方法是将 CA 证书内置在操作系统中。

数字证书

原创 11月前 258 阅读 1点赞 yyds干货盘点

页面性能工具：如何使用Performance

如何去配置 Performance 并生成报告页，然后我们将焦点放在了如何解读报告页上。

web性能工具

原创 11月前 368 阅读 1点赞 yyds干货盘点

Web性能检测工具：Audits

Performance 可以采集非常多的性能，但是其使用难度大，相反，Audtis 就简单了许多，它会分析检测到的性能数据并给出站点的性能得分，同时，还会给我们提供一些优化建议。

Web

原创 11月前 237 阅读 1点赞 yyds干货盘点

Chromium 是如何解决队头阻塞问题的

在开发一个项目时，不要试图去找最完美的方案，完美的方案往往是不存在的，我们需要根据实际的场景来寻找最适合我们的方案。思考题

消息队列

原创精选 2024-01-08 22:30:05 339 阅读 1点赞 yyds干货盘点

浏览器中的安全沙箱

安全沙箱

原创 2024-01-07 20:59:48 165 阅读 1点赞 yyds干货盘点

浏览器中的同源策略

同源策略

原创精选 2024-01-06 22:26:08 383 阅读 1点赞 yyds干货盘点

什么是WebComponent

WebComponent

原创 2024-01-05 22:41:33 223 阅读 1点赞 yyds干货盘点

渐进式网页应用（PWA）

PWA，它是由很多技术组成的一个理念，其核心思想是渐进式。对于开发者，它提供了非常温和的方式，让开发者将普通的站点逐步过渡到 Web 应用。

PWA

原创 2024-01-04 21:51:47 216 阅读 1点赞 yyds干货盘点

Chrome 中的合成技术

Chrome 中的合成技术，可以用三个词来概括总结：分层、分块和合成。

图层

Chrome

渲染引擎

原创 2024-01-03 22:58:36 202 阅读 1点赞 yyds干货盘点

影响浏览器页面展示的因素以及优化策略

CSS

原创 2024-01-02 22:38:06 199 阅读 1点赞 yyds干货盘点

浏览器文档对象模型是如何生成的

文档对象模型

原创 2024-01-01 22:18:27 211 阅读 yyds干货盘点

利用浏览器开发者工具进行性能分析

Chrome 开发者工具（简称 DevTools）是一组网页制作和调试的工具，内嵌于 Google Chrome 浏览器中

性能分析

原创 2023-12-20 00:27:54 205 阅读 1点赞 yyds干货盘点

使用Promise告别回调函数

Promise 解决的是异步编码风格的问题。

回调函数

原创精选 2023-12-19 20:57:06 254 阅读 1点赞 yyds干货盘点

浏览器中的宏任务和微任务

通过异步操作解决了同步操作的性能问题；通过微任务解决了实时性的问题。

微任务

原创 2023-12-18 22:56:34 163 阅读 1点赞 yyds干货盘点

XMLHttpRequest是如何实现的

回调函数

主函数

原创精选 2023-12-17 00:12:02 308 阅读 1点赞 yyds干货盘点

setTimeout是如何实现的

不过由于使用 setTimeout 设置的回调任务实时性并不是太好，所以很多场景并不适合使用 setTimeout。

settimeout

原创 2023-12-16 21:21:04 165 阅读 1点赞 yyds干货盘点

消息队列和事件循环

基于消息队列的设计是目前使用最广的消息架构，无论是安卓还是 Chrome 都采用了类似的任务机制

主线程

消息队列

线程模型

原创 2023-12-15 22:05:44 140 阅读 1点赞 yyds干货盘点

浏览器中的编译器和解释器

V8 依据 JavaScript 代码生成 AST 和执行上下文，再基于 AST 生成字节码，然后通过解释器执行字节码，通过编译器来优化编译字节码。

编译器

解释器

原创 2023-12-14 16:27:15 111 阅读 1点赞 yyds干货盘点

JavaScript的垃圾回收策略

无论是垃圾回收的策略，还是处理全停顿的策略，往往都没有一个完美的解决方案，你需要花一些时间来做权衡，而这需要牺牲当前某几方面的指标来换取其他几个指标的提升。

垃圾回收

垃圾回收器

数据

原创 2023-12-13 22:28:45 126 阅读 1点赞 yyds干货盘点

JavaScript 中栈与堆的区别

JavaScript 中原始类型和引用类型，其中，原始类型的数据是存放在栈中，引用类型的数据是存放在堆中的。堆中的数据是通过引用和变量关联起来的。

JavaScript

原创 2023-12-12 19:28:27 138 阅读 yyds干货盘点

关于HTTP Keep-Alive的大揭密

keep-Alive首部只是请求将连接保持在活跃状态。发出keep-alive请求之后，客户端和服务器并不一定会同意进行keep-alive会话。

HTTP

keep-Alive

原创精选 2023-04-20 12:17:27 342 阅读 1点赞 yyds干货盘点

如何进行性能瓶颈分析

分析性能瓶颈需要了解系统部署架构，知道瓶颈可能会发生在哪些节点上，并熟悉查看各个节点指标数据的方法。

性能瓶颈

原创精选 2023-03-10 18:35:33 657 阅读 1点赞 yyds干货盘点

Nginx的三大特点

Nginx 是一个高性能的 Web 服务器，它非常的轻量级，消耗的 CPU、内存很少

Nginx

HTTP

原创精选 2023-03-03 10:39:54 608 阅读 1点赞 1评论 yyds干货盘点

关于HTTP/3的小知识点

HTTP/3 基于 QUIC 协议，完全解决了“队头阻塞”问题，弱网环境下的表现会优于 HTTP/2

HTTP/3

原创精选 2023-03-02 16:38:51 429 阅读 1点赞 yyds干货盘点

HTTP的Cookie机制

Cookie 是服务器委托浏览器存储的一些数据，让服务器有了“记忆能力”

http

cookie

原创精选 2023-02-28 10:27:40 319 阅读 1点赞 yyds干货盘点

防止CSRF攻击三种方法

如何防止CSRF，具体来讲主要有三种方式：充分利用好 Cookie 的 SameSite 属性、验证请求的来源站点和使用 CSRF Token。这三种方式需要合理搭配使用，这样才可以有效地防止 CSRF 。

CSRF

原创精选 2023-02-23 20:42:03 439 阅读 yyds干货盘点

解析HTTPS如何让数据传输更安全

我们在 HTTP 协议栈的 TCP 和 HTTP 层之间插入了一个安全层，负责数据的加密和解密操作，这就是HTTPS。

HTTPS

原创精选 2023-02-22 16:25:29 400 阅读 1点赞 yyds干货盘点

基于QUIC 协议的HTTP/3

TTP/3 正是基于 QUIC 协议的，你可以把 QUIC 看成是集成了“TCP+HTTP/2 的多路复用 +TLS 等功能”的一套协议。