# 第 156 期 - 富士山下 > 封面图来源于从大阪到东京新干线途中所拍，恰逢天气很好，拍到了远处的富士山 🗻，很很很不错，大概 5min 中观看时间。 - Issue: 156 - 发布日期: 2023/12/11 - HTML: https://weekly.tw93.fun/posts/156 - JSON: https://weekly.tw93.fun/api/posts/156.json - English translation: https://weekly.tw93.fun/en/posts/156.md ---

封面图来源于从大阪到东京新干线途中所拍，恰逢天气很好，拍到了远处的富士山 🗻，很很很不错，大概 5min 中观看时间。 > **记录每周看到的接地气的前端潮流技术，筛选后发布于此，觉得不错可关注此周刊，方便获取更新通知** ## 技术学习 **用 JS 获取系统的电量情况** 原来前端浏览器场景下可以通过 navigator.getBattery() 获取到当前系统的电池情况，是否在充电、当前电量、放电充电时间这些信息，可以想想可以用在什么场景？

**Hacker News：您见过的最好的讲座是什么？** Hacker News 上有一个这样的帖子，What's the best lecture series you've seen? 您见过的最好的讲座是什么？可以是技术方面的，也可以是其他方面的，是什么让它如此特别？有很多讨论，可以挑着看看。

**1 分钟带你了解 Bento box 设计趋势** 个人很喜欢这种设计风格，类似于便当盒的设计，不过其实挺难驾驭的。

## 潮流工具 **MJML：让邮件内容像网页一样展示** 应该有同学有想让邮件内容像网页一样展示，特别在企业订阅类邮件的场景，但是直接用网页基本上兼容性会有问题，特别是对于响应式布局的场景，发现一个叫 MJML 的语法可以帮助你简单快速写出带布局效果的好看邮件，这个思路还挺好的。

**iPhone 15 Pro 3D Mockups** 在 Figma 上看到一个 iPhone 15 Pro 3D Mockups 还可以，里面有不少 15 Pro 的 3d 模型可以直接使用，挑合适的还挺好的。

**GPTs “泄露” 的 prompt** 逛 Github 发现有人整理 GPTs “泄露” 的 prompt，哈哈哈哈有一种偷学咒语的感觉。

**Clipdrop：图片 AI 处理合集工具** 发现一个图片 AI 处理合集工具 Clipdrop ，包括 Stable Diffusion 生图、图片背景扩展、涂鸦变图像、擦出、去背景、光照优化、放大、背景替换等能力，免费版本完全够用，有需要小伙伴可以试试。

## 随便看看 **AI 生成图片著作权侵权第一案判决书** 北京互联网法院针对人工智能生成图片（AI 绘画图片）著作权侵权纠纷作出一审判决，据悉该案为 AI 生成图片相关领域著作权第一案，值得一看。 **2023 Design Tools Survey** 2023 关于设计师很全的一个设计工具调研报告，有方方面面比较想了解的内容。