# 第 32 期 - 南京

> 封面图摄于南京总统府，有个城市旅游套路就是前几天吃吃逛逛，最后一天叫个跟团游，带你玩遍整个城市知名景点，车接送还很便宜，最后送你回高铁站，很香；此外南京是一座我觉得很潮流的城市，很值得一去，推荐去吃吃馨芳园、澳门轩、递酒烤场、哎抖猪蹄、郭阿姨月亮馍，然后逛逛新街口。 

- Issue: 32
- 发布日期: 2021/06/29
- HTML: https://weekly.tw93.fun/posts/32
- JSON: https://weekly.tw93.fun/api/posts/32.json
- English translation: https://weekly.tw93.fun/en/posts/32.md

---

<img src="https://gw.alipayobjects.com/zos/k/e2/o4FeLQ.jpeg" width="800" />

<small>封面图摄于南京总统府，有个城市旅游套路就是前几天吃吃逛逛，最后一天叫个跟团游，带你玩遍整个城市知名景点，车接送还很便宜，最后送你回高铁站，很香；此外南京是一座我觉得很潮流的城市，很值得一去，推荐去吃吃馨芳园、澳门轩、递酒烤场、哎抖猪蹄、郭阿姨月亮馍，然后逛逛新街口。 </small>

> **记录每周看到的前端潮流技术，筛选后用接地气方式发布于此，关注此专栏可以及时收到更新~**

## 前端技术

**都 2021 了你居然还在用 WebStorm ？**  
<https://juejin.cn/post/6963835326821302303>  
那么到底 WebStorm 更香在哪儿，来开一个 “历史倒车轮”，给大伙介绍一下「如何用上 WebStorm 最新正版？」「如何让 WebStorm 好用不卡？」，以及「WebStorm 香的地方在哪里？」。

**前端水印实现方案**  
<https://juejin.cn/post/6964357725652254734>  
来看看前端如何实现水印的功能，特别是那种看不见的。

**百亿规模 API 网关服务 Shepherd 的设计与实现**  
<https://tech.meituan.com/2021/05/20/shepherd-api-gateway.html>  
美团技术关于他们 Shepherd API 网关的系统设计、考虑因素、功能给做了一个详细介绍，值得学习一下。

**如何看待 Google Docs 将从 HTML 迁移到基于 Canvas 渲染？**  
<https://www.zhihu.com/question/459251463>  
有一种文艺复兴的感觉。

## 开源资讯

**fingerprintjs：很稳定和很准确的浏览器指纹库**  
<https://github.com/fingerprintjs/fingerprintjs/>  
通过看你电脑上安装了哪些软件，加上对应的特征来生成对应的唯一 id 值，用于在网络跟踪用户，思路很不错。同时可通过<https://schemeflood.com/>来看效果。

**Flutter-Responsive-Admin-Panel-or-Dashboard：漂亮的 flutter 管理面板**  
<https://github.com/abuanwar072/Flutter-Responsive-Admin-Panel-or-Dashboard>  
对于想学习 flutter 的同学可以试试还是很漂亮的。  
<img src="https://cdn.tw93.fun/blog/upic/194j2u.gif" width="800" />

**BackgroundMusic：控制 Mac 软件音量大小的自定义工具**  
<https://github.com/kyleneideck/BackgroundMusic>  
举个例子，你的电脑安装了一个软件，但是你不想他发出任何声音，就可以试试这个了。

**SwiftUI-Hooks：受 react hooks 影响的 SwiftUI Hooks**  
<https://github.com/ra1028/SwiftUI-Hooks>  
相比 OC 来说，个人很喜欢 Swift 这个语言。

```swift
struct Example: HookView {
    var hookBody: some View {
        let time = useState(Date())

        useEffect(.once) {
            let timer = Timer.scheduledTimer(withTimeInterval: 1, repeats: true) {
                time.wrappedValue = $0.fireDate
            }

            return {
                timer.invalidate()
            }
        }

        return Text("Now: \(time.wrappedValue)")
    }
}
```

**mobile-app-automizer：手机软件发版自动工具**  
<https://github.com/automizer/mobile-app-automizer>  
你可以通过这个自动化工具来自定义 Android、iOS 软件的编译、上传、版本管控。  
<img src="https://cdn.tw93.fun/blog/upic/eUi3o1.gif" width="800" />

## 他山之石

**Google I/O 2021 的视频版本出来了**  
<https://www.youtube.com/playlist?list=PLOU2XLYxmsIJhsF3up2ueu2pRealr9raD>  
可以看很长时间的视频，不过不说视频制作很精美，手语翻译同学超级有感觉。  
<img src="https://cdn.tw93.fun/blog/upic/HvoctW.gif" width="800" />

**AhaClub X 少楠「我想用 flomo 改善一代人的思考方式」**  
<https://www.xiaoyuzhoufm.com/episode/60098bf729de8062086ffad5>  
AhaClub 对最近比较潮流 [flomo](https://flomoapp.com/mine) 记录软件的产品经理的一个播客记录，包括他对做产品的一些心得，值得一听。

**中国经济的数字逻辑**  
<http://www.ruanyifeng.com/blog/2021/05/china-economy-explanation.html>  
阮一峰对黄奇帆老师的《分析与思考》一书的读书笔记，这本书我过年的时候看过，将中国经济思考讲得非常透彻，很值得一读。

**如何看待微信将于 5 月 19 日停止小程序打开 App 技术服务？微信此举意在何处？**  
<https://www.zhihu.com/question/459459278>  
实话实说，我感觉很多时候微信做闭环做了很多损害用户体验的事情，这个停止打开小程序的需求明明是可以通过白名单申请来做的，直接就给一刀切了；作为前端，我还是坚信随处可访问的 url Web 生态才是王道。  
<img src="https://cdn.tw93.fun/blog/upic/2zJmrp.jpg" width="800">
