--- url: https://sugarat.top/weekly/2023-08-20.md description: >- ① glitchtext - 毛刺字符生成 ② 博客园：会员救园 ③ Novel - 所见即所得的开源编辑器 ④ vanjs - 0.9kb的响应式UI框架 ⑤ Node.js 配置地狱问题 ⑥ 阮一峰:《TypeScript 教程》 ⑦ 基于 RPC 和 TypeScript 的 BFF 设计与实践 ⑧ 讯飞星火V2.0发布 --- # 视野修炼第50期 *笔者在GitHub开了个 discussion [🔥 技术&开源&文章推荐](https://github.com/ATQQ/sugar-blog/discussions/123)，欢迎读者推荐贡献内容或者知识渠道* 欢迎来到第 50 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介 \[\[toc]] **​也推荐大家关注一下最后的推荐内容（周刊的主要内容来源渠道）** 下面开始本期内容的介绍**ღ( ´･ᴗ･\` )比心**。 ## 🔥强烈推荐 ### [1. glitchtext](https://glitchtext.net/) - 毛刺字符生成 为字符加上毛刺效果的网页工具，这个可以在部分取名场景使用，比如游戏ID取名经常重复的情况（前提是目标设备支持） ![](https://img.cdn.sugarat.top/mdImg/MTY5MjUwMzE5NDAyOQ==692503194029) 比如上面的结果`H̥̅̃̇̕e̥̻̹̙͋̽̈́́l̩͇͕̇͐̐͋l̰̰̍o̱̎͜͜͝ ̟͍̥̎͆͐̈̀W̠͠o͕̍̌͊r̺̃͊̈́̅̓l̢͖͈̈͆d͇̺̓͒̂͘ͅ` 当然也支持中文（部分敏感词汇被过滤了），但不是所有编辑器都能展示出来 ![](https://img.cdn.sugarat.top/mdImg/MTY5MjUwMzYyNzk2NA==692503627964) ### [2. 博客园：会员救园](https://www.cnblogs.com/cmt/p/17520031.html) 如图： ![](https://img.cdn.sugarat.top/mdImg/MTY5MjUxNjE0NDY5NQ==692516144695) 目前有 99/399 两档，[支持人数可在线查看](https://home.cnblogs.com/vip) ![](https://img.cdn.sugarat.top/mdImg/MTY5MjUxNzY2MTY1NQ==692517661655) 读者可以选择性支持一下 ![](https://img.cdn.sugarat.top/mdImg/MTY5MjUxNjg4NzQ2Nw==692516887467) ## 🔧开源工具&技术资讯 ### [3. Novel - 所见即所得的开源编辑器](https://github.com/steven-tey/novel) 如果搞一些笔记或者文档撰写的小应用可以考虑 ![](https://img.cdn.sugarat.top/mdImg/MTY5MjUwNDEyMjU3NA==692504122574) ### [4. vanjs - 0.9kb的响应式UI框架](https://vanjs.org/) 实现使用类似 jsx 的语法编写 UI 下面是一个Counter的例子 ![](https://img.cdn.sugarat.top/mdImg/MTY5MjUwNDQxOTYzNQ==692504419635) 适合中小型的页面项目，编写一些简单demo还是不错 但是 2023 了 感觉Web场景框架额外带来的包体积大小对首屏的影响已经不是很大了 ### [5. Node.js 配置地狱问题](https://deno.com/blog/node-config-hell) > 这篇文章讨论了 Node.js 项目的配置地狱问题。为啥一个项目需要数十个配置文件？因为 JavaScript 生态没有主见，没有公认的社区最佳实践，这在一些其他语言里是比较少见的。 ![](https://img.cdn.sugarat.top/mdImg/MTY5MjUwNjYwNzQ1Nw==692506607457) 这里推荐一个 antfu 大神开发的 vscode 插件 [File Nesting Updater](https://marketplace.visualstudio.com/items?itemName=antfu.file-nesting)，自动将相关的配置文件进行折叠 ![](https://img.cdn.sugarat.top/mdImg/MTY5MjUwNjc2NDQzMw==692506764433) ### [6. 阮一峰:《TypeScript 教程》](https://mp.weixin.qq.com/s/POSNF8iMkb8Wc9WLOEjmhg) 阮一峰老师，前段时间刚出的新书，免费在线阅读，非常适合新手入门TS ![](https://img.cdn.sugarat.top/mdImg/MTY5MjUwNzA3NDU0Mw==692507074543) 👍🏻！👍🏻！👍🏻！ ### [7. 基于 RPC 和 TypeScript 的 BFF 设计与实践](https://mp.weixin.qq.com/s?__biz=MzA4Njc2MTE3Ng%3D%3D\&mid=2456151975\&idx=1\&sn=7d81ec04635396abeafdf7f723a09501\&scene=21#wechat_redirect) 文章介绍了一种基于 RPC 和 TypeScript 的 BFF 设计与实践。我们称之为 RPC-BFF，它利用前后端都采用同一语言（TypeScript）的优势，实现了其它 BFF 技术方案所不具备的多项功能，可以显著提升前后端数据交互的性能、效率以及类型安全。 ![](https://img.cdn.sugarat.top/mdImg/MTY5MjUxOTMwMDc5Nw==692519300797) ## 🤖AI工具&资讯 ### [8. 讯飞星火V2.0发布](https://mp.weixin.qq.com/s/NXUjpq225EaaPeB3iLqUFg) 同时还开放了API免费申请测试 ![](https://img.cdn.sugarat.top/mdImg/MTY5MjUwNTI5MDQzMQ==692505290431) 200w的免费token调用量，可以用来做一些小应用（主要是快，无需魔法） ![](https://img.cdn.sugarat.top/mdImg/MTY5MjUwNTU2MTQ1Ng==692505561456) 笔者规划下来套个chat app，回头搞完分享一下 ## 😛趣图 ![](https://img.cdn.sugarat.top/mdImg/MTY5MjUwNjAwODg0NQ==692506008845) *** 篇幅有限，如果你还没看够，可移步后面的推荐渠道，继续游览，历史周刊（<20）[移步博客](https://sugarat.top/weekly/index.html) ## ⭐️强力推荐关注 * [阮一峰: 科技爱好者周刊](https://www.ruanyifeng.com/blog/archives.html) - 记录每周值得分享的科技内容，周五发布 * [云谦：MDH 前端周刊](https://www.yuque.com/chencheng/mdh-weekly) - 前端资讯和分享 * [童欧巴：前端食堂](https://github.com/Geekhyt/weekly) - 你的前端食堂，吃好每一顿饭 * [前端RSS](https://fed.chanceyu.com/) - 根据 RSS 订阅源抓取最新前端技术文章