第19期 - 落日西湖

封面图摄于日落时分的西湖边上,挑一个天气好的日子去走走还不错。

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

好文和学习

State of JS 2020
https://2020.stateofjs.com/zh-Hans/
一起来看看现在 JS 在世界上发展怎么样了。

Facebook 重构:抛弃 Sass / Less ,迎接原子化 CSS 时代
https://juejin.cn/post/6917073600474415117
写习惯了 Sass / Less,突然去写原子类的样式开始可能会很不习惯,但是到了用到很熟练时候,你会觉得真香,还可以减少大量无用样式体积。

JavaScript 元编程
https://mp.weixin.qq.com/s/1E8d5jYb0sFGPRk3pMLaHA
可能不少人不太了解 JavaScript 元编程的概念,可借此文来了解它是什么和有什么好处。

聊聊知乎小程序引擎
https://zhuanlan.zhihu.com/p/336829338
更像是一篇实现小程序引擎的细节文档,容易阅读不过比较长。

开源和工具

Mannequin.js - 关节人体模型的前端库
https://boytchev.github.io/mannequin.js/
API 设计得很清晰的一个简单库,效果还挺有喜感。

SpaceX API
https://github.com/r-spacex/SpaceX-API
SpaceX 开源的对应火箭、核心、太空舱、发射台和发射数据的 REST API。

Wasmer - 领先的 WebAssembly 运行时
https://github.com/wasmerio/wasmer
支持基于 WebAssembly 的轻量容器,可以在很多地方运行,如桌面端、云、IoT 设备,同时也支持多种语言。

Codelf - 变量命名神器
https://unbug.github.io/codelf/
适合命名纠结的程序员。

一个轻松帮你自动管理 issues 的 GitHub Action
https://github.com/actions-cool/issues-helper
还挺适合开源项目 issue 很多的时候使用,借助一定规则自动化的帮你管理 Issue。

iOS 和跨端

iOS 链接原理解析与应用实践
https://mp.weixin.qq.com/s/_3WXnDolNICs2euoJph44A
在 iOS App 开发中,程序的链接是由 Xcode 中自带的 LLVM 来帮助我们完成的,程序员们也因此更注重业务逻辑的编写。但其实了解链接的原理能让我们对 iOS 的底层有更深层次的认识,也有助于我们从底层原理方面去解决各种疑难问题。

Signal - 支持多端的私密聊天工具
https://github.com/signalapp/Signal-Desktop
桌面版是通过 JS 去实现的,有兴趣的同学可以去看看内部如何实现保密通信的。

灵感和设计

那些高效的界面设计工具
https://isux.tencent.com/articles/designtools.html
了解一波最近比较潮流的一些设计工具,Figma「飞个马」值得去尝试一下。

设计师必看的图标(icon)设计指南
https://mp.weixin.qq.com/s/2rp-SjrSh0ZjAyr7D-QOng
软件图标设计还是很重要的,很多时候看图表寻找比看文字要快不少。

豆瓣 2020 年度读书榜单
https://book.douban.com/annual/2020?source=movie_annual
好久没有好好读一本书了,2020 年的好书可 2021 来读。