winty~~-优快云博客

转载前端异常隔离：Proxy、Web Workers 与 iframe 的深度对比

Web Workers是浏览器提供的多线程机制，插件代码运行在独立的线程中，完全隔离于主线程，无法直接访问DOM或其他主线程资源。和Proxy的主要区别在于隔离的层次：Proxy是逻辑层面的隔离，而Web Workers是物理层面的线程隔离。iframe虽然提供了浏览器级别的隔离，每个iframe有独立的渲染进程和JavaScript执行环境，但它的资源消耗较大，每个iframe需要加载完整的文档环境，对于需要频繁创建和销毁的场景不合适。：终极隔离，但成本和复杂度较高，适合完全不可信内容。

2025-03-21 09:15:40 25

转载 ES15 中最具变革性的 5 个 JavaScript 特性

我原本期望有一个新的实例方法，如 Array.prototype.groupBy，但不知出于什么原因，他们把它变成了静态的。从复杂的异步功能到语法数组糖和现代正则表达式，JavaScript 编码变得比以往任何时候都更容易、更快捷。但最大的区别在于：这两个代理可以存在于完全不同的代码上下文中 — 它们只需要访问同一个缓冲区。随着 ES15 和有前途的提案的推出，JS 功能有了全新的升级。ES15 为我们提供了解决此问题的方法：可调整大小的数组缓冲区。当代理 2 完成后，它会使用共享缓冲区作为通道进行通知。

2025-03-21 09:15:40 15

转载使用抽象语法树把低代码配置转换成源码

与传统的语法树不同，AST 省略了与语法相关的无关细节，比如空格和括号，而只关心代码的逻辑和语法结构。通过配置可以知道方法内部其实就是调用 modal 组件的 open 方法，调用一个组件内部方法，需要用到 ref，所以我们需要为所有组件都创建对应的 ref。使用 node 起一个 express 服务，对外暴露生成代码接口，前端调用这个接口，并且把当前页面 json 数据传到后端，后端解析 json 数据生成抽象语法树，然后通过抽象语法树生成代码。，可以深入理解和分析代码。

2025-03-20 09:16:03 35

转载使用这个新的 ECMAScript 运算符告别 Try/Catch！

如果出现问题，您将获得 [error, null]，如果一切正常，您将获得 [null, result]，而不是深度嵌套。= 运算符借鉴了 Go、Rust 和 Swift 等语言中先进的错误处理实践，这些语言以强大的错误管理而闻名。= 运算符可以使用 Symbol.result 处理嵌套对象，使复杂的错误场景更易于管理。概述：通过将错误放在 [错误，数据]?= 运算符提供了一种统一的错误处理方法，使您的代码在各种 API 中保持一致。问题：不同的 API 通常需要不同的错误处理技术，从而造成不一致。

2025-03-20 09:16:03 25

空空如也

空空如也