缓存
缓存的分层、失效策略与调试。
收录 12 篇 · 涉及 4 个分类 · 跨度 3 个月全部标签
相关标签
%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22hsl(139%2C74%25%2C62%25)%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%221200%22%20height%3D%22900%22%20fill%3D%22url(%23g)%22%2F%3E%3Cg%20fill%3D%22%2523ffffff%22%20opacity%3D%220.12%22%3E%3Ccircle%20cx%3D%22800%22%20cy%3D%22240%22%20r%3D%22240%22%2F%3E%3Ccircle%20cx%3D%22270%22%20cy%3D%22660%22%20r%3D%22300%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2523ffffff%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%223%22%3E%3Cpath%20d%3D%22M-40%20660C260%20520%20610%20810%201240%20590%22%2F%3E%3Cpath%20d%3D%22M-40%20760C300%20620%20660%20880%201240%20680%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
文章 · 缓存CSS 布局里容易出错的细节，以及我们最终采用的方案
把踩过的坑按顺序写清楚，附上最终采用的方案与代价。
%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22hsl(341%2C74%25%2C62%25)%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%221200%22%20height%3D%22900%22%20fill%3D%22url(%23g)%22%2F%3E%3Cg%20fill%3D%22%2523ffffff%22%20opacity%3D%220.12%22%3E%3Ccircle%20cx%3D%22840%22%20cy%3D%22360%22%20r%3D%22240%22%2F%3E%3Ccircle%20cx%3D%22320%22%20cy%3D%22620%22%20r%3D%22300%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2523ffffff%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%223%22%3E%3Cpath%20d%3D%22M-40%20660C260%20520%20610%20810%201240%20590%22%2F%3E%3Cpath%20d%3D%22M-40%20760C300%20620%20660%20880%201240%20680%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
文章 · 缓存用状态机管理复杂表单：一次完整复盘
记录一次从 0 到 1 的尝试，失败的版本也一并保留。
%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22hsl(183%2C74%25%2C62%25)%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%221200%22%20height%3D%22900%22%20fill%3D%22url(%23g)%22%2F%3E%3Cg%20fill%3D%22%2523ffffff%22%20opacity%3D%220.12%22%3E%3Ccircle%20cx%3D%22880%22%20cy%3D%22240%22%20r%3D%22240%22%2F%3E%3Ccircle%20cx%3D%22220%22%20cy%3D%22700%22%20r%3D%22300%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2523ffffff%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%223%22%3E%3Cpath%20d%3D%22M-40%20660C260%20520%20610%20810%201240%20590%22%2F%3E%3Cpath%20d%3D%22M-40%20760C300%20620%20660%20880%201240%20680%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
文章 · 缓存CSS 布局里容易出错的细节：一次完整复盘
从问题出现到方案落地，记录每一步判断与最终结果。
%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22hsl(25%2C74%25%2C62%25)%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%221200%22%20height%3D%22900%22%20fill%3D%22url(%23g)%22%2F%3E%3Cg%20fill%3D%22%2523ffffff%22%20opacity%3D%220.12%22%3E%3Ccircle%20cx%3D%22920%22%20cy%3D%22360%22%20r%3D%22240%22%2F%3E%3Ccircle%20cx%3D%22270%22%20cy%3D%22660%22%20r%3D%22300%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2523ffffff%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%223%22%3E%3Cpath%20d%3D%22M-40%20660C260%20520%20610%20810%201240%20590%22%2F%3E%3Cpath%20d%3D%22M-40%20760C300%20620%20660%20880%201240%20680%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
文章 · 缓存用状态机管理复杂表单
先给结论，再拆过程：哪些做法有效，哪些只是看起来有效。
%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22hsl(227%2C74%25%2C62%25)%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D%221200%22%20height%3D%22900%22%20fill%3D%22url(%23g)%22%2F%3E%3Cg%20fill%3D%22%2523ffffff%22%20opacity%3D%220.12%22%3E%3Ccircle%20cx%3D%22760%22%20cy%3D%22240%22%20r%3D%22240%22%2F%3E%3Ccircle%20cx%3D%22320%22%20cy%3D%22620%22%20r%3D%22300%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2523ffffff%22%20stroke-opacity%3D%220.18%22%20stroke-width%3D%223%22%3E%3Cpath%20d%3D%22M-40%20660C260%20520%20610%20810%201240%20590%22%2F%3E%3Cpath%20d%3D%22M-40%20760C300%20620%20660%20880%201240%20680%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)
文章 · 缓存CSS 布局里容易出错的细节
把踩过的坑按顺序写清楚，附上最终采用的方案与代价。
- 文章 · 缓存
日志结构缓存的读写代价
顺序写换来的是读取时的多次查找，用真实压测数据看这笔账到底划不划算。