潮流前端周刊(第 9 期)- 华山

avatar
公众号 @fliggyfe

封面图摄于华山山顶,超险的一座大山,好些坡度将近 80 度,爬了一天到达山顶景色很壮阔,西安除了吃外值得一去的地方

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

好文和学习

企业级数据可视化应用有哪些机遇与挑战?
mp.weixin.qq.com/s/vvKPJZCZN…
蚂蚁@御术在外滩大会关于企业级可视化的分享文字版,从为什么需要、当前挑战和问题和未来趋势来阐述,很适合前端同学一读

CodeSandbox 是如何让 npm 上的模块直接在浏览器端运行的
www.yuque.com/wangxiangzh…
How we make npm packages work in the browser 的一篇翻译文章,译者加入了自己的理解,利用这个思路其实对于一些线上开发的场景可以做不少事情

What the fuck JavaScrip t 中文版?
github.com/denysdovhan…
哈哈哈哈,原来 "b" + "a" + +"a" + "a" = "baNaNa",还有[1, 2, 3] + [4, 5, 6]; // -> '1,2,34,5,6',你知道是为啥吗?还是不要写这样的代码

我可能连 GitHub 搜索都不会用
juejin.cn/post/689105…
原来 Github 上面搜索还有这么多神仙技巧...不过我还是觉得简单的才是比较好记住的

开源和工具

Nat - 可以替换你 ls 命令的工具
github.com/willdoescod…
比原有 ls 的展示效果要丰富漂亮不少,安装后我已经替换了原有 ls,执行cargo install natls,然后code .zshrc加上alias ls='natls'就好了

Tesseract.js - 支持 100 多种语言的纯 JS OCR
github.com/naptha/tess…
对应前端想识别图片中的文字可以用这个库来做,不过我一直用Bob这个 Mac 开源软件来做识别和翻译工具

Denoify-让 NPM 模块支持 Deno 且不需单独维护
github.com/garronej/de…
一个将 NPM 模块构建 Deno 模块的包,结合着 Github Action 其实就能做到无需手动去维护了,官方是这样介绍的 For NPM module authors that would like to support Deno but do not want to write and maintain a port for it

CSS Spider-一个抄网页 CSS 实现的 Chrome 扩展
cssspider.fresalabs.com/home
试用了下效果还不错,开启后,鼠标放到元素上,对应的样式就出来了,可快速 Copy 使用

Gitify-一个 github 消息通知的菜单栏工具
github.com/manosim/git…
用 Electron 实现的一个支持多端的实时通知软件,比较适合开源软件的维护同学

Asciinema - 方便录制命令行会话过程并通过链接分享
asciinema.org/
平时我们分享一个命令行的使用,一般是录制视频然后 mp4 文件方式分享给他人,这个工具可支持直接录制生成对应 url 给到他人同时支持所有人可见

跨端和 iOS

把闲鱼 APP 长列表流畅度翻了倍
mp.weixin.qq.com/s/dlOQ3Hw_U…
咸鱼关于 Android 原生、flutter 页面的长列表优化经验分享,一个良心教程

网易云音乐 iOS 14 小组件实战手册
mp.weixin.qq.com/s/gFd8fkJBk…
国内终于有厂商在慢慢跟进这个功能了,来看看网易音乐是怎么做的

抖音品质建设 - iOS 启动优化
mp.weixin.qq.com/s/3-Sbqe9gx…
一个 App 的启动速度给用户的印象很重要,也是让用户喜欢用的的一个因素,抖音 iOS 的启动优化从此文看做了不少事情也说明了原理所在

Flutter 之全埋点思考与实现
juejin.cn/post/689237…
埋点对于阿里前端的同学应该再熟悉不过了,不过假如我问你 Flutter 埋点的原理你知道吗?

QQ 音乐 Android 编译提速之路
juejin.cn/post/689195…
一直觉得 QQ 音乐整体 App 做的不错,借此文来学习一波 QQ 音乐团队在增量编译组件研发上的探索与实践

灵感和有趣

语雀产品经理的成长之路
www.yuque.com/fangqiao/oe…
为什么感觉语雀的产品越做越好,同时有一条主线执行下去呢?因为它的产品经理几年都没有换过

视觉设计中发现的 11 种视错觉
mp.weixin.qq.com/s/zGdXBq4RD…
日常中大家都可能会碰到一些神奇的场景,让人产生视觉错觉,本文来告诉你原因所在

Notion 的思想来源和投资人
mp.weixin.qq.com/s/eatQQa-Ar…
好吧这个软件之前就被“吹”得很火,我也反复几个月内至少试用过三次还是觉得有些复杂最后给放弃了,不过还是有很多人用上后就特别喜欢了

本文使用 mdnice 排版