# 第 81 期 - 良渚的🦌

> 照片拍于周五下午和后端同学去良渚徒步团建，良渚公园着实很大很草原，其中有一个鹿苑，挺可爱的。

- Issue: 81
- 发布日期: 2022/06/07
- HTML: https://weekly.tw93.fun/posts/81
- JSON: https://weekly.tw93.fun/api/posts/81.json
- English translation: https://weekly.tw93.fun/en/posts/81.md

---

<img src="https://gw.alipayobjects.com/zos/k/fq/IMG_9201.jpg" width="800" />

<small>照片拍于周五下午和后端同学去良渚徒步团建，良渚公园着实很大很草原，其中有一个鹿苑，挺可爱的。</small>

> **记录每周看到的接地气的前端潮流技术，筛选后发布于此，觉得不错可关注此专栏，方便获取更新通知**

## 前端技术

**Web3 DApp 最佳编程实践指南**  
<https://guoyu.mirror.xyz/RD-xkpoxasAU7x5MIJmiCX4gll3Cs0pAd5iM258S1Ek>  
郭宇在推特置顶的一个关于 Web3 DApp 的教程，很不错，可以开始学起来了。

**如何把前端项目写成一座屎山？**  
<https://juejin.cn/post/7086735198942920712>  
哈哈哈哈哈哈哈哈哈哈哈哈。

**用 14 行 css 代码实现浅色深色模式**  
<https://dev.to/whitep4nth3r/light-and-dark-mode-in-just-14-lines-of-css-424e>  
最终其实关键是这个 css 属性`prefers-color-scheme`。

**现代 CSS 解决方案：CSS 数学函数**  
<https://segmentfault.com/a/1190000041826742>  
看了看`clamp()`记不太清是啥作用了。

## 潮流开源

**Pretty Clean：很简单的 Mac 清理工具**  
<https://pretty-clean.github.io/>  
最近在找一些得的不错的工具代替之前的一些，这个不错，很简洁，好用。  
<img src="https://cdn.tw93.fun/blog/upic/2QMJpJ.jpg" width="800" />

**Input Source Pro：Mac 输入法自动切换**  
<https://inputsource.pro/zh-CN>  
逛推特的时候看到作者介绍，的确要比之前用的更精美一些，也不错。  
<img src="https://cdn.tw93.fun/blog/upic/OLKVYI.jpg" width="800" />

**xterm.js：在浏览器里面做终端**  
<https://xtermjs.org/>  
展示的效果还是挺不错的。  
<img src="https://cdn.tw93.fun/blog/upic/7kJ38G.jpg" width="800" />

**fx：终端中的 json 预览**  
<https://github.com/antonmedv/fx>  
居然可以在命令行里面预览 json，同时可以收起展开的效果。  
<img src="https://cdn.tw93.fun/blog/upic/lnUBzM.jpg" width="800" />

## 随便看看

**为什么不选择留在农村生活，自给自足每天花销够用就好？**  
<https://www.zhihu.com/question/495733175>  
第一个答主回答的还挺有意境的，我觉得每个人都有每个人的选择，每个人都有快乐的人生，关键看你怎么过。

**如何看待手机 app 的开屏广告？**  
<https://www.zhihu.com/question/350585580>  
当作个人而言，其实我很不喜欢任何广告，包括将 icon 变成花里胡哨的软件基本上保持不更新的状态，这个回复我笑死了。
<img src="https://cdn.tw93.fun/blog/upic/i5vZ8j.jpg" width="800" />

**程序员郭宇，28 岁退休之后**  
<https://mp.weixin.qq.com/s/qzAxBsUEmOEYU_zaEcyy9Q>  
两年前财富自由、公开退休的程序员郭宇，如今又开始写代码。不同的是，以前他面对的是一同加班的同事，现在他面对的是一片青翠的麦田，和深绿的远山。

**Keep the web free,say no to Web3**  
<https://yesterweb.org/no-to-web3/>  
另外一种看法，辩证的去看。