第 03 菜谱：Web Development Trends in 2023

Hi，我是 Sea，欢迎打开新一期的「每周菜谱」，这是第「03」期，发表于 2023-01-30，我们先来看看每周有什么值得推荐的

每周推荐

10 Web Development Trends in 2023

https://www.robinwieruch.de/web-development-trends/

ROBIN WIERUCH 分析了 2023 年 Web 开发的 10 个趋势，推荐一读。10 个领域包括元框架、应用和渲染模式、Edge ServerLess、数据库复兴、JavaScript Runtime、MonoRepo、Utility-First CSS、类型安全、构建工具、AI 驱动开发。

20 Things I’ve Learned in my 20 Years as a Software Engineer

https://www.simplethread.com/20-things-ive-learned-in-my-20-years-as-a-software-engineer/

讲述 20 年工作经验工程师的 20 条 Tips，我读完很有收获，推荐一读

GIF vs PNG, JPEG, and WEBP - The Complete Guide to Image Formats

https://www.svgator.com/blog/gif-vs-png-jpeg-webp-image-formats-guide/

一篇关于图像格式的科普文

CLI tools you won’t be able to live without 🔧

https://dev.to/lissy93/cli-tools-you-cant-live-without-57f6

50 个开发必备的 CLI 工具

技术实践

完爆 ant design 的定位组件！floating-ui

https://juejin.cn/post/7171054283591254029

现代 JS 库打包指南

https://github.com/frehner/modern-guide-to-packaging-js-library/blob/main/README-zh_CN.md

本指南旨在提供一些大多数库都应该遵循的一目了然的建议。以及一些额外的信息，用来帮助你了解这些建议被提出的原因，或帮助你判断是否不需要遵循某些建议。这个指南仅适用于 「库（libraries）」，不适用于应用（app

我让虚拟 DOM 的 diff 算法过程动起来了

https://juejin.cn/post/7160281215940067336

Dom Diff 可视化

手摸手带你实现一个时间轴组件

https://juejin.cn/post/7157917487953084429

Five Challenges to Building an Isomorphic JavaScript Library

https://doordash.engineering/2022/12/06/five-challenges-to-building-an-isomorphic-javascript-library/

Several challenges arose in even this very simple, fictitious isomorphic library, including:

1. Choosing the right dependencies

2. Designing a unified API between environments

3. Ensuring dependencies only affect intended environments

4. Testing every environment

5. Observability — metrics, and logging

前端 mock 数据的几种方式

https://mp.weixin.qq.com/s/kTG2a8T6T2hEJEwDrjfwSw

具体需求开发前，后端往往只提供接口文档，对于前端，最简单的方式就是把想要的数据写死在代码里进行开发，但这样的坏处就是和后端联调前还需要再把写死的数据从代码里删除，最好的方式是无侵入的 mock 。下边介绍几种常用的方式，大家可以结合自己的项目来选取。

拓展边界

如何高效管理一万条浏览器书签？让效率提高足足 14 倍！

https://www.bilibili.com/video/BV16s4y1x7Ha/?vd_source=340c3fc924b0c4be6baa9bb2af1224a9

什么是 Evergreen Note (长青笔记)？

https://medium.com/pm%E7%9A%84%E7%94%9F%E7%94%A2%E5%8A%9B%E5%B7%A5%E5%85%B7%E7%AE%B1/%E4%BB%80%E9%BA%BC%E6%98%AF-evergreen-note-%E9%95%B7%E9%9D%92%E7%AD%86%E8%A8%98-5f0b2c7b6547

Evergreen Note 是一套筆記概念，目標是將碎片化的筆記資訊，逐漸發展成知識主題，最終成為個人知識體系的一部分。

Evergreen Note 並非是全新的筆記概念，它奠基於 Zettelkasten 卡片盒筆記法之上，甚至可以說是因應現代人資訊爆炸的現況，優化了 Zettelkasten 卡片盒筆記法

干眼症

https://ask.dxy.com/index?entrysource=APPiOS#/item/disease/4164?dxa_adplatform=appfxwxhy

工作游玩的时候，不要忘记保护好你的眼睛，干眼是指各种因素引起的泪液质和量异常或动力学异常，导致泪膜稳定性下降，造成眼部不适、视力损害与眼球表面损害的一种眼科疾病

我是如何艰难地克服「效率成瘾」的？

https://blog.jimmylv.info/2022-02-18-Efficiency-Thinking-01-How-Did-I-Struggle-To-Overcome-Efficiency-Addiction/

所有的效率工具都有两个属性，第一个是它的玩具属性，第二个是工具属性。那么找到的第一个克服效率成瘾的办法，就是一定要区分当前自己是在「玩玩具」还是在「用工具」

10 分钟信箱

https://10minutemail.com/

只有 10min 的信箱，用完就丢，避免收到垃圾邮件的最好方式

小结

如果你喜欢每周菜谱，请转发给你的朋友，告诉他们来这里进行订阅~

订阅地址：https://mrseawave.github.io/blogs/

每周菜谱，让你做饭更开心~