# 第 105 期 - 西湖音乐节

> 封面来源于上周天的西湖音乐节舌头 feat.老丹的表演，舞台很震撼，但偏实验摇滚性质，还不是太能接受，有一种那种重机枪狂扫你心脏的感觉，机枪一停心脏就停止的那种，只能远远听听，还是梅卡德尔的摇滚最牛逼。

- Issue: 105
- 发布日期: 2022/12/20
- HTML: https://weekly.tw93.fun/posts/105
- JSON: https://weekly.tw93.fun/api/posts/105.json
- English translation: https://weekly.tw93.fun/en/posts/105.md

---

<img src="https://gw.alipayobjects.com/zos/k/7i/IMG_1730.jpg" width=900/>

<small>封面来源于上周天的西湖音乐节舌头 feat.老丹的表演，舞台很震撼，但偏实验摇滚性质，还不是太能接受，有一种那种重机枪狂扫你心脏的感觉，机枪一停心脏就停止的那种，只能远远听听，还是梅卡德尔的摇滚最牛逼。</small>

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

## 技术相关

**16 Ways to Improve Your CSS Skills Quickly**  
<https://torquemag.io/2022/11/css-best-practices/>  
国外的一篇文章，讲了 16 种 CSS 能力的提升的方法。

**百度 APP iOS 端内存优化实践-内存管控方案**  
<https://mp.weixin.qq.com/s/dETOGD3NYU2SdZhxGu0SZg>  
"超过 150M 页面有 40 个，耗内存最多的页面有 400M。单个页面不会有内存或者稳定性问题，但是当用户浏览了很多页面之后，累加起来内存已经很高了，再加上我们为了追求秒开，经常采用的思路是以空间换取时间，从而导致 APP 处于一个内存高水位状态"，感觉这算国内大厂 App 的卡顿点的常态了。

**一文详聊前端异常原理**  
<https://blog.csdn.net/weixin_45709327/article/details/127272384>  
本文将详细的阐述前端异常原理，把作者近 2 年在前端监控领域中与异常打交道的经验分享给大家。

## 潮流开源

**卡片式 SigmaOS 浏览器 1.0 版本了可下载了**  
<https://sigmaos.com/>  
一个比 ARC 浏览器更加注重卡片、分类、空间的潮流浏览器，喜欢尝试新东西的同学可以去玩玩。
<img src="https://cdn.tw93.fun/blog/upic/5sgHad.gif" width="800" />

**HyperUI：精致的 Tailwind CSS 组件库**  
<https://www.hyperui.dev/>  
非常推荐大家试试 Tailwind CSS 库，简洁漂亮，熟悉了一次以后，再次用很顺手，最近发现 HyperUI 组件库做得很不错，即使不懂前端情况下也能够通过 Copy 代码随便改改做出精致的效果。  
<img src="https://gw.alipayobjects.com/zos/k/3r/4.gif" width="800" />

**DEVICES.CSS：用纯 CSS 实现苹果全家桶效果**  
<https://devicescss.xyz/>  
<img src="https://cdn.tw93.fun/blog/upic/zxi2eJ.png" width="800" />

**RegexLearn：游戏化思路学习正则**  
<https://regexlearn.com/zh-cn>  
正则其实对工程师而言是很重要的一个技能，不过很多时候深入的人越来越少了，很有必要学习一波。  
<img src="https://gw.alipayobjects.com/zos/k/g3/7UptTR.png" width="800" />

**ridermansb：我的 NPM 自我介绍**  
<https://github.com/Ridermansb/ridermansb>  
直接 npx xxx 就可以获取到你的信息，有兴趣的同学可以去玩玩。  
<img src="https://gw.alipayobjects.com/zos/k/sn/MEYCoT.png" width="800" />

## 随便看看

**电子时代，我们是否还需要纸笔笔记？**  
<https://sspai.com/prime/story/vol07-why-do-we-still-use-paper-notes>  
其实我一直觉得用手写字记录的那种方式感觉比键盘敲到电脑上有记得深刻一些。

**华南理工，怎么成了新能源的“黄埔军校”？**  
<https://www.huxiu.com/article/716753.html>  
从何小鹏到曾毓群，华工校友撑起新能源汽车半壁江山。

**查理·芒格怎么看加密货币？**  
<https://www.huxiu.com/article/716318.html>  
从 FTX 交易公司破产，来看比特币和加密货币在 FTX 交易所崩溃后的情况。

**每期一个惊讶的代码效果：About Us Pop-Out Effect**  
<https://codepen.io/ainalem/pen/QWGNzYm>  
适合放到展示人物的场景，还是很有惊喜感觉的，人动起来了。  
<img src="https://gw.alipayobjects.com/zos/k/1a/1.gif" width="800" />