2023.05月刊

资源工具

Textual Markdown Browser

https://github.com/willmcgugan/textual-markdown 一个终端MarkDown文件渲染器，适合用终端阅读md文件

一些免费的共享ChatGPT账号

https://chat-shared.zhile.io/shared.html

Pake

https://github.com/tw93/Pake

利用 Rust 轻松构建轻量级桌面应用

cypress

https://github.com/cypress-io/cypress
基于 JavaScript 的下一代前端测试工具

VanJS (Vanilla JavaScript) - A 1.2kB Reactive UI Framework without JSX
VanJS 是一个超轻量级、零依赖和无偏见的反应式 UI 框架，基于纯粹的 vanilla JavaScript 和 DOM。它提供了声明性 DOM 树组合、可重用组件、响应式状态绑定等功能，类似于 React，但不需要 React、JSX、转换、虚拟 DOM 或任何隐藏逻辑。VanJS 非常容易学习，只有四个导出函数在 API 中，并且提供了 TypeScript 支持。它的打包大小仅为 1.2kB，比大多数流行的 UI 框架小 100 倍以上。

可视化正则

https://regex-vis.com/

轻量级滚动页面特效库

https://github.com/alexfoxy/lax.js
简单和轻量级（小于4kb gzipped）vanilla JavaScript库，当您滚动时创建平滑和美丽的动画。

qwik

https://qwik.builder.io/
无论你的网站有多复杂，它都能提供极快的加载速度。之所以如此快，是因为它在初始化的时候并不加载 JavaScript 代码，只有当用户与网站交互时才加载对应的代码。

zeabur

https://dash.zeabur.com/
Zeabur 可以自动地分析项目的代码，来判断项目使用的是什么编程语言或开发框架。你所需要做的事，就只是把代码编写完成，并提交到 GitHub，剩下的事就交给我们

TinyCLI

https://opentiny.design/tiny-cli/home

page-spy-web

https://huolalatech.github.io/page-spy-web/

nginx-proxy-manager

https://github.com/NginxProxyManager/nginx-proxy-manager
一款强大的 Nginx 可视化管理平台。它开箱即用支持 Docker 一键部署，可以让用户通过 Web 界面在线配置、管理 Nginx 服务，支持转发、重定向、SSL 证书、高级配置等功能。

eg

https://github.com/srsudar/eg
常用的 Linux 命令示例查询工具。它提供了 Linux 命令的常见用法，不仅使用方便而且示例简洁实用。

Legend-Motion

https://legendapp.com/open-source/motion/
Legend-Motion是React Native的声明式动画库，可以轻松地在样式之间转换，而无需管理动画。

技术新视界

2023 Web Components 现状

【第2931期】2023 Web Components 现状
文中讲述来Web Components目前正在被诸如YouTube，PhotoShop，MSN, Edge, Bing使用的案例，同时讲述了其目前已覆盖的领域甚至已经用到了SpaceX，一些新的标准范式和提案正在被落实，值得关注！

I want to talk about WebGPU

https://cohost.org/mcc/post/1406157-i-want-to-talk-about-webgpu
作者很详尽的讨论了对WebGPU的看法。

云谦的周刊2023/05/08

https://mdhweekly.com/weekly/issue-0098 值得关注的有以下几章

The New JavaScript Features Coming in ECMAScript 2023

https://thenewstack.io/the-new-javascript-features-coming-in-ecmascript-2023/
今年正式标准化 JavaScript 语言的 ECMAScript 年度更新将于 2023 年 39 月获得批准，但关于新语言特性的四个提案已经进入第四阶段。这意味着它们已经被 ECMAScript 的编辑在管理语言标准的 TC39工作组中签署，通过了测试套件，并且至少在两个实现中交付，以检查实际性能和问题。

How large DOM sizes affect interactivity, and what you can do about it

https://web.dev/dom-size-and-interactivity/
较大的DOM大小对交互性的影响比您想象的要大。本指南解释了原因以及您可以做些什么。

Deno 1.34: deno compile supports npm packages

Deno 1.34: deno compile supports npm packages
这个次要版本主要专注于提高与npm和Node.js的兼容性，提高整体生活质量和开发人员体验，并为未来的性能增强奠定基础

Google I/O 2023

Google I/O 2023 — 前端开发者划重点

技术方案

基于Sentry高效治理前端异常

【第2932期】基于Sentry高效治理前端异常
文章内所有异常上报及异常分析都是基于异常处理开源平台 Sentry ，其他异常处理平台或自建平台可根据实际情况参考。本文主要分为以下几个部分：

异常治理的重要性
前期异常数据处理
高效发现异常
高效解决异常

使用TypeScript
代码静态扫描
对第三方依赖的控制
标准化方案(图片怎么引入、国际化怎么写、CSS 解决方案、请求解决方案、API 格式)

上线前

单元测试 E2E测试 + 纯前端全覆盖测试
变更卡点 + Code Review + 灰度
应急措施

上线后

监控+报警
巡检+质量运营