网站内容管理系统后台 设计( JSX语法的出现允许我们在javascript中中书写代码)

　　网站内容管理系统后台 设计(

JSX语法的出现允许我们在javascript中中书写代码)

　　前言

　　React 是 Facebook 创建的 JavaScript UI 框架。React 推动了 Virtual DOM（Virtual DOM）并创建了 JSX 语法。JSX 语法的出现让我们可以用 javascript 编写 HTML 代码。

　　VUE 由游玉玺开发。VUE 使用模板系统而不是 JSX。事实上，模板系统使用的是普通的HTML，因此升级应用程序更方便、更容易，无需进行整体重构。

　　VUE 比 React 更容易上手。如果你是一个有一定开发经验的开发者，你甚至不需要花额外的时间去学习，直接去开发和查看文档即可。

　　VUE 和 React 的区别

　　React 的想法是 JavaScript 中的 HTML 或 JavaScript 中的全部。HTML是通过JavaScript生成的，所以设计了JSX语法，CSS通过JS、community styled-component、JSS等操作。

　　Vue 将 HTML、CSS 和 JavaScript 结合在一起，并使用自己的处理方法。Vue 有一个单独的文件组件，可以将 HTML、CSS 和 JS 写入一个文件。HTML 提供了用于处理的模板引擎。

　　下面是两者的生命周期对比：

　　反应生命周期

　　VUE 生命周期

　　React 整体上是一个函数式的想法。在 React 中，它是一种单向数据流。建议结合immutable来实现数据的不变性。Vue 的思想是响应式的，它是基于可变数据的。它通过建立 Watcher 来监控每​​个属性。当属性发生变化时，相应的虚拟 DOM 会响应更新。

　　如上，所以React的性能优化需要手动完成，而Vue的性能优化是自动的，但是Vue的响应机制也有一个问题，就是当state特别大的时候，会有很多Watcher，这会导致落后。

　　React 和 VUE 的共同点

　　React 和 Vue 有很多共同点。例如，它们都是 JavaScript UI 框架，专注于创建前端丰富的应用程序。与早期的“全功能”JavaScript 框架不同，Reat 和Vue 只有框架的骨架，其他功能如路由和状态管理是框架分离的组件。

　　优势

　　反应

　　·灵活性和响应性：它提供了最大的灵活性和响应性。

　　·丰富的JavaScript库：来自世界各地的贡献者正在努力添加更*敏*感*词*。

　　可扩展性：由于其灵活的结构和可扩展性，React 已被证明更适合大型应用程序。

　　·持续开发：React 得到 Facebook 专业开发人员的支持，他们一直在寻找改进的方法。

　　Web 或移动平台：React 提供了 React Native 平台，可以通过相同的 React 组件模型为 iOS 和 Android 开发原生呈现的应用程序。

　　视图

　　·易用性：Vue.js 收录标准的基于 HTML 的模板，更易于使用和修改现有应用程序。

　　更流畅的集成：无论是单页应用还是复杂的网页界面，Vue.js 都可以更顺畅地集成更小的组件，而不会对整个系统产生任何影响。

　　· 更好的性能，更小的尺寸：它占用的空间更少，并且往往比其他框架提供更好的性能。

　　· 精心编写的文档：通过详细的文档提供简单的学习曲线，无需额外知识；HTML 和 JavaScript 将完成这项工作。

　　适应性：整体完善的设计和架构使其成为流行的 JavaScript 框架。它提供无障碍迁移、简单有效的结构和可重用的模板。

　　总结

　　如上所述，Vue 的响应机制也存在问题。当状态太多时，就会有很多观察者，这会造成滞后。所以大型应用（状态非常多）一般都使用React，可控性更强。但是为了易用性，VUE更容易上手，新人也更容易接手项目。

　　使用 React 的公司：Facebook、Instagram、Netflix、纽约时报、雅虎、WhatsApp、Codecademy、Dropbox、Airbnb、Asana、微软等。

　　使用 Vue 的公司：Facebook、Netflix、Adobe、Grammarly、Behance、小米、阿里巴巴、Codeship、Gitlab、Laracasts 等。

　　所以，没有什么技术更好或更好，只要适合自己的就是最适合的。