潮流前端周刊(第32期)- 南京

2,804 阅读3分钟

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

记录每周看到的前端潮流技术,筛选后用接地气方式发布于此,关注此专栏可以及时收到更新,同时也可以关注飞猪前端 「Fliggy F2E」 公众号获得更新通知

前端技术

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

前端水印实现方案
juejin.cn/post/696435…
来看看前端如何实现水印的功能,特别是那种看不见的。

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

如何看待 Google Docs 将从 HTML 迁移到基于 Canvas 渲染?
www.zhihu.com/question/45…
有一种文艺复兴的感觉。

开源资讯

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

Flutter-Responsive-Admin-Panel-or-Dashboard:漂亮的 flutter 管理面板
github.com/abuanwar072…
对于想学习 flutter 的同学可以试试还是很漂亮的。

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

SwiftUI-Hooks:受 react hooks 影响的 SwiftUI Hooks
github.com/ra1028/Swif…
相比 OC 来说,个人很喜欢 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:手机软件发版自动工具
github.com/automizer/m…
你可以通过这个自动化工具来自定义Android、iOS软件的编译、上传、版本管控。

他山之石

Google I/O 2021 的视频版本出来了
www.youtube.com/playlist?li…
可以看很长时间的视频,不过不说视频制作很精美,手语翻译同学超级有感觉。

AhaClub X 少楠「我想用 flomo 改善一代人的思考方式」
www.xiaoyuzhoufm.com/episode/600…
AhaClub 对最近比较潮流 flomo 记录软件的产品经理的一个播客记录,包括他对做产品的一些心得,值得一听。

如何看待微信将于 5 月 19 日停止小程序打开 App 技术服务?微信此举意在何处?
www.zhihu.com/question/45…
实话实说,我感觉很多时候微信做闭环做了很多损害用户体验的事情,这个停止打开小程序的需求明明是可以通过白名单申请来做的,直接就给一刀切了;作为前端,我还是坚信随处可访问的 url Web 生态才是王道。