![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
zerobaek
https://github.com/axiaoha
展开
-
react学习前准备一:移动App的初了解
什么是前端混合移动App 苹果上的软件是如何开发出来的:使用的是 OC、或者使用Swift这门语言 安卓平台上的软件又是如何开发出来的:使用安卓相关的语言开发的,Java,安卓的控件进行开发 苹果和安卓平台上共有的软件是如何开发出来的:两组开发人员分别进行软件开发 前端移动 App(Application)开发技术,去开发手机端的应用程序; 前端的混合移动App开发技术,并没有使用 苹果...原创 2019-03-14 19:36:08 · 249 阅读 · 0 评论 -
react学习七:ant design的简单使用
ant design官网 安装包: npm install antd --save 导入包: import { DatePicker } from 'antd' 引入样式: import 'antd/dist/antd.css'; 引入样式的时候要注意一个问题,是不是在webpack的配置文件中使用了css模块化,如果使用了css模块化,那么这个引入的样式还是会起不了作用,所...原创 2019-03-27 21:25:06 · 354 阅读 · 0 评论 -
react学习六:react路由
react-router react-router-dom路由的基本使用 安装包 yarn add react-router-dom 导入路由模块 import ReactDOM from 'react-dom' HashRouter 表示一个路由的跟容器,将来,所有的路由相关的东西,都要包裹在 HashRouter 里面,而且,一个网站中,只需要使用一次 HashRouter 就...原创 2019-03-27 21:03:34 · 226 阅读 · 0 评论 -
react学习五:升级评论列表案例
CmtList.jsx: 评论列表组件 import React from 'react' import CMTItem from './CmtItem.jsx' import CMTBox from './CmtBox.jsx' export default class CMTList extends React.Component { constructor(props) { ...原创 2019-03-26 21:03:55 · 225 阅读 · 0 评论 -
react学习一:react基础知识
React与vue.js的对比 组件化方面 什么是模块化:从 **代码** 的角度,去分析问题,把我们编程时候的业务逻辑,分割到不同的模块中来进行开发,这样能够**方便代码的重用**; 什么是组件化:从 **UI** 的角度,去分析问题,把一个页面,拆分为一些互不相干的小组件,随着我们项目的开发,我们手里的组件会越来越多,最后,我们如果要实现一个页面,可能直接把现有的组件拿过来进行拼接,就能...原创 2019-03-20 19:38:46 · 353 阅读 · 0 评论 -
react学习三:渲染评论列表案例
JS打包入口文件main.js: // 导入 React包 import React from 'react' import ReactDOM from 'react-dom' // 导入评论列表组件 import CommentList from './components/comment1/CommentList.jsx' ReactDOM.render(<div> &l...原创 2019-03-24 20:28:42 · 306 阅读 · 0 评论 -
react学习四:React组件
在react学习二: JSX语法的使用这篇文章中有react组件创建的两种方式 组件的生命周期: 概念: 在组件创建、到加载到页面上运行、以及组件被销毁的过程中,总是伴随着各种各样的事件,这些在组件特定时期,触发的事件,统称为 组件的生命周期 组件生命周期分为三部分: 组件创建阶段:组件创建阶段的生命周期函数,有一个显著的特点:创建阶段的生命周期函数,在组件的一辈子中,只执行一次; c...原创 2019-03-26 18:58:28 · 189 阅读 · 0 评论 -
react学习二: JSX语法的使用
JSX语法出现的原因: 为了在项目中不用老是使用 React 提供的 JS API 来创建虚拟DOM节点,于是React 官方,就提出了一套 JSX 语法规范,能够让我们在 JS 文件中,书写类似于 HTML 那样的代码,快速定义虚拟DOM结构 JSX: 符合 XML 规范的 JS 语法 JSX的原理: JSX内部在运行的时候,也是先把 类似于HTML 这样的标签代码,转换为了 Reac...原创 2019-03-21 20:32:11 · 1236 阅读 · 0 评论 -
react学习前准备二: 移动App开发环境搭建
环境变量的使用 作用:将需要全局使用的工具或者应用程序,配置到Path环境变量中,可以很方便的通过命令行的形式,在任何想要运行这些应用程序的地方,运行它们 安装最新版本的java jdk 安装jdk包 修改环境变量,新增`JAVA_HOME`的系统环境变量,值为`C:\Program Files\Java\jdk1.8.0_74`,也就是安装JDK的根目录 修改系统环境变量`Path...原创 2019-03-16 16:25:39 · 535 阅读 · 0 评论