全文大约 1W 字，本文同时收录在公粽号：泡芙学前端。主要是由于我对 WASM 的兴趣而写下，其中还包括做了特别多的调研，希望看完能给读者带来收获。

在浏览器中直接运行并预览你编写的quarkc、vue或react等框架的组件。import导入CSS文件要如何处理？装饰器语法...能直接在浏览器中执行吗？JSX语法怎么处理？

如果你用过流程图绘制工具，那么可能会好奇节点之间的连接线是如何计算出来的： 不要走开，跟随本文一起来探究一下吧~

《React 开发思想纲领》的灵感来源于我实际开发中遇到的各种场景，是我做 React 开发时的一些思考，仅仅作为参考和建议。

沙箱，大家应该或多或少都接触过，作为非常有用的安全机制，应该对此有整体细致的掌握，因此小包本文携万字长文带你系统的了解、掌握沙箱，打通前端沙箱任督二脉。

微前端的特性：“技术栈无关”，“独立开发、独立部署”，“环境隔离” 这意味着我们可以循序渐进的进行巨石应用的拆解，去技术升级、去架构尝试、去业务拆解等等。以低成本、低风险的进行，为项目带来更多可能性

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

我想很多和我一样的朋友小时候都看过《天龙八部》，里面的女主角王语嫣是个武学博才，但自己却毫无实战。比如段誉和慕容复交手时，她连连口述指导："段郎，二龙爪手，抢珠三式，当心你的腰肋，注意你的气户穴。潘月偷心，扶手相望......"，虽然看着感觉都是一些最基本的拳脚功夫，但有解说在…

据我了解，前端程序员有相当一部分对“数据结构”和“算法”的基础概念都不是很清晰，这直接导致很多人在看到有关这部分的内容就会望而却步。 实际上，当你了解了“数据结构”和“算法”存在的真正意义，以及一些实际的应用场景，对它有了一个整体的认知之后，你可能会对它产生强烈的兴趣。当然，它…