# 第 42 期 - 无争的灵隐寺

> 封面图摄于周天去灵隐寺闲逛，拍的一张有意境的照片，心静、心诚、与世无争的感觉，录了小段 

- Issue: 42
- 发布日期: 2021/09/07
- HTML: https://weekly.tw93.fun/posts/42
- JSON: https://weekly.tw93.fun/api/posts/42.json
- English translation: https://weekly.tw93.fun/en/posts/42.md

---

<img src="https://gw.alipayobjects.com/zos/k/10/MRNoEz.jpg" width="800" />

<small>封面图摄于周天去灵隐寺闲逛，拍的一张有意境的照片，心静、心诚、与世无争的感觉，录了小段 [诵经声](https://cdn.tw93.fun/blog/upic/IVJL92.m4a) 可用耳机调低音量听。</small>

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

## 前端技术

**拖拽内容转移竟然还能这样玩！**  
<https://juejin.cn/post/6984587700951056414>  
潮流开源中的，用于解释 Transmat 这个开源库的中文文章。

**「后隐私」时代，个性化广告如何保护隐私？**  
<https://mp.weixin.qq.com/s/-QTjIN948k_da74EzXJyYw>  
iOS 14 之后苹果对隐私这一块继续加强，包括最近的社会主义铁拳，弄商业化的同学可以看看。

**深入理解 WKWebView（基础篇）—— 聊聊 cookie 管理那些事**  
<https://mp.weixin.qq.com/s/jZP2DsAa5OV91wdNMw39cA>  
百度 App 技术这个文章我很喜欢，很有必要了解了解。

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

**美团 App 页面视图可测性改造实践**  
<https://tech.meituan.com/2021/07/28/app-xraysdk.html>  
看看美团是怎么来做 UI 类的自动化测试的。

## 潮流开源

**X-TRACK：开源 GPS 自行车码表**  
<https://github.com/FASTSHIFT/X-TRACK>  
只能说很潮流了，拥有可显示实时位置的离线地图，支持记录和显示实时轨迹以及导出标准 GPX 格式的轨迹文件，可以去看这个 [B 站视频](https://www.bilibili.com/video/BV1GB4y1K7VV)。  
<img src="https://cdn.tw93.fun/blog/upic/gJEGVS.jpg" width="800" />

**Transmat：谷歌开源的跨浏览器窗口数据共享**  
<https://google.github.io/transmat/>  
使用了 DataTransfer 这个 API，使用拖放和复制粘贴的交互来简化 web 应用程序中的数据传输和接收，跨屏互联场景可以玩玩。  
<img src="https://cdn.tw93.fun/blog/upic/CuiZjq.gif" width="800" />

**npmx：NPM 的高级 CLI**  
<https://github.com/terminal-junkies/npmx>  
一气呵成的使用 npm 搜索、运行、装包等事情，有兴趣同学可以搞一个 tnpmx 出来玩玩。  
<img src="https://cdn.tw93.fun/blog/upic/L4TiI9.gif" width="800" />

**KeyCastr：Mac 屏幕显示按键**  
<https://github.com/keycastr/keycastr>  
特别适合在演示的时候，你想看你屏幕的人知道你按了哪些快捷键，之前那篇「如何给代码找家」就用了这个。  
<img src="https://cdn.tw93.fun/blog/upic/0jQ3ap.jpg" width="800" />

## 看看其他

**Chrome 扩展如何影响浏览器性能的？**  
<https://www.debugbear.com/blog/chrome-extension-performance-2021>  
这个报告调查了 1000 种最流行的 Chrome 扩展如何影响浏览器性能和最终用户体验，PS 我 Edge 就 5 个扩展，其中 2 个还是自己搞的。

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

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

**APP 弹窗何时休：你被这样骚扰过吗？**  
<https://mp.weixin.qq.com/s/6dPAF3oVt0gnZ1Eqo4bYKQ>  
蚂蚁这个事情真心做得好，从内网帖子看到了这个，去除弹窗的过程阻力其实很多的(毕竟，有弹窗跟没弹窗转化的效率可能相差 10 倍以上，那就意味着如果有弹窗，人家的 KPI 能以提高 10 倍的速度完成，你动了他的弹窗，人家的心情会好吗？)，给坚持的项目组点个赞。

**分享一种茄子的美味做法**  
<https://www.v2ex.com/t/792632>  
我居然在 V2EX 上刷到了程序员教你做美味茄子！