React
Daisy_____
一只前端小白,欢迎大神带我飞。
展开
-
学习React第一步,了解生命周期
在学习React的过程中,首先想到的是想学习官方文档,但在把文档看完之后准备实际操作时却发现不知从何下手,于是停下来认真思考了一下,学习一门新语言,首先该了解其生命周期,所以决定写下一篇文章,记录自己的学习过程,顺便也可以和大家分享。 React生命周期主要分为3部分: 1、初始化 getDefaultProps() 设置组件props默认值,也可以使用defaultProps设置 ...原创 2019-03-22 11:36:47 · 192 阅读 · 0 评论 -
React学习第二步--环境配置与项目搭建
大家好,本篇文章将给大家简单介绍一下React项目的环境配置以及项目搭建。React项目主要依赖于Node和NPM这两个技术。Node主要是运行平台,NPM是依赖包管理工具。 本文以windows环境为主介绍相关配置。 首先打开cmd命令行,输入 node -v 来查看版本,如果显示版本号证明已有相应环境,若没有那就安装Node.js,直接搜索并在官网下载安装包。 node.js官网:...原创 2019-03-27 09:48:54 · 289 阅读 · 0 评论 -
React学习第四步--引入样式
本篇文章主要记录关于React项目的样式设置与css、sass、less等文件的引入方法,可能不完全正确,仅供参考。 脱离React,有点技术的人应该都熟悉如何在我们的html文件里配置样式以及引入样式文件,这里大概说明一下: 1、内联式(行内样式) 直接在标签内部声明样式 <div style=" font-size:12px; backgroundColor...原创 2019-04-16 14:54:38 · 1226 阅读 · 0 评论 -
React学习第三步--元素渲染与组件运用
本篇文章主要围绕React组件封装、数据传递以及渲染DOM展开,并通过实际操作来实现组件的封装。首先在开始本篇文章之前,我们得大致对React有一定了解。 React官方中文文档地址:https://react.docschina.org React主要的一大特色:组件化,通过创建好拥有各自状态的组件,再由组件构成更加复杂的界面,了解React基础知识的小伙伴应该知道,React框架采取的...原创 2019-04-15 10:25:18 · 261 阅读 · 0 评论