React-Redux React-Redux is different from Redux which is build from React, while Redux is a plugin and you can use it in Vue also. 在index js 中设置provider 传递store给App下所有子组件import React from 'react'; import 2021-10-11 React React-Redux
Redux Redux精简版 Redux Without Action建立: - redux - store.js - xxx_reducer.js 在store.js：1)引入redux中的createStore函数，创建一个store2)createStore调用时要传入一个为其服务的reducer3)暴露store对象 import {createStore} from 2021-10-11 React Redux
封装Axios --- Axios Module 说明设置接口请求前缀：根据开发、测试、生产环境的不同，前缀需要加以区分请求头 : 来实现一些具体的业务，必须携带一些参数才可以请求(例如：会员业务)状态码: 根据接口返回的不同status ， 来执行不同的业务，这块需要和后端约定好请求方法：根据get、post等方法进行一个再次封装，使用起来更为方便请求拦截器: 根据请求的请求头设定，来决定哪些请求可以访问响应拦截器： 这块就是根据 后端`返回来 2021-10-10 Vue Axios
React知识点 1. setStatesetState更新状态的2种写法 (1). setState(stateChange, [callback])------对象式的setState 1.stateChange为状态改变对象(该对象可以体现出状态的更改) 2.callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用 2021-10-01 React 基础
React脚手架配置代理总结 Proxy Setting in React For CORS 方法一在package.json中追加如下配置 "proxy":"http://localhost:5000" 说明： 优点：配置简单，前端请求资源时可以不加任何前缀。 缺点：不能配置多个代理。 工作方式：上述方式配置代理，当请求了3000不存在的资源时，那么该请求会转发给5000 （优先匹配前端资源） 方法二 第一步：创建代理配置文件 在src下创建配置文件：src/setupP 2021-10-01 React Proxy CORS
视差滚动 --- Parallax Scrolling 视差滚动（Parallax Scrolling）是指多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验.使用css形式实现视觉差滚动效果的方式有： background-attachment作用是设置背景图像是否固定或者随着页面的其余部分滚动. scroll：默认值，背景图像会随着页面其余部分的滚动而移动 fixed：当页面的其余部分滚动时，背景图像不会移动 inherit：继 2021-09-07 CSS Layout
响应式布局 Resposive Web Design 响应式网站设计（Responsive Web design）是一种网络页面设计布局，页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整 Media QueryMedia query breakpoints are pixel values that a developer/designer can define in CSS. 2021-08-27 CSS Layout
Vue Slot---Vue 插槽 插槽 作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于 父组件 ===> 子组件 。 分类：默认插槽、具名插槽、作用域插槽 使用方式： 1. 默认插槽： 父组件中： <Category> <div>html结构1</div> </Ca 2021-08-01 组件通信 Vue Slot 插槽
Layout 常见布局 Two ComponentsBy float双栏布局非常常见，往往是以一个定宽栏和一个自适应的栏并排展示存在 使用 float 左浮左边栏 set float on the left component 右边模块使用 margin-left 撑出内容块做内容展示 set margin-left on the right one 为父级元素添加BFC，防止下方元素飞到上方内容 add BFC o 2021-07-21 CSS Layout
如何居中 --- Center Position 实现元素水平垂直居中的方式：利用定位 positon+margin:auto<style> .father{ position: relative; } .son{ position: absolute; top:0; left:0; right:0; 2021-07-21 CSS Layout
