奇舞周刊第 403 期：从 0 到 1 实现浏览器端沙盒运行环境

记得点击文章末尾的“ 阅读原文 ”查看哟~

下面先一起看下本期周刊 摘要 吧~

 

奇舞推荐

■ ■ ■

 从 0 到 1 实现浏览器端沙盒运行环境

本文的浏览器端 Sandbox 沙盒运行环境，大家可以快速理解为类似 CodeSandbox 一样，所有页面代码编译都在前端完成 (不依赖后端)，并且具备实时热更新功能。而本文终极目标就是实现这样的浏览器端 Sandbox 沙盒运行环境，可以轻松接入到大部分平台 (尤其低代码平台)，提升应用的预览速度和开发体验。

 一文了解 AsyncHooks

async_hooks 模块提供了用于跟踪异步资源的 API。在最近的项目里用到了 Node.js 的 async_hooks 里的 AsyncLocalStorage Api。之前对 async_hooks 也有所耳闻，但没有实践过，正好趁此机会深入了解下。

 Node 版 Spring - 那些让人眼前一亮的 NestJS 特性

本文主要谈及一些和其他 node 框架稍微差异的特性，比如依赖注入、控制器、管道、拦截器、模块、微服务。

技术实践

■ ■ ■

 手把手教你打造前端智能图标识别工具

今天为大家带来一篇硬核前端智能化教程，真·手把手教你用机器学习打造一个纯前端运行的图标智能识别工具。并附上完整代码，一起来体验前端智能化的魅力吧～

 【vite】你不知道的小妙招，确定不看一下吗？

本文将整理 vite 静态资源的几种处理方式，应用案例和源码分析相结合，带你 10mins 通关该模块知识~

 我优化了进度条，页面性能竟提高了 70%

本文给大家分享一个思路极好的进度条组件，同时它也存在非常严重的性能问题，本文也会讲解一下问题所在以及优化方式。

扩展边界

■ ■ ■

 谈一谈 Node.js Stream 中 Readable 类的源码实现

流 (Stream) 作为 Node.js 处理流式数据的抽象接口，是驱动 Node.js 应用的基础概念之一。在日常使用中，如 HTTP 服务器的 request 和 response 对象都是流的实例。在 Node.js 中一共有四种基本的流类型：Readable、Writable、Duplex 和 Transform。本文尝试透过源码细节来归纳整理 Readable stream 的内部执行机制。

 聊一聊 TypeScript 编译器的使用

最近遇到一个需求，需要将一个变量定义的类型信息转为 json，转换的过程主要用到了 TypeScript 的编译器，通过对 TypeScript 生成的 AST 进行遍历，从而得到相应的类型数据。由于 TypeScript 对这一块没有详细的文档说明，所以在一番摸索之后，在此对所了解的一些知识做一个总结和汇总。

 如何设计签到类小游戏？

本文章将以摇京豆小游戏为例，浅谈在互动签到游戏的设计过程中如何逐步达到产品目标。

关于奇舞团

奇舞团是 360 集团最大的大前端团队，代表集团参与 W3C 和 ECMA 会员（TC39）工作。奇舞团非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。