Mitosis框架0.6.1版本发布：增强Angular支持

Mitosis是一个创新的前端框架，它允许开发者编写一次组件代码，然后编译输出到多个目标框架（如React、Vue、Angular等）。这种"一次编写，多端运行"的理念大大提高了开发效率，特别是在需要维护多个框架版本的项目中。

在最新发布的0.6.1版本中，Mitosis团队重点增强了Angular框架的支持，为Angular开发者带来了两个实用的新特性。

变更检测策略配置

在Angular应用中，变更检测策略对性能有重要影响。默认情况下，Angular使用Default策略，这意味着每次发生异步事件时，Angular都会检查整个组件树。对于复杂应用，这可能导致性能问题。

新版本允许开发者通过useMetadata钩子指定组件的变更检测策略为OnPush。这种策略下，Angular只会在组件的输入属性发生变化或组件显式标记为需要检查时才会执行变更检测，从而显著提高性能。

useMetadata({
  angular: {
    changeDetection: 'OnPush',
  },
});

HTML内容安全处理

Angular出于安全考虑，默认会对动态插入的HTML内容进行消毒处理。这在大多数情况下是必要的安全措施，但有时开发者需要完全控制HTML内容，特别是在处理可信来源的内容时。

0.6.1版本默认会绕过Angular的消毒处理，为开发者提供更大的灵活性。如果项目需要保持消毒行为，可以通过配置显式启用：

useMetadata({
  angular: {
    sanitizeInnerHTML: true, // 启用HTML内容消毒
  },
});

总结

Mitosis 0.6.1版本的这些改进展示了项目对多框架支持的持续投入，特别是对Angular生态系统的重视。这些特性不仅提高了开发效率，也为性能优化和安全控制提供了更多选择。对于需要在多个框架间共享组件代码的团队来说，Mitosis正成为一个越来越有吸引力的解决方案。