react
文章平均质量分 86
blueSky-fan
喜欢前端,喜欢技术分享,喜欢跑步,喜欢户外活动
展开
-
07.react中使用 Mobx状态管理器
Mobx 状态管理下载yarn add mobx# react绑定库yarn add mobx-react暴露配置文件先把 git 内容提交了。git add .git commit -m 'eject弹出配置文件之前的文件版本'然后使用 eject 命令把配置文件暴露出来yarn run eject执行命令时会提示这个操作是不可返回的,问我们是否确认。使用装饰器...原创 2020-03-05 22:57:05 · 590 阅读 · 0 评论 -
06react中 Immutable的使用
Immutable 数据结构immutable 可持久化的数据结构(不会突变的数据结构)Immutable 就是一旦创建,就不能再被更改的数据。对 Immutable 对象的任何修改或添加删除操作都会返回一个新的 Immutable 对象。安装yarn add immutable# ornpm install inmutable -S引入import Immutable from...原创 2020-03-05 22:52:36 · 143 阅读 · 0 评论 -
05.react中使用 UI 常用组件库
UI 常用组件库Ant Design(重点)https://ant.design/docs/react/getting-started-cnnpm install antd -S#yarn add antdimport { Button } from 'antd';import 'antd/dist/antd.css';<Button type="primary">...原创 2020-03-05 22:47:24 · 485 阅读 · 0 评论 -
05.react中使用腾讯地图的方法
腾讯地图先在腾讯地图注册账户,邮件确认验证,申请keyhttps://lbs.qq.com/console/customized/log/?console=customizedLog在 public/index.html 中引入脚本文件<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=6LLB...原创 2020-03-05 22:42:35 · 2547 阅读 · 0 评论 -
04.react的redux
Redux 状态管理(重点)Redux 对于 JavaScript 应用而言是一个可预测状态的容器。换言之,它是一个应用数据流框架,而不是传统的像 underscore.js 或者 AngularJs 那样的库或者框架。Redux 最主要是用作应用状态的管理。简言之,Redux 用一个单独的常量状态树(对象)保存这一整个应用的状态,这个对象不能直接被改变。当一些数据变化了,一个新的对象就会被创...原创 2020-03-05 22:27:59 · 204 阅读 · 0 评论 -
03.react布局,路由和过渡
布局移动端 flexbox 布局 div{ display: flex; justify-content: space-around; align-items: center; li{ text-align:center; a{ ...原创 2020-03-05 22:20:51 · 614 阅读 · 0 评论 -
02.react的生命周期和组件之间的通信
生命周期与钩子函数(重点)生命周期指的react实例及组件从创建到运行到销毁的完整的过程。组件的生命周期可分成三个阶段(状态):- Mounting:创建阶段:已插入真实 DOM- Updating:运行阶段:正在被重新渲染- Unmounting:销毁阶段:已移出真实 DOM钩子函数指提前埋在生命周期中的函数,等到程序运行到这一刻时,它会自动执行。常用的钩子函数componen...原创 2020-03-05 21:53:13 · 203 阅读 · 0 评论 -
01.reac的基础和组件
React介绍React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。搭建React开发环境安装 create-react-app 命令 (基于 webpack + es6) ...原创 2020-03-05 20:48:40 · 247 阅读 · 0 评论