---
url: https://sugarat.top/weekly/2024-12-01.md
description: >-
  ① 免费的页面模板 1500+ ② GitHub 数据分析的瑞士军刀 ③ Spoiler - 内容隐藏组件 ④ 简单的文本 diff 工具 ⑤ Vite
  6.0 发布 ⑥ rmtrash - 移到废纸篓的终端工具 ⑦ 浏览器的存储方法比较
---

# 视野修炼第112期 | GitHub 数据分析

**接了个大活儿，本周加了2天班 💢，周刊更新稍晚！**

欢迎来到第 112 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介

\[\[toc]]

下面开始本期内容的介绍**ღ( ´･ᴗ･\` )比心**。

## 🔥强烈推荐

### [1. 免费的页面模板 1500+](https://htmlrev.com/)

![](https://cdn.upyun.sugarat.top/mdImg/sugar/72407809dc88d3afdd23a3f6c2124920)

网站本身不包含任何模板，整合链接到第三方资源。

*收藏就对了❤️！*

### [2. GitHub 数据分析的瑞士军刀](https://github-insights-pro.toolsnav.top/)

![](https://cdn.upyun.sugarat.top/mdImg/sugar/0fed21a87a3134f27ead15c34a2079c7)

> 不只是另一个数据统计工具。提供全方位的 GitHub 数据分析，从个人代码足迹到全球开发者排行，帮助深入了解开源世界的方方面面。无论是寻找优秀项目、发现热门开发者，还是展示自己的编程生涯，都能满足。

*收藏了❤️。*

## 🔧开源工具&技术资讯

### [3. Spoiler](https://github.com/molefrog/spoiled) - 内容隐藏组件

一个 React 组件，默认将内容隐藏隐藏，用户交互后才予以显示！

![](https://cdn.upyun.sugarat.top/mdImg/sugar/ff79861afe211de7ec971f3ffbfe71a6)

隐藏前后内容对比↑，用法也简单↓：

```tsx
import { Spoiler } from 'spoiled'

<Spoiler>
  要藏起来的内容，可以是图片
</Spoiler>
```

### [4. 简单的文本 diff 工具](https://difftext.com/)

![](https://cdn.upyun.sugarat.top/mdImg/sugar/1b041e9e2f2880e3ff546617fa56d635)

### [5. Vite 6.0 发布](https://cn.vite.dev/blog/announcing-vite6.html)

> 2024年11月26日发布

![](https://cdn.upyun.sugarat.top/mdImg/sugar/36385c32a52f7332a10604f2f3aa2a0e)

通篇看下来，这算是一个承上启下的过渡版本，大的估计在下个版本，不过现在升级了，下次能更平滑的迁移能。

*大的要来了！*

### [6. rmtrash](https://github.com/TBXark/rmtrash) - 移到废纸篓的终端工具

macOS 命令行工具，可用于替代 `rm`。

“删除”文件/目录（比如 node\_modules 目录），感官上会快不少，误删了还能去废纸篓恢复。

![](https://cdn.upyun.sugarat.top/mdImg/sugar/44e95d849aff2256e6b40c06646379ca)

## 📚教程&文章

### [7. 浏览器的存储方法比较](https://rxdb.info/rx-storage-opfs.html)

除众所周知的 `localStorage`,`cookie`,`indexDB` 外，作者还介绍了较新的 2 种：

* `OPFS（ Origin Private File System）`：源私有文件系统，只能处理二进制数据
* `WASM SQLite`: 将 SQLite 编译为 WASM 格式，以支持在浏览器中运行

## ⭐️强力推荐关注

> 周刊部分内容来源如下渠道，推荐大家关注。

* [阮一峰: 科技爱好者周刊](https://www.ruanyifeng.com/blog/archives.html) - 记录每周值得分享的科技内容，周五发布
* [云谦：MDH 前端周刊](https://sorrycc.com/mdh/) - 前端资讯和分享
* [童欧巴：前端食堂](https://github.com/Geekhyt/weekly) - 你的前端食堂，吃好每一顿饭
* [前端 RSS](https://fed.chanceyu.com/) - 根据 RSS 订阅源抓取最新前端技术文章
* [值得一读技术博客](https://daily-blog.chlinlearn.top/) - 每天进步一点点，每天分享有料的技术文章！
* [FRE123 技术周刊精选](https://www.fre321.com/weekly) - 技术周刊精选推荐信息流