摘要：
deleted 阅读全文
摘要：
deleted 阅读全文
摘要：
deleted 阅读全文
摘要：
# 预备知识## 1. 什么是使用 data-api 调用就是给所有带有`data-dismiss="alert"`的元素绑定点击事件```js// v3.x：$(document).on("click.bs.alert.data-api", dismiss, Alert.prototype.close);// v4.x：$(document).on( Event.CLICK_DATA_API,... 阅读全文
摘要：
今天看面试题看到了这个新名词。。我以前是没有发现过这种状况，应该是我一直都是将加载 CSS 的 link 标签写到 head 里的缘故吧。# 什么是文档样式闪烁（Flash Of Unstyled Content）？我的理解是先渲染了 DOM 然后加载 CSS，因为 CSS 样式的使用遵循层叠的原理，因此 DOM 元素就会多次赋予不同的样式，非常鬼畜。产生的途径可能因为 1. 加载 CSS 的位置... 阅读全文
摘要：
# gzip# Brotli比 gzip 压的还厉害> - [How To Enable GZIP & Brotli Compression for Nginx on Linux - Computing for Geeks](https://computingforgeeks.com/how-to-enable-gzip-brotli-compression-for-nginx-on-linu... 阅读全文
摘要：
# 请求协议## 请求行：request_line请求数据的第一行，用来说明当前请求的最基本信息。 GET /index.php?p=back HTTP/1.1CRLF由三块组成：1. 方式资源地址（没有域名）2. 协议版本3. `\r\n`（回车换行 CRLF）## 请求头：request_header浏览器需要传输给服务器的属性数据 - 主机，请求的主机。用于标识一台 web... 阅读全文
摘要：
# @规则[`@charset`](https://developer.mozilla.org/en-US/docs/Web/CSS/@charset) — Defines the character set used by the style sheet.[`@import`](https://developer.mozilla.org/en-US/docs/Web/CSS/@import) —... 阅读全文
摘要：
[Crypko](https://crypko.ai/#/beta) 网站里面的下拉滚动条进行的动画感觉非常炫，于是研究了一下她的实现，发现她主要是使用了 [ScrollMagic](https://github.com/janpaepke/ScrollMagic) 这个库实现了基于滚动条的动画。为什么这么确定就是用了 ScrollMagic ？因为她代码里写的很清楚。。![Crypko 基于滚动... 阅读全文
摘要：
剧透：就是使用了一下 Chrome DevTools 的 Memory 功能，通过已知的属性的值在 JS 内存中查找具有该值得属性# 一：不分析一下现有的网页翻译方法么？总所周知，谷歌的网页翻译很强大，根据我的使用经验谷歌有五个途径进行网页翻译：1. 使用 Chrome 的《翻译此页》功能：这是唯一没有被墙的方法直接就能用，但无法显示原文2. 使用 google 翻译的网页翻译：这个方法可以显... 阅读全文