奇舞周刊第 204 期:缓存那些事儿

834 阅读3分钟
原文链接: mp.weixin.qq.com

记得点击文章末尾的“阅读原文”查看哟~

下面先一起看下本期周刊摘要吧~


上了三天班才到周五,这一周也是够慢的。新一期周刊出炉啦,今天周刊来得特别早,配图和周刊君的状态特别搭。祝大家周末愉快~ 




奇舞推荐

■   ■   ■

关于缓存的那些风流事儿

了解 preload、HTTP/2 Push、Service Worker 等浏览器缓存技术及其运作方式,能让我们更好地解决问题,减少不必要的麻烦。


全面进阶 H5 直播

本文详细介绍了视频编码格式、视频文件格式、直播协议等基础知识,并通过示例介绍了如何使用 Media Source Extensions 提供的一系列接口直接操作 Media Stream。


Redis 之父:10x 程序员应该具备哪些素质

一个 10x 程序员,在相同条件下,可以完成十倍于普通程序员的工作。任务越是具有目标导向性,程序员就越是能够以更少的付出达成相同的目标,从而体现 10x 程序员的潜在能力。


JavaScript

■   ■   ■

从 Chrome 源码看 JS Object 的实现

通过 V8 的源码尝试分析 Object 的实现。


剖析 Babel:Babel 总览

Babel 不仅可以让我们的新技术的普及提前几年,还让我们可以通过写插件做更多的事情,比如做自定义规则的验证,做 node 的直出、node 端的适配工作等等。


JavaScript 的正则也有单行模式了

仔细看才能看懂的一篇文章。


移动 Web

■   ■   ■

移动端通过 input[type="file"] 开启前置摄像头

iOS 10.3 以后可以通过给 input[type='file'] 的标签里指定 capture="user" 来调用手机前置摄像头了。


移动端 Web 开发踩坑之旅

移动端 Web 开发过程中的一些收获。


其它

■   ■   ■

色域媒体查询标准与使用

色域媒体查询是 CSS Media Queries Level 4 中新增的媒体属性。色域媒体查询允许我们根据输出设备的支持色域分类应用不同的样式。


搜索结果的最佳实践分享

10 个有效的设计指南,以帮助你改进搜索结果的用户体验。


浅析 GIF 格式图片的存储和压缩

深入理解表情包~


聊聊 HSTS 下的 HTTPS 降级问题

HSTS 的作用是为了在用户通过 HTTP 访问网站时不需要服务器做 301/302 跳转,直接一个 307 本地强制使用 HTTPS 访问网站,这可以防止用户在第一次发出请求时被劫持,也减少了一次请求。


滚动锚定

一个新的浏览器优化:滚动锚定(Scroll Anchoring),让视口内容不再因视口上方 DOM 元素的高度变化而产生跳动。


欢迎点击“阅读原文”,学习本周精华文章~


奇舞周刊

——————————————————

领略前端技术 阅读奇舞周刊


长按二维码,关注奇舞周刊