05 2019 档案

react-redux
摘要：一、Redux与组件 react-redux是一个第三方插件使我们在react上更方便的来使用redux这个数据架构 React-Redux提供connect方法,用于从UI组件生成容器组件，connect的意思就是将两种组件连起来 二、react-redux的基本用法 (1)、引入 import  阅读全文
posted @ 2019-05-26 13:10 阿萨姆✌️ 阅读(206) 评论(0) 推荐(0)
redux【react】
摘要：首先介绍一下redux就是Flux的一种进阶实现。它是一个应用数据流框架，主要作用应用状态的管理 一、设计思想： (1)、web应用就是一个状态机，视图和状态一一对应 (2)、所有的状态保存在一个对象里面 二、三大原则： (1)、单一数据源 整个store被储存在一个Object tree(对象树) 阅读全文
posted @ 2019-05-25 14:39 阿萨姆✌️ 阅读(171) 评论(0) 推荐(0)
react高阶组件
摘要：先简单介绍一下高阶组件 高阶组件其实就是一个函数，参数是一个组件，经过高阶组件处理过的组件，会变成一个相对增强的组件 作用： 1、属性代理 headerHoc.js import React from "react" export const headerHoc=(Com)=>(props)=>{ 阅读全文
posted @ 2019-05-24 16:01 阿萨姆✌️ 阅读(130) 评论(0) 推荐(0)
react组件传值
摘要：关系如图所示，画的不好请见谅： 1、父传子app.js 传值 app.js传值 import React, { Component ,Fragment} from "react"; import One from "./components/one"; import Two from "./comp 阅读全文
posted @ 2019-05-23 23:13 阿萨姆✌️ 阅读(264) 评论(0) 推荐(0)
react路由
摘要：首先我们先安装 react-router-dom (react4.0的路由) yarn add react-router-dom cnpm i react-router-dom -s 如何使用？ 在react中路由配置项都是组件 凡是被路由包裹的组件都可以使用路由 BrowserRouter Has 阅读全文
posted @ 2019-05-23 16:14 阿萨姆✌️ 阅读(399) 评论(0) 推荐(0)
react生命周期
摘要：1、constructor 在这个生命周期函数的作用是做初始化工作的，在调用当前函数的时候必须在内部调用super，否则this的指向会发生错误的。 当前生命周期函数可以用来定义当前组件所需要用到的一些状态值。 在constructor中如果需要使用props的时候在supers中继承过来。 2、c 阅读全文
posted @ 2019-05-20 21:18 阿萨姆✌️ 阅读(304) 评论(0) 推荐(0)
前端常见的适配方式的方法
摘要：作为一个真正的前端工作者适配是一个老生常谈的问题，那么今天给大家总结一下在工作当中常用做适配的方式。 一、固定布局（pc端）（静态布局） 以像素作为页面的基本单位，不管设备和浏览器宽度，只设计一套尺寸 二、根据不同根据不同的分辨率，加载不同的CSS样式文件（可切换的固定布局）自适应布局 1、<scr 阅读全文
posted @ 2019-05-19 20:52 阿萨姆✌️ 阅读(7270) 评论(2) 推荐(1)