0%

创建方式

React 组件的通过创建方式的不同,可分为以下两种类型的组件:

  • 类组件
  • 函数式组件

类组件(class)

在React中类组件通过关键字class 来声明并通过extend React.Component来实现一个类式组件,其实在JavaScript中类与函数其实没有明显的界限,你可以理解class其实本质也是函数,只不过类的这种书写形式,让我们的代码更具有可读性。

阅读全文 »

setState() 的说明

更新数据

  • setState()是异步更新数据的

  • 注意:使用改语法时,后面的setState() 不要依赖前面的setState()

  • 可以多次调用setState(), 只会触发一次重新渲染

    1
    2
    3
    4
    5
    this.state = {count:1}
    this.setState({
    count:this.state.count+1
    })
    console.log(this.state.count) // 1
阅读全文 »

组件通讯介绍

组件是独立封闭的单元,默认情况下,只能使用组件自己的数据,在组件化过程中,我们将一个完整的功能拆分成多个组件,以及更好的完成整个应用的功能。而在这个过程中,多个组件之间不可避免的要共享某些数据。为了实现这些功能,就需要打破组件独立封闭性,让其与外界沟通,这个过程就是组件通讯

阅读全文 »

模块与组件和模块化组件的理解

模块

  1. 理解:向外提供特定功能的JS程序,一般就是一个JS文件
  2. 为什么: JS代码更多更复杂
  3. 作用:复用JS,简化Js的编写,提高JS的运行效率
阅读全文 »

JSX 的基本使用

createElement() 的问题

1.繁琐不简洁

2.不直观,无法一眼看出所描述的结构

3.不优雅,用户体验不爽

createElement()缺点

阅读全文 »

React概述

React是一个用于构建用户界面的JavaScript库,React主要来写HTML页面,或构建Web应用,如果从MVC的角度来看,React仅仅是试图层(V),也就是只负责试图的渲染,而并非提供了完整的M和C的功能。

React 起源于 Facebook 的内部项目,后又用来架设 instagram 的网站,并于2013年5月开源

React官网

阅读全文 »

Node.js简介

  • Node.js是一个能够在服务器端运行的javaScript的开放源代码,跨平台javaScript运行环境

  • Node采用Google开发的V8引擎运行js代码,使用事件驱动、非阻塞和异步I/o模型等技术来提高性能,可以优化应用程序的传输和规模

  • Node大部分基本模块都用javaScript编写。在Node出现之前js通常作为客户端程序设计语言使用,以Js写出程序常在用户的浏览器上运行

  • 目前,Node已被IBM,Microsoft、Yahoo!、Wakmart、Groupon、SPA、LinkedIn、Rakuten等企业采用

阅读全文 »

迭代器

Iterator

iterator` 是 ES6 新增的一种遍历机制,类似于数据解构的代理,使用它可以让我们不用直接对数据解构对象本身进行操作。

核心

  • 迭代器是一个同一的接口,它的作用是使各种数据结构可以被便捷访问,它是通过一个键为Symbol.iterator 的方法来实现。
阅读全文 »

新特性    ·

自从 2017 年 9 月 21 日 Java 9 正式发布之时,Oracle 就宣布今后会按照 每六个月一次的节奏进行更新,在过去的几个月中,我们见证了其兑现了 诺言,但万万没想到,苦了大批迎头而上的开发者们

阅读全文 »