12月, 2020 | Lenix Blog

轻松理解HTTP缓存策略

admin 2020年12月22日概念暂无评论 1,193 浏览

上一篇文章我写了koa-static的源码解析，其中用到了HTTP的缓存策略，给返回的静态文件设置了一些缓存的头，比如Cache-Control之类的。于是我就跟朋友讨论了一下HTTP的缓存策略：

朋友说：“HTTP里面控制缓存的头(header)太多了，啥Cache-Control，ETag，Last-Modified，一大堆，乱七八糟的，而且之间逻辑关系不强，要掌握基本靠背！”

我有点惊讶：“为什么要去背这个呢？所有的技术都是为了解决问题而存在的，不了解问题而去单纯的学习技术，去，背，去，死记，确实很枯燥，而且效果不好。HTTP缓存策略只是为了解决客户端和服务端信息不对称的问题而存在的，客户端为了加快速度会缓存部分资源，但是下次请求时，客户端不知道这个资源有没有更新，服务端也不知道客户端缓存的是哪个版本，不知道该不该再返回资源，其实就是一个信息同步问题，HTTP缓存策略就是来解决这个问题的。如果我们跳出这种纯粹的技术思维，我们会发现生活中这种信息同步问题也很常见。而我们解决这些问题的思路很多时候都是司空见惯了，如果从这个角度来说，这个问题就很好理解！”

于是我给他讲了一个我小时候租光碟看奥特曼的故事。…

http HTTP协议浏览器缓存

explain | 索引优化的这把绝世好剑，你真的会用吗？

admin 2020年12月22日 Mysql 暂无评论 1,271 浏览

前言

对于互联网公司来说，随着用户量和数据量的不断增加，慢查询是无法避免的问题。一般情况下如果出现慢查询，意味着接口响应慢、接口超时等问题。如果是高并发的场景，可能会出现数据库连接被占满的情况，直接导致服务不可用。

慢查询的确会导致很多问题，我们要如何优化慢查询呢？…

Mysql 优化性能

什么是回流与重绘 (Reflow & Repaint)

admin 2020年12月22日 web前端暂无评论 1,199 浏览

写在前面

在讨论今天的主角之前，我们要先了解一下浏览器的渲染机制。以Google,Firefox,Safari为例，Firefox 使用Geoko——Mozilla 自主研发的渲染引擎，Safari 和Chrome 都使用 webkit。

我们主要以 Webkit的主流程为例

浏览器使用流式布局模型 (Flow Based Layout)
解析HTML 生成 DOM 树
解析CSS 生成CSSOM 规则树
将 DOM 树与 CSSOM 规则树合并在一起生成渲染树

…

CSS HTML javascript 前端

我用四个命令概括了 Git 的所有套路

admin 2020年12月19日工具暂无评论 1,462 浏览

-----------

我先开一会儿吐槽大会，Git 这东西我用了两年，根本尼玛用不明白。

我搞不明白的一个重要原因就是，命令的功能太杂，有时候一个需求可以用好几种命令解决，而且有的命令还 tm 有别名。这导致什么问题呢，我在网上找到的答案五花八门，竟然都能达成目的，难以找到规律，毫无套路可言。对于我这种不喜欢动脑子，只喜欢玩套路的人来说，简直不能接受。

以前我用 Git，就知道 add .，然后 commit -m，最后 push origin master 一套带走，或者就是把 Git 作为下载器，去 clone 别人的项目。但是在工作中呢，和别人一起开发代码，就需要处理一些复杂情况，比如解决冲突，比如手残恢复，等等等实用场景，这些我在后文都会列举。

对于工具的学习，我认为应该多做减法，只捡最有用的学，那些奇技淫巧不学也罢，应该把时间投入更有价值的事情中。…

GIT

My beloved PHP cheat sheet

admin 2020年12月19日 PHP 暂无评论 774 浏览

Here is my cheat sheet I created along my learning journey. If you have any recommendations (addition/subtraction) let me know.
<?php

//Naming convention
$first_name = 'Mike'. // all lower case with underscore separators
function updateProduct() // camelCase
class ProductItem //

…

PHP

原html table表格固定列效果实现

admin 2020年12月17日2020年12月19日 web前端暂无评论 2,169 浏览

html table表格固定列效果实现

css代码：

最后更新于 2020年12月19日 …

CSS HTML 前端原创

左右拖拽table表格实现横向滚动

admin 2020年12月17日 web前端暂无评论 1,814 浏览

需求：有时候table表格内容比较多时，通过滚动条横向滚动不是太方便查看溢出内容，如果可以通过鼠标左右拖拽查看内容就方便多了。故有此demo

…

前端

使用 position:sticky 实现粘性布局

admin 2020年12月17日2020年12月17日 web前端暂无评论 1,011 浏览

如果问，CSS 中 position 属性的取值有几个？
大部分人的回答是，大概是下面这几个吧？

{
    position: static;
    position: relative;
    position: absolute;
    position: fixed;
}

额，其实，我们还可以有这 3 个取值：…

CSS HTML5 前端

使用Mercure创建实时应用

admin 2020年12月12日建站暂无评论 1,062 浏览

Mercure是一种用于实时通信的开放协议，旨在快速，可靠和节省电池。它是Websocket API和依赖它的高级库和服务的一种现代便捷的替代方法。

Mercure在将流和异步功能添加到REST和GraphQL API时特别有用。由于它是HTTP和SSE之上的薄层，因此现代Web浏览器，移动应用程序和IoT设备都原生支持Mercure 。…

实时推送

Server-Sent Events（服务器推送）教程

admin 2020年12月12日概念暂无评论 1,274 浏览

服务器向浏览器推送信息，除了 WebSocket，还有一种方法：Server-Sent Events（以下简称 SSE）。本文介绍它的用法。

一、SSE 的本质

严格地说，HTTP 协议无法做到服务器主动推送信息。但是，有一种变通方法，就是服务器向客户端声明，接下来要发送的是流信息（streaming）。

也就是说，发送的不是一次性的数据包，而是一个数据流，会连续不断地发送过来。这时，客户端不会关闭连接，会一直等着服务器发过来的新的数据流，视频播放就是这样的例子。本质上，这种通信就是以流信息的方式，完成一次用时很长的下载。…

推送

一	二	三	四	五	六	日
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

Lenix Blog

Month: 12月 2020

轻松理解HTTP缓存策略

explain | 索引优化的这把绝世好剑，你真的会用吗？

前言

什么是回流与重绘 (Reflow & Repaint)

写在前面

我用四个命令概括了 Git 的所有套路

My beloved PHP cheat sheet

原html table表格固定列效果实现

左右拖拽table表格实现横向滚动

使用 position:sticky 实现粘性布局

使用Mercure创建实时应用

Server-Sent Events（服务器推送）教程

一、SSE 的本质

最新更新

近期评论

分类

归档

功能

链接表

站点统计

Month: 12月 2020

前言

写在前面

原html table表格固定列效果实现

一、SSE 的本质

最新更新

月度热门文章

标签

近期评论

分类

归档

功能

链接表

站点统计