加入收藏 | 设为首页 | 会员中心 | 我要投稿 惠州站长网 (https://www.0752zz.com.cn/)- 办公协同、云通信、物联设备、操作系统、高性能计算!
当前位置: 首页 > 建站 > 正文

前端:Vue和React的优点分别是什么?两者的最核心差异对比是什么?

发布时间:2019-07-18 17:35:56 所属栏目:建站 来源:代码开发
导读:副标题#e# Vue template 对比 JSX 我认为这只是「解决同一个问题的不同实现思路」,完全可以由开发者的个人偏好来决定。退一步讲,Vue 中也不是不可以使用 JSX;同样,JSX 也不是无法实现 Vue template 的特性,比如模版指令,我们完全可以从工程化的角度实

但是,在 React 框架之外,我们作为开发者还是可以通过工程化手段达到类似的目的,因为我们能够接触到 JSX 编译成 React.createElement 的整个过程。开发者在项目中开发 babel 插件,实现 JSX 编译成 React.createElement,那么优化手段就是是从编写 babel 插件开始:

前端:Vue和React的优点分别是什么?两者的最核心差异对比是什么?

当然 React 并不是没有意识到这个问题,他们在积极的同 prepack 合作。力求弥补构建优化的先天不足。

Prepack 同样是 FaceBook 团队的作品。它让你编写普通的 JavaScript 代码,它在构建阶段就试图了解代码将做什么,然后生成等价的代码,减少了运行时的计算量,就相当于 JavaScript 的部分求值器。

我就用 Prepack 结合 React 尝了个鲜:

前端:Vue和React的优点分别是什么?两者的最核心差异对比是什么?

对比:

前端:Vue和React的优点分别是什么?两者的最核心差异对比是什么?

这不正是 React 梦寐以求的吗?

另外一个 React 的方向就是 fiber 时间分片了, 尤雨溪说过:“React 是伤害已经造成,无法自身在预编译阶段做到更多,时间分片这样的优化只是在弥补伤害”。其实作为 React 的粉丝,这里吹了这么久 Vue,我发表一下我的想法:这反倒算是 React 多管齐下的一个做法。最后,上一个借助 Babel plugin AST 实现一个类似预编译优化:remove inline functions 的小例子。

前端:Vue和React的优点分别是什么?两者的最核心差异对比是什么?

预编译后:

前端:Vue和React的优点分别是什么?两者的最核心差异对比是什么?

(编辑:惠州站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读