摘要:
使用任何框架之前,都要经历环境搭建的过程,而在前端框架的环境搭建中(比如 、`Vue NPM NPM S D webpack`时会执行以下命令: 对于前端初学者来说,可能还不太理解什么时候使用 ,什么时候使用 ,以及二者之间的区别。这就和我们这篇文章要讲的主题有关系了, 中的 和 配置。 1. 什么 阅读全文
摘要:
1、父组件传值子组件 React中是单向数据流,数据只能从父组件通过属性的方式传给其子组件,如下图: 在引用子组件的时候传递,相当于一个属性,例如:在子组件内通过porps.param获取到这个param的值。 父组件向子组件传值,通过 ,将父组件的 传递给了子组件。 父组件代码片段: 子组件代码片 阅读全文
摘要:
1、生命周期的概念 1.1、概念 在组件创建、组件属性更新、组件被销毁的过程中,总是伴随着各种各样的函数执行,这些在组件特定时期,被触发执行的函数,统称为组件的生命周期函数。 1.2、组件生命周期三个阶段 1. 加载阶段(Mounting): 在组件初始化时执行,有一个显著的特点:创建阶段生命周期函 阅读全文
摘要:
React组件属性 1、 属性 react中说的单向数据流值说的就是props,根据这一特点它还有一个作用:组件之间的通信。props本身是不可变的,但是有一种情形它貌似可变,即是将父组件的state作为子组件的props,当父组件的state改变,子组件的props也跟着改变,其实它仍旧遵循了这一 阅读全文
摘要:
1、React组件化概念 1.1、组件的概念 React 应用都是构建在组件之上。 组件作为React的核心内容,是View的重要组成部分,每一个View页面都由一个或多个组件构成,可以说组件是React应用程序的基石。在React的组件构成中,按照状态来分可以分为有状态组件和无状态组件。 1.2、 阅读全文
摘要:
1、基本概念: 使用 来替代常规的 。 是按照 语法规范 的 语法扩展。 语法的本质: 并不是直接把 渲染到页面上,而是内部先转换成了 形式,再渲染的。 2、 的优点: 执行更快,因为它在编译为 JavaScript 代码后进行了优化; 它是类型安全的,在编译过程中就能发现错误; 使用 编写模板更加 阅读全文
摘要:
1、React简介 React起源于Facebook的内部项目,因为该公司对市场上所有JavaScript MVC框架都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,于是就在2013年5月开源了。 2、脚手架环境搭建 第一步:安装node.js no 阅读全文
摘要:
1. 安装Node.js 实际是用 写的,所以要先安装 环境。而且 中集成了 包管理,我们在后面用到的很多模块都需要使用 下载。 首先进入 "Node.js的官网" ,选择对应系统下载安装包,对于 用户,直接下载安装包安装即可,如果是 用户,推荐使用 "brew" 进行安装。 有很多版本,包括稳定版 阅读全文