zoukankan      html  css  js  c++  java
  • vue 与 react

    Vue和react相同之处:

      a)       使用虚拟DOM

      b)       提供了响应式和组件化的视图组件

      c)        注意力集中保持在核心库(渐进式框架),而将其他功能(路由、全局状态管理)交给相关的库

    优化

      在react应用中,当某个组件的状态发生变化时,它会以该组件为根,重新渲染整个组件子树。如果要避免不必要的子组件重渲染,你需要在所有可能的地方使用Purecomponent,或是手动实现shouldcomponentUpdate,同时需要不可变的数据结构(immutable)来使得组件更加容易被优化。然而,

      在vue中,组价的依赖是在渲染过程中自动追踪的,所以系统能精确的知道那个组件需要被重渲染,可以理解为每一个组件都自动获得了shouldcomponentUpdate

    HTML & CSS

      JSX & Templates

        在React中所有组件的渲染功能都依靠JSX,JSX是使用XML语法编写JavaScript的一种语法糖。优势:

          a)      可以使用完整的编程语言JavaScript来构建你的视图界面,

          b)     开发工具对JSX的支持比起现有可用的vue模版比较先进(linting、类型检查,编辑器的自动完成)

        Vue也提供了渲染函数,甚至支持JSX,然而更推荐的还是vue模版。

          优势:

            a)      对于很多习惯了HTML的开发者来说模版比起JSX读起来更加自然

            b)     基于HTML的模版使已有的应用逐步迁移到vue更为容易

            c)      也可以使用其他模版处理器(如Pug)来书写vue模版

      CSS

        React中CSS作用域是通过CSS-in-JS的方案来实现的(style-component)

             Vue也支持CSS-in-JS(styled-component-vue),vue中设置样式的默认方式是单文件组件中style标签(scoped则是防止样式覆盖)。通过vue-loader来对.vue文件进行编译

  • 相关阅读:
    mysql复习相关
    OpenStack三种类型的NAT转换
    openstack资料相关
    [转]Web 调试工具之 Advanced REST client
    [转]Aspose.Words.dll 将 Word 转换成 html
    [Android] 开发第十天
    [win10]遇坑指南
    [转]Explorer.exe的命令行参数
    [Android] 开发第九天
    [Android] 开发第八天
  • 原文地址:https://www.cnblogs.com/kingwu/p/10081457.html
Copyright © 2011-2022 走看看