vue 和 react 的相同点 1.他们都是JavaScript的框架,专注于创造前端的富应用
2.不同于早期的JavaScript框架“功能齐全”,React与Vue只有框架的骨架,其他的功能如路由、状态管理等是框架分离的组件。
3.Vue.js(2.0版本)与React的其中最大一个相似之处,就是他们都使用了一种叫’Virtual DOM’的东西都鼓励组件化
4.看到React和Vue都有’props’的概念,这是properties的简写。props在组件中是一个特殊的属性,允许父组件往子组件传送数据。
5.React和Vue都有自己的构建工具,你可以使用它快速搭建开发环境
6.Re
2019-06-28
1503
vue
查看更多
如何引用react 单页面直接使用react.js文件很简单,只需要像引入普通js文件一样,通过script标签引入即可
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/babel-standalone@6.1
2019-01-08
1711
javascript
查看更多
react vue 相同点 以虚拟dom和diff算法为核心,通过操作数据来操作dom。
虚拟dom将2次数据改变的dom树结构生成2个js对象,以diff算法比较2个对象的异同点,若相同,则不更新dom;
若遍历到某一个节点时,发现异同点,则停止diff算法,更新该节点的所有子节点的dom结构.
1,都是用了Virtual DOM。
2,都提供了响应式和组件化的视图组件。
3,都将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关库。
react vue 不同点 vue通过getter、setter监听数据数据变化,react通过比较引用的方式监听数据变化,需要使用Pure
2018-11-09
1917
react
查看更多
什么是mvvm模式 m => model 模型 ,也就是数据
v => view 视图, 也就是页面dom
vm => view and model ,这可以理解成我们常说的 双向绑定, 视图可以影响数据(v -> m) ,数据也可以影响视图 (m -> v)
所以我们可以很明显的看到mvvm的特性 数据双向绑定
react 是什么 react 本身只是一个函数,
ui = render(data)
一个 dom 拼接工具,把数据拼成新 dom 替换旧 dom .
这样看来 react 只有视图,连状态都不存在,更不会有双向数据绑定.
react 结合状态管理
2018-01-10
2056
react
查看更多
一般来说, React 组件是一个组件类由 extends Component 创建,并且提供一个 render 方法以及其他可选的生命周期函数、组件相关的事件或方法来定义。
一个简单的例子:
import React, { Component } from 'react';
import { render } from 'react-dom';
class LikeButton extends Component {
getInitialState() {
return { liked: false };
}
handleClick(e) {
this.
2015-11-09
4813
javascript
查看更多
关于 React Native 学习 系列之如何定义css 样式
样式
React Native 不实现 CSS,而是依赖于 JavaScript 来为你的应用程序设置样式。这是一个有争议的决定,你可以阅读那些幻灯片,了解背后的基本原理。
声明样式
在 React Native 中声明样式的方法如下:
var styles = StyleSheet.create({
base: {
width: 38,
height: 38,
},
background: {
backgroundColor: '#222222',
},
active:
2015-11-07
10474
javascript
查看更多
在 React 下,我们需要考虑的,是每个组件在任意一个状态下应该怎么渲染。
(状态就是数据)
React 会把这些组件装配成页面。
然后当数据更新后, React 又把新数据传给组件,于是又根据新数据重新渲染
React 把重新渲染的结果和之前渲染的结果进行比对,找出需要更新的部分,进行更新。
我们只需要正确的更新数据/状态,不必再在渲染时考虑数据发生了什么变化(例如是增加了一条记录还是减少了一条记录?增加到什么位置?不需要考虑这些也就不需要考虑我们在进行 DOM 操作时插入到哪里等问题)。
我们只需要指定好规则(即给出任意一种状态,这个组件应该怎么渲染),并正确的更新状态,这些
2015-11-06
10619
javascript
查看更多
要求
OS X - 当前仅支持 OS X
推荐使用 Homebrew 的方式来安装 nvm,watchman 和 flow。
安装 Node.js 4.0 或者更新的版本。
使用 Homebrew 来安装 nvm 或者参考 它的安装指南。
接着运行 nvm install node && nvm alias default node, 它可以让您安装最新版本的 Node.js 并设置您的终端,所以你可以通过键入 node 来运行它。使用 Nvm 可以让您安装多个版本的 Node.js 并且在它们之间轻松切换。
npm 的更新之处。
brew 安装 wa
2015-11-02
5430
nodejs
查看更多
React Native 安卓应用程序所需要的开发环境的基本安装步骤
安装和配置 SDK
安装最新的 JDK.
安卓 SDK
brew install android-sdk
将它添加到 ~/.bashrc, ~/.zshrc 或者任何其他您的 shell 所使用的路径:
export ANDROID_HOME=/usr/local/opt/android-sdk
启动一个新的 shell 并且运行 android
➜ /Users/zhangzhi >android
Android SDK 生成工具版本 23.0.1
Android 6.0 (API 23
2015-11-02
4918
nodejs
查看更多