# 第 117 期 - 好多高树

> 封面来源于周末西溪别院吃饭，杭州必吃榜味道还可以，不过人有些挤，吃完转角进入西溪湿地有一片这样的树林，旁边是湖水，挺好看。

- Issue: 117
- 发布日期: 2023/02/20
- HTML: https://weekly.tw93.fun/posts/117
- JSON: https://weekly.tw93.fun/api/posts/117.json
- English translation: https://weekly.tw93.fun/en/posts/117.md

---

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

<small>封面来源于周末西溪别院吃饭，杭州必吃榜味道还可以，不过人有些挤，吃完转角进入西溪湿地有一片这样的树林，旁边是湖水，挺好看。</small>

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

## 技术相关

**可以在浏览器页面运行 node 代码了**  
<https://juejin.cn/post/7201464975722332216>  
webContainer 很有必要去体验一次，这个思路很不错。

**交互式推荐在外卖场景的探索与应用**  
<https://tech.meituan.com/2023/02/17/interactive-recommendation-system-for-meituan-waimai.html>  
美团技术团队的一篇文章，和我们内部所说的端智能有一点点类似的效果。

**CSS Tips for Better Web Development**  
<https://www.builder.io/blog/css-tips-for-better-web-development>  
CSS 转眼间就已经出现 25 年了，有一些还是新颖的技巧可以一看。

## 潮流工具

**New Bing：终于给申请上了**  
<https://juejin.cn/post/7199557716998078522>  
终于用上了 new Bing 了，试用过程中答案感觉比 ChatGPT 要更全面更聪明些，对于国内网络环境而言要更稳定性些，此外还支持联想方式问答，右上角浮点入口还提供撰写稿子功能，由于我一直用 Edge 默认浏览器，替换到 DEV 也还算习惯，过程我参考的上面教程。  
<img src="https://gw.alipayobjects.com/zos/k/em/TinySnap-2023-02-16-22.26.52.png" width="800" />

**CodeGPT 的 VSCode 插件**  
<https://marketplace.visualstudio.com/items?itemName=vaibhavacharya.code-gpt-va>  
看到一个叫 CodeGPT 的 VSCode 插件，使用 AI 的能力在你的代码编辑器中及时解释代码的含义，随手测试了下说得还挺对，适合看你不熟悉的代码时候使用，还挺便捷。  
<img src="https://gw.alipayobjects.com/zos/k/ku/codegpt.gif" width="800" />

**TinySnap：网页截图弄出很漂亮的图**  
<https://chrome.google.com/webstore/detail/tinysnap-production-ready/ijobkfpianooemebecnbaafnjndhbdcl>  
现在我一般网页截图是用的「TinySnap」这款扩展，支持快捷键截图一键编辑出很漂亮的适合发社交网站的图片，背景颜色调得很是喜欢，有同样诉求的同学可以一试，免费版完全够用。  
<img src="https://gw.alipayobjects.com/zos/k/4n/SCR-20230218-suu.png" width="800" />

**为什么你们就是不能加个空格呢？**  
<https://chrome.google.com/webstore/detail/%E7%82%BA%E4%BB%80%E9%BA%BC%E4%BD%A0%E5%80%91%E5%B0%B1%E6%98%AF%E4%B8%8D%E8%83%BD%E5%8A%A0%E5%80%8B%E7%A9%BA%E6%A0%BC%E5%91%A2%EF%BC%9F/paphcfdffjnbcgkokihcdjliihicmbpd>  
有强迫症的同学写东西的时候一般会在中英文之间加个空格，会让整体阅读更加舒服，不过假如看到其他朋友的文章假如没有加空格会发出「为什么你们就是不能加个空格呢？」的叫声，其实可以会用这个 Chrome 扩展解决。  
<img src="https://gw.alipayobjects.com/zos/k/8c/ccb3fc5c-60ad-48fb-ba62-76ddd90a0f09.png" width="800" />

## 随便看看

**马桶里的大厂病**  
<https://hayami.typlog.io/bullshitjobs>  
松弛感太重要了，不然会活的特别累。

**中国近 7 亿人近视，给你验光配镜的人却有 90%不合格**  
<https://www.huxiu.com/article/798866.html>  
然而，碰到合格又经验丰富的验光师却并非易事。

**有来医生整理的急救指南**  
<https://m.youlai.cn/jijiu>  
看到一个有来医生整理的一很浅显易懂的「急救指南」，包括常见损伤、动物致伤、中毒急救、意外事故中的解决办法，对应页面配有视频和详细步骤，挑着看的过程能学到一些东西。