潮流前端周刊（第42期）- 无争的灵隐寺

封面图摄于周天去灵隐寺闲逛，拍的一张有意境的照片，心静、心诚、与世无争的感受，录了小段诵经声可用耳机调低音量听。html

记录每周看到的接地气的前端潮流技术，筛选后发布于此，以为不错可关注此专栏，方便获取更新通知前端

前端技术

拖拽内容转移居然还能这样玩！
juejin.cn/post/698458…
潮流开源中的，用于解释 Transmat 这个开源库的中文文章。react

「后隐私」时代，个性化广告如何保护隐私？
mp.weixin.qq.com/s/-QTjIN948…
iOS 14 以后苹果对隐私这一块继续增强，包括最近的社会主义铁拳，弄商业化的同窗能够看看。git

深刻理解 WKWebView（基础篇）—— 聊聊 cookie 管理那些事
mp.weixin.qq.com/s/jZP2DsAa5…
百度 App 技术这个文章我很喜欢，颇有必要了解了解。程序员

esModuleInterop 到底作了什么？
zhuanlan.zhihu.com/p/148081795
这篇文章用于解释，为何在 TS 里面会有import * as React from 'react'这种写法。github

美团 App 页面视图可测性改造实践
tech.meituan.com/2021/07/28/…
看看美团是怎么来作 UI 类的自动化测试的。web

潮流开源

X-TRACK：开源 GPS 自行车码表
github.com/FASTSHIFT/X…
只能说很潮流了，拥有可显示实时位置的离线地图，支持记录和显示实时轨迹以及导出标准 GPX 格式的轨迹文件，能够去看这个 B 站视频。 chrome

Transmat：谷歌开源的跨浏览器窗口数据共享
google.github.io/transmat/
使用了 DataTransfer 这个 API，使用拖放和复制粘贴的交互来简化 web 应用程序中的数据传输和接收，跨屏互联场景能够玩玩。
npm

npmx：NPM 的高级 CLI
github.com/terminal-ju…
一鼓作气的使用 npm 搜索、运行、装包等事情，有兴趣同窗能够搞一个 tnpmx 出来玩玩。
浏览器

KeyCastr：Mac 屏幕显示按键
github.com/keycastr/ke…
特别适合在演示的时候，你想看你屏幕的人知道你按了哪些快捷键，以前那篇「如何给代码找家」就用了这个。

看看其余

Chrome 扩展如何影响浏览器性能的？
www.debugbear.com/blog/chrome…
这个报告调查了 1000 种最流行的 Chrome 扩展如何影响浏览器性能和最终用户体验，PS 我 Edge 就 5 个扩展，其中 2 个仍是本身搞的。

前端如何帮助业务发展
zhuanlan.zhihu.com/p/62722892
原文标题里面有赋能这两个字，我不太喜欢，改为了帮助，不过文章仍是写得不错的。

杨东平：中国教育内卷与课外培训机构扩张根源
mp.weixin.qq.com/s/YbDdRqlYY…
本文来自杨东平先生的一次演讲，对当前中国教育内卷的问题，有很多不能说的也说了，一块儿来看看实质，是一篇好文。

APP弹窗什么时候休：你被这样骚扰过吗？
mp.weixin.qq.com/s/6dPAF3oVt…
蚂蚁这个事情真心作得好，从内网帖子看到了这个，去除弹窗的过程阻力其实不少的(毕竟，有弹窗跟没弹窗转化的效率可能相差10倍以上，那就意味着若是有弹窗，人家的KPI能以提升10倍的速度完成，你动了他的弹窗，人家的心情会好吗？)，给坚持的项目组点个赞。

分享一种茄子的美味作法
www.v2ex.com/t/792632 我竟然在 V2EX 上刷到了程序员教你作美味茄子！