扶梡-CSDN博客

原创 react 的redux connect方法封装使用--笔记记录

1、redux封装的目的redux 完成全局状态数据的封装，同时提供对应的辅助函数，快速完成state数据的组件化绑定dispatch方法的组件化绑定。2、封装首先在store文件夹中创建actions.js文件，对外提供各种actions修改数据的操作。//用来完成不同数据的更改const mutations = { increment(state){ return { count:++state.count } }, decrease(state){ return {

2021-12-06 19:53:35 319

原创 redux 原生数据封装--笔记记录

1、下载npm i redux 2、在src下创建store文件夹，创建index.js文件和reducer.js文件。3、在reducer.js内创建一下数据结构// 默认的状态数据源let defultState = { num: 100, data: []}// 实现数据源跟action绑定，实现数据更新function reducer(state = defultState, action) { switch (action.type) {

2021-12-01 19:21:20 762

原创 react 路由动画的学习 --笔记记录

路由切换动画路由切换过程中为了增强切换效果，需要为对应的路由页面添加对应的过渡效果，此时需要使用路由动画。react中路由动画的实现需要借助于react匹配的插件react-transition-group。react-transition-group 基本知识：在 react 项目中可使用官网提供的动画过渡库 react-transition-group 来实现切换页面（路由切换）时的过渡效果。路由切换动画 npm i react-transition-groupreact-

2021-11-30 21:27:37 815

原创 ReactN级路由嵌套的封装--笔记记录

N级路由嵌套的封装1、在index.js中BrowserRouter中完成一级路由构建。<BrowserRouter> <Route children={(props, params)=>{ const {location, history} = props; return ( <Switch location={location}> {Routes.map((router, index)=>{ return this.crea

2021-11-30 21:16:06 181

原创 uniApp阶段网络请求封装--笔记记录

// 网络请求封装函数//同步异步// 回调地狱 Promisefunction request(params) { // 返回一个promise对象在该对象中封装网络请求 return new Promise(function(resolve, reject) { uni.request({ ...params, success(res) { // 把promise的状态改成执行中改为成功 resolve(res) }, fail(err) {

2021-11-29 21:39:47 147

原创对于Axios的介绍--笔记记录

Axios介绍：Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。它是 isomorphic 的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生 node.jshttp 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。优点：1、最新的语法2、拦截3、浏览器支持1、下载axios： npm i axios S 生产环境 D 开发环境 npm i vue-axios2、在main.js内引入axios

2021-11-29 11:02:48 403

原创 Vue阶段网络封装请求-笔记记录

网络请求：get/post引入qs模块：import qs from 'qs';在methods写入事件：get 请求：netGet(){ this.axios.get('/api/get',{ params:{username:this.username,password:this.password} }) //resylt 是一个对象，包含了响应结构的相关信息 .then(result=>{ console.log(result); //后端传

2021-11-29 10:53:27 64

原创小程序阶段网络请求封装-笔记记录

网络请求封装：意义：wx.request在进行网络请求时通过success将请求的数据返回，但是如果某一次网络请求需要依托当前网络请求的结果，此时即将发生的网络请求必需写在当前网络请求的success方法中，这样一来会出现某一次网络请求嵌套在当前网络请求的success方法中，如果网络请求过多，此时就会出现嵌套地狱。为了解决嵌套地狱的问题，此时需要封装网络请求。在小程序中创建一个 js 文件用来放置网络请求。1、下载npm i axios//定义函数完成网络请求// params是一个对象格

2021-11-29 10:46:34 152

转载 react- router-dom推荐学习网址

1、学习react routerreact- router-dom中文网2、详细介绍学习react-router

2021-11-26 17:13:30 239

原创 react 网络请求封装 -笔记记录

import axios from 'axios';// 封装请求function http(params) { // 返回一个成功失败 return axios({ ...params }).then(res => res.data).catch(err => err);}// 封装单次或多次网络请求async function network(params) { // 判断是否是多次请求并求 if (params instanceof Arra

2021-11-26 17:02:14 571

原创 react路由封装-笔记记录

1、首先创建项目：npx create-react-app 项目名2、在项目内下载路由插件：在这里我下的是5版本，注意版本问题，有些版本不生效npm i react-router-dom@5 -S3、页面创建目录：

2021-11-26 16:59:23 620

原创对于react的入门学习--笔记记录

1、生命周期react分为三个阶段：1-1、第一阶段Mounting-组件挂载阶段，代表组件第一次进入DOM结构中componentWillMount 在页面渲染前调用render 组件开始渲染componentDidMount 在组件第一次渲染后调用，只在客户端。之后组件已经生成了对应的DOM结构，可以通过this.getDOMNode()来进行访问。如果需要跟其他javascript框架一起使用，可以在这个方法中调用 setTimeOut，setInterval或发生Ajax请求等操作**

2021-11-26 16:24:54 264

原创初始微信小程序

小程序的文件配置小程序的四种文件类型：.json 后缀的 JSON 配置文件.wxml 后缀的 WXML 模板文件.wxss 后缀的 WXSS 样式文件.js 后缀的 JS 脚本逻辑文件pages代表微信小程序的页面，该文件是防止一个一个小程序页面。 pages: 小程序内的某一个页面（某一个组件）的交互，模板结构和模板样式分别放在不同的文件中。JS文件：用来放置组件的交互类型代码比如：网络请求、数据渲染、事件回调。**wxml文件：**用来放置组件对应的模板结构。注意：小

2021-11-09 21:52:28 268

扶梡的博客