新闻
1.Chrome 浏览器内置了实时字幕功能（下图），看英文视频、听英文播客很有用。可以在菜单“设置/高级/Accessibility/Captions”，打开这个功能，详见官方文档
support.google.com/chrome/answ…
2. Umi 在 4.0.0-rc.13 中提供了 Vue 支持
github.com/umijs/umi-n…
3. Node.js 刚刚发布了 18.0.0 版本，内置了 fetch 和 node:test 等标准模块
zhuanlan.zhihu.com/p/502951532
好文分享
1. 现代 CSS 解决方案：CSS 数学函数之 calc
mp.weixin.qq.com/s/BB_Sk03m8…
2. 跨vue和react应用如何实现组件复用：web components
spin.atomicobject.com/2022/04/11/…
3. ts 实现日期类型
blog.logrocket.com/handing-dat…
4. 每个开发人员都应该知道邏33 JavaScript概念🤓️💯️
dev.to/eludadev/33…
5. 程序员延寿指南 | A programmer's guide to live longer
github.com/geekan/HowT…
6. 来自 Vue 官方团队的 57 个技术分享
juejin.cn/post/708774…
7. 如何在markdown中实现鱼骨图
css-tricks.com/making-merm…
8. 前端开发需要了解的 terminal 知识
www.joshwcomeau.com/javascript/…
9. 如何在windows10中安装 zsh
candid.technology/zsh-windows…
10. 超越库和框架的，不要重度使用框架和库
nilsnh.no/2022/04/09/…
11. 24个高翔人士的行为准则
blog.superhuman.com/24-habits-f…
12. 语雀文档编辑器将开源：始于但不止于Markdown
mp.weixin.qq.com/s/0WPwPhcvB…
13. css 小技巧：通过不同背景色的修改实现 hover 的酷炫效果
css-tricks.com/cool-hover-…
14. 推荐几个GitHub 上几款比较实用的 JSON 神器
zhuanlan.zhihu.com/p/509733112
工具与类库
1. Figma 转 HTML, CSS, React, Vue, 的figma插件，由builderio创建
github.com/BuilderIO/f…
2. builder.io 可以支持查看源码，转换成vue、react、svelte等
builder.io/
3. 编写组件一次，到处运行。可编译为Vue、React、Solid、Angular 的工具 mitosis
github.com/BuilderIO/m…
4. unocss 的playground，后还有很多语法提示以及mdn链接，内部，非常友好
uno.antfu.me/
5. 一个转化你开发内容到数据的工具，md(x) 转 data，nextjs，notion都在使用 --- contentlayer
github.com/contentlaye…
6. 💅 生成漂亮更新日志工具 changelogen
github.com/unjs/change…
7. 可视化搭建平台 tmagic-editor
github.com/Tencent/tma…，playground：tencent.github.io/tmagic-edit…
