react
司马老峰
这个作者很懒,什么都没留下…
展开
-
React 入门(六)
实战 结合之前的学习,开发一个简单的项目,点击实现名片翻转: 主要组件: import React, { Component } from 'react'; import header from './header.svg'; import './Header.css'; class Header extends Component { constructor(props) ...原创 2018-09-11 23:04:49 · 114 阅读 · 0 评论 -
React 入门(一)
React 入门(一) React 介绍 React 由 Facebook 公司开发,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套。 React 设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和使用,认为它可能是将来 Web 开发的主流工具。 React主要用于构建UI。你可以在React里传递多种类型的...原创 2018-09-08 21:08:57 · 346 阅读 · 3 评论 -
React 入门(二)
JSX介绍 const element = <h1>Hello, world!</h1>; 以上述代码为例,React 中推荐使用 JSX 来描述用户界面。 JSX 是一种 Javascript 的语法扩展,是一种嵌入式的类似 XML 的语法。 它可以被转换成合法的 JavaScript,尽管转换的语义是依据不同的实现而定的。 JSX 最终会被转化成 javas...原创 2018-09-08 22:40:39 · 115 阅读 · 0 评论 -
React 入门(三)
虚拟 DOM const element = <h1>Hello, world!</h1>; React 中均是采用 JSX 来描述元素,这种元素与通常浏览器中的元素不同,事实上是它普通的对象,React DOM 可以确保浏览器 DOM 的数据内容与 React 元素保持一致。 这便是虚拟 DOM,React非常快速是因为它从不直接操作 DOM。虚拟 DOM 是在...原创 2018-09-09 15:37:12 · 103 阅读 · 0 评论 -
React 入门(四)
UI更新的方式 ReactDOM.render()是将 React 元素渲染到 dom 中的唯一方法。当元素被渲染到界面中以后,我们可以使用this.setState()方法来修改组件属性,从而更新节点。 React 操作的永远都是JSX声明的元素或者定义好的组件,因而,我们更新页面中的节点只能通过修改组件属性的方式,触发 Dom 更新。 注意点 不能绕过this.setState()方...原创 2018-09-09 22:22:25 · 88 阅读 · 0 评论 -
Redux 介绍 (二)
Action Action 是把数据从界面或者服务器端传到 store 的有效载荷。它是 store 数据的唯一来源。 { type: 'add', name: 'newItem' } Action 本质上是 JavaScript 普通对象。redux约定,action 内必须使用一个字符串类型的 type 字段来表示将要执行的动作。多数情况下,type 会被定义成字符串常量。当应用...原创 2018-09-16 17:33:13 · 142 阅读 · 0 评论 -
单页面应用
简述 单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用,就是只有一张Web页面的应用。该应用仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了,应用不会因为用户的操作而进行页面的重新加载或跳转。取而代之的是利用 JavaScript 动态的变换HTML的内容,从而实现UI与用户的交互。...原创 2018-09-12 21:32:26 · 127 阅读 · 0 评论 -
React 入门(五)
组件的生命周期 声明一个React组件可以通过函数或者 ES6class 的形式,当使用ES6class类的时候需要继承React.Component类,并实现render()方法。 组件实例在被创建或者插入到DOM中时,提供以下方法可以调用: 1. constructor():这是组件的构造函数,将会在组件被装配之前调用。当覆写该函数时,需要在最顶部执行super(props)。否则,th...原创 2018-09-10 21:12:19 · 121 阅读 · 0 评论 -
React-router 介绍
路由简介 路由是干什么的? 根据不同的 url 地址展示不同的内容或页面。 单页面应用最大的特点就是只有一个 web 页面。因而所有的页面跳转都需要通过javascript实现。当需要根据用户操作展示不同的页面时,我们就需要根据访问路径使用js控制页面展示内容。 React-router 简介 React Router 是专为 React 设计的路由解决方案。它利用HTML5 的hi...原创 2018-09-13 21:36:59 · 1059 阅读 · 0 评论