潮流前端週刊（第42期）- 無爭的靈隱寺

封面圖攝於周天去靈隱寺閒逛，拍的一張有意境的照片，心靜、心誠、與世無爭的感受，錄了小段 誦經聲 可用耳機調低音量聽。

記錄每週看到的接地氣的前端潮流技術，篩選後發佈於此，以爲不錯可關注此專欄，方便獲取更新通知

前端技術

拖拽內容轉移居然還能這樣玩！
juejin.cn/post/698458…
潮流開源中的，用於解釋 Transmat 這個開源庫的中文文章。

「後隱私」時代，個性化廣告如何保護隱私？
mp.weixin.qq.com/s/-QTjIN948…
iOS 14 以後蘋果對隱私這一塊繼續增強，包括最近的社會主義鐵拳，弄商業化的同窗能夠看看。

深刻理解 WKWebView（基礎篇）—— 聊聊 cookie 管理那些事
mp.weixin.qq.com/s/jZP2DsAa5…
百度 App 技術這個文章我很喜歡，頗有必要了解了解。

esModuleInterop 到底作了什麼？
zhuanlan.zhihu.com/p/148081795
這篇文章用於解釋，爲何在 TS 裏面會有import * as React from 'react'這種寫法。

美團 App 頁面視圖可測性改造實踐
tech.meituan.com/2021/07/28/…
看看美團是怎麼來作 UI 類的自動化測試的。

潮流開源

X-TRACK：開源 GPS 自行車碼錶
github.com/FASTSHIFT/X…
只能說很潮流了，擁有可顯示實時位置的離線地圖，支持記錄和顯示實時軌跡以及導出標準 GPX 格式的軌跡文件，能夠去看這個 B 站視頻。

Transmat：谷歌開源的跨瀏覽器窗口數據共享
google.github.io/transmat/
使用了 DataTransfer 這個 API，使用拖放和複製粘貼的交互來簡化 web 應用程序中的數據傳輸和接收，跨屏互聯場景能夠玩玩。

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 上刷到了程序員教你作美味茄子！