浏览器如何渲染页面
Populating the page: how browsers work
用户体验好的网页的标准:1、快速加载;2、交互流畅。
之前做了一个工具 CubeTrans,可以将 “Vue” 代码转译成了 React 代码,具体参考这篇文章 将 "Vue" 转译为 React。为了让 CubeTrans 有用,又做了 CubeTransDev 工具,核心功能是实时监听文件变化。当监听到代码或 mock data 变化时,能够自动编译并实时预览。
本文记录了如何将 Vue 语言转译为 React 语言。主要目的是,当你面对此类源代码分析工作时,能够找到一些结构化处理的思路。
标题中的 Vue 加上了引号,因为要转译的 Vue 代码不是包含了所有 Vue 语言特性的代码,而是 Vue 的一个子集。Cube 技术解读 | 支付宝新一代动态化技术架构与选型综述 这篇文章介绍了支付宝中使用的动态化框架,“对于Cube卡片,支持基于精简vue的card-dsl。”
Cube 卡片是一种客户端技术,进行 Cube 卡片研发需要进行繁琐的开发环境配置,将 Vue 转译为 React 能够在浏览器中实时预览,提升研发效率。将精简的 Vue 语法转译为标准的 Vue 语法也能实现浏览器预览,但公司里的 H5 项目均采用 React 开发,转译为 React 能够在 H5 项目中复用已有的 Cube 卡片。
暂将这个工具命名为 CubeTrans。
由于对死亡的认识所带来的反省,致使人类获得形而上学的见解,并由此得到一种慰藉。所有宗教和哲学体系,主要即为针对这种目的而发,以帮助人们培养反省的理性,作为对死亡观念的解毒剂。(叔本华)