摘要：
Vue的核心思想为数据驱动和组件化。 一、数据驱动——双向绑定 Vue是一种MVVM框架。而DOM是数据的一个种自然映射。传统的模式是通过Ajax请求从model请求数据，然后手动的触发DOM传入数据修改页面。Vue中，Directives对view进行了封装，当model里的数据发生变化是，Vue 阅读全文
摘要：
Vue.js是一个提供MVVM数据双向绑定的库，专注于UI层面，核心思想是：数据驱动、组件系统。 1.数据驱动： Vue.js数据观测原理在技术实现上，利用的是ES5Object.defineProperty和存储器属性: getter和setter（所以只兼容IE9及以上版本），可称为基于依赖收集 阅读全文
摘要：
React是Facebook推出的面向视图层开发的一个框架，用于解决大型应用，包括如何很好地管理DOM结构，是构建大型，快速Web app的首选方式。 React使用JavaScript来构建用户界面，因此可以说是一个用来构建用户界面的JavaScript库。 1、为什么使用 React？ Reac 阅读全文
摘要：
React 发展很快，概念也多，本文目的在于帮助初学者理清 React 核心概念。 React 及 React 生态 React 的核心概念只有 2 点： 声明式渲染(Declarative) 基于组件(Component-Based) 声明式渲染(Declarative) 基于组件(Compone 阅读全文
摘要：
React 的核心思想是组件化的思想，应用由组件搭建而成，而组件中最重要的概念是State（状态），State是一个组件的UI数据模型，是组件渲染时的数据依据。 一. 如何定义State 定义一个合适的State，是正确创建组件的第一步。State必须能代表一个组件UI呈现的完整状态集，即组件的任何 阅读全文
摘要：
在Web开发中，需要将数据的变化实时反映到UI上，这时就需要对DOM进行操作，但是复杂或频繁的DOM操作通常是性能瓶颈产生的原因，为此，React引入了虚拟DOM（Virtual DOM）的机制。 一、什么是虚拟DOM？ 在React中，render执行的结果得到的并不是真正的DOM节点，结果仅仅是 阅读全文
摘要：
一、什么是虚拟DOM 虚拟DOM可以看做一棵模拟了DOM树的JavaScript对象树。比如： 二、为什么使用虚拟DOM 在传统的 Web 应用中，我们往往会把数据的变化实时地更新到用户界面中，于是每次数据的微小变动都会引起 DOM 树的重新渲染。 虚拟DOM的目的是将所有操作累加起来，统计计算出所 阅读全文
摘要：
用react进行开发组件时，我们需要关注一下组件内部方法this的指向，react定义组件的方式有两种，一种为函数组件，一种为类组件，类组件内部可以定义一些方法，这些方法的this需要绑定到组件实例上，小编这里总结了一下，一共有四种方案： 第一种方案，在构造函数内部使用bind绑定this，这样做的 阅读全文
摘要：
函数定义组件的例子 function Welcome(props) { return <h1>Hello, {props.name}</h1>; } 该函数是一个有效的 React 组件，它接收一个单一的 “props” 对象并返回了一个 React 元素。 函数定义组件 与 类组件的区别 1.函数 阅读全文
摘要：
React 中创建 Components 的方式有两种：Function and Class 定义一个组件最简单的方法就是写一个 JavaScript 函数 因为Welcome函数接受单个携带数据的props对象并且返回一个React元素，所以它就是一个组件。这种通过字面表达式函数创建的组建通常叫做 阅读全文