浏览器缓存和 CDN 在前端的落地--技术头条 -- 微博大V帮你宣传技术博文开发者头条码农头条

【简介】

提到浏览器缓存，大多数人肯定知道以下几点：
1、设置 Response Headers cache-control；
2、静态文件添加版本号；
3、静态文件添加最大缓存；

但其实缓存还可以更具体、更合适，下面是我在工作业务开发中对缓存的理解，具体基础的概念这里就不提了。

点击查看原文 >>

由 @技术头条 2021-05-27 07:15 / 原作者微博：@前端小武 / 0个评论

赞过的人： @IT技术博客大学习

大前端：如何突破动态化容器的天花板？ (tech.meituan.com)

长久以来，容器要实现动态化和双端复用，难免要牺牲掉一些性能。有没有办法让动态化容器的性能尽可能接近原生？美团金服大前端团队给出了一种解决方案，尝试突破动态化容器的天花板。

by @技术头条 2024-11-02 16:22 查看详情

如何使用纯CSS鉴别是不是Safari浏览器 (www.zhangxinxu.com)

如何通过纯 CSS 来判断是否为 Safari 浏览器？本文介绍了多种实用技巧和 @supports 规则的使用，帮助开发者轻松检测并处理 Safari 特有的样式兼容性问题。无论是桌面还是 iOS Safari，本文都有详细的解决方案！

by @技术头条 2024-09-09 23:40 查看详情

企业网站CDN被刷流量怎么办 (www.hitoy.org)

企业网站的CDN流量被恶意刷爆怎么办？本文介绍了几种有效应对大规模流量攻击的策略，包括通过带宽限制、IP过滤和自定义脚本等技术手段，帮助企业有效防止流量被盗刷。如果你的网站也遇到类似问题，这篇文章提供了实用的解决方案！

by @技术头条 2024-09-08 23:39 查看详情

一种适用于 Zustand 和 React Query 的前端数据管理方式 (innei.in)

本文介绍了一种结合Zustand和React Query进行前端数据管理的方法。作者指出，直接使用React Query进行复杂数据的乐观更新可能会导致性能和维护问题。通过使用Zustand创建数据映射表和自定义hook，可以简化状态管理和数据同步，提升效率和可维护性。文章还提供了在开发RSS信息流浏览器“Follow”中的应用示例。

by @技术头条 2024-08-06 08:19 查看详情

凭据获取之浏览器 (paper.seebug.org)

本文介绍提取三种常见浏览器Password和Cookie的原理以及关键代码实现，测试版本为最新版浏览器。

by @技术头条 2024-04-23 23:56 查看详情

前端工程师后端快速手册 (54chen.com)

作为前端工程师，拥有一定的后端知识是非常重要的。在日益复杂的Web应用开发中，前端工程师需要更全面地了解后端领域，包括数据库管理、安全性、Web框架的使用、AOP编程思想以及常见语言和框架的特性。本手册将为你提供一个简要但全面的后端知识概览，帮助你更好地理解后端开发的关键要点。

by @技术头条 2024-01-13 23:43 查看详情

后端工程师现代前端快速手册 (54chen.com)

大多数后端老人都会错过Node这一波的技术变化，还停留在JQuery的时代无法自拔，但实际上，前端发展已经日新月异，本文将从React和Vue的历史背景、基础原理、项目重要文件、常用知识等几个角度进行由潜入深的介绍，目的是使任何一位拥有后端开发经验的同学都可以快速上手前端开发，成为一名全栈开发人员。

by @技术头条 2024-01-13 23:43 查看详情

解决Vite打包产生的hash缓存失效问题 (www.iszy.cc)

最近发现无论改多少内容，打包出来的所有文件的 hash 都会发生变化，这样就导致了浏览器缓存失效，每次都要重新加载所有文件，这样就导致了加载速度变慢，而且也浪费我服务器流量，姑且来看看能不能解决。

by @技术头条 2023-11-29 23:46 查看详情

美团前端研发框架Rome实践和演进趋势 (tech.meituan.com)

本文整理自美团技术沙龙第76期《大前端研发协同效能提升与实践》，为大家介绍了美团到店前端研发框架Rome实践和演进趋势。具体来讲，本文首先介绍了Rome整体的工程生态、演变路径、规模化升级以及工程框架外的开发辅助工具；第二部分，重点阐述了如何做框架度量和相关的业务实践；最后做整体的总结以及对工程框架的下一阶段的思考。希望能对大家带来一些帮助或启发。

by @技术头条 2023-08-18 22:56 查看详情

前端视频播放技术概览 (blog.yuanpei.me)

我们追剧、刷弹幕的时候，很少有人会去深入思考这些平台背后的技术奥秘。直到最近，我需要在前端项目中实现视频播放时，我终于意识到，这些视频不仅在格式上存在着差异，甚至连播放形式都各有不同。举个例子，当下最为火热的 “直播”，通常是指实时的视频播放。相对应地，非实时的视频播放则被称为 “点播”。如果你有接触过 Netflix，你或许还听说过 “流媒体” 这个词汇。为了更好地理解这些概念，我利用空闲时间整理了一个相对完整的技术体系，并以此为基础撰写了今天这篇文章。

by @技术头条 2023-07-30 21:37 查看详情