qq_50465271的博客

原创 从后端接受文件流转URL

原创 前端下载，二进制流下载文件

首先需要下载filesever$npm install file-saver --save安装好后直接引入使用import { saveAs } from "file-saver";onDownload(id) { axios({ url: `/model/down/${id}`, methor: "GET", responseType: "blob", }).then((res) => { console.log(res?.data); s

原创 git fatal: refusing to merge unrelated histories

前几天误删了自己写了一个月的代码，悲痛万分痛定思痛后，决定将所有的代码都传到gitee上。由于自己对git的不够娴熟，又导致我在上面耗费了数个小时将自己的代码push至仓库时报了! [rejected] master -> master (fetch first)error: failed to push some refs to 'https://gitee.com/TeririQAQ/chip-management-system.git'的错误，查询半天，是由于远程仓库新

原创 ajax一些笔记

var xmlhttp;function ajax_demo(){//1.创建xmlHttoRequest对象 if(winodw.xmlHttpRequest){ xmlhttp = new XMLHttpRequest();}else{ xmlhttp = new ActiveXobject("microsoft.XMLHTTP")}//2.注册回调函数xmlhttp.onreadystatechange = function()

原创 正则的一些笔记

正则表达式作用：匹配特殊字符或有特殊搭配原则的字符的最佳选择两种创建方式：1.直接量2.new RegExp();示例：var reg = /abc/var red = /^a/ 以a开头的a后接i 忽视大小写g 全局匹配m 执行多行匹配[0-9] 查找0-9的一个数/[^a]/ ^放在[]表示非(abc|bcd) 匹配abc或bcd元字符\w ===[0-9A-z_]\W ===[^\w]\d === [0-9]\D === [^\d]\s ===

原创 hooks 简单demo 实现状态管理

reducer是一个函数(state, action) => newState：接收当前应用的state和触发的动作action，计算并返回最新的stateuseReducer第一个参数：reducer函数，。第二个参数：初始化的state。返回值为最新的state和dispatch函数（用来触发reducer函数，计算对应的state）import React, { createContext,useReducer } from 'react'export const ColorContex

原创 flex笔记

常见父项属性常见父项属性justify-content:设置主轴上的子元素排列方式flex-wrap:设置子元素是否换行align-content:设置侧轴上的元素排列方式(多行)align-items:设置侧轴上的子元素排列方式（单行）flex-flow:复合属性，相当于同时设置了flex-direction和flex-wrapflex-direction设置主轴方向row:默认值从左到右row-reverse：从右到左column：从上到下column-reverse：从下到上

原创 react项目网页中调用摄像头相机

最近写的项目，有一个项目需求，就是在手机端网页中调用摄像头。虽然我觉得这个功能屁用没有，但还是得想办法实现。1.利用getUserMedia调用摄像头navigator.mediaDevices.getUserMediaimport React from 'react'import {message} from 'antd'export default function Identify() { function handlePhoto() { if (navigato

原创 axios实例axios.all报错解决方法

博主在项目中，封装了axios，在项目里使用axios.all并发请求时，却发现报错。一搜才知道，axios.all是静态方法解决方法：用Promise.all替代axios.all代码:const postAround = (aroundForm)=>{ return axios({ method: 'post', url: '/fun/around/upload', data: aroundForm

原创 react 项目中，简单封装axios并给请求头添加token

在src下创建request用来封装axiosimport axios from "axios";//设置请求得基准地址axios.defaults.baseURL = ''const request = axios.create();//设置请求头request.interceptors.request.use(config => { // 给请求头加token的字段,值为token config.headers.token = window.sessionStorag.

原创 页面之间跳转 平行的两个路由组件传值办法

我想实现的是从Identify中传值给Result并且在Identify页面中没有Link标签来跳转，而是在某个事件之后，自动跳转至Result页面，还要携带数据解决办法Identify页面中history.push({ pathname:"/result", parmas:{ url:123 } })Result页面接收cosnole.log(props.location.

原创 antd upload组件 手动上传

antd 的upload组件是点开对话框后，按下确实就会上传，而且如果多选文件也会反复调用后端接口来完成上传。因为项目需要，所以要实现手动上传，和一次性上传多个文件（调用一次后端接口）在实现这个功能时，我翻阅了很多博客，可能是因为版本原因，很多代码都无用，最后还是通过翻阅官方文档，才最终实现。...

转载 Dva中models笔记

参考 ：https://zhuanlan.zhihu.com/p/91136946?utm_source=wechat_sessionstate用来保存各种数据，数据会同步更新在各页面reducersreducers: { save1(state, action) { return { ...state, ...action.payload }; }, save2(state, action) { return { ...state, ...a

原创 React+Antd 博客简陋UI页面

页面展示:登录：友情提示：登录页面没有任何功能。博主太菜了，只是为了好康。背景图是用axios发送ajax请求，用的是韩小韩的API接口（感谢大大的接口，太好用了）实现的随机二次元图片（我才不是二次元！）首页:资源分享:关于我：文章分享：感谢：https://blog.csdn.net/div_ma/article/details/80436727这篇文章。我基本框架就按这篇文章敲出来的。感谢大佬。如果有人需要这个页面（估计没有，呜呜）百度云链接：https://pan.ba

原创 Promise笔记

promise的API1.resolvelet p1 = Promise.resolve(521);//如果传入的参数为 非promise类型的对象，则返回的结果为成功promise对象//如果传入的参数为 Promise对象，则参数的结果决定了resolve 的结果2.reject let ps = Pomise.reject(new Promise((resolve,reject)=>{ resolve('ok'); })) //如果传入的参数为 非promise类型的

原创 react-redux笔记

在react-redux的学习中，它们之间的数据传递关系对我来说较为复杂，不同部分与不同部分有着不一样的传递方式。同时有着conncet这样强大的API，如果不能理清，就很容易弄混。如图，在redux-redux中，就是UI组件外嵌套一个容器组件，UI组件不之间与redux交互，而是通过容器组件，再将得到的数据通过props属性，传递给UI组件UI组件的容器组件，由connect API构建。在connect函数中，它还同时完成了从redux获取更新的数据，redux中的操作状态的方法通过props属.

原创 利用redux-reduce管理数据，数据共享

1.概念:利用redux组件之间的传值非常简单，redux里面要求我们把数据都放在一个公共的存储区域store里面，组件之中尽量少放数据，也就是所有数据都不放在组件自身了，都把它放到一个公用的存储空间里面，然后组件改变数据就不需要传递了，改变store里面的数据之后其它的组件会感知到里面的数据发生改变。这样的话不管组件的层次有多深，但是走的流程都是一样的，会把数据的传递简化很多。2:原理图3.代码目录这里写目录标题一级目录二级目录三级目录containers文件夹Count组件Person组件redu

原创 React+axios实现github搜索案例

开始页面在输入框搜索id后，展示github中id相似的用户的头像，id。点击头像还能进入对应用户的github主页public文件夹bootstrap.css（略去）index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

原创 React实现todolist

将整个案列拆分成了4个组件代码目录publick文件夹index:src 文件夹app.jsxapp.csscomment-组件部分头部组件HeaderList组件List中的每一列，ITEM组件最终，尾部组件publick文件夹index:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib..

原创 ＜笔记＞组件实例三大属性_refs

refs属性1.字符串形式的ref2.回调函数形式的ref3.回调ref中回调执行次数问题4.creatRef1.字符串形式的ref2.回调函数形式的ref3.回调ref中回调执行次数问题4.creatRef1.字符串形式的ref（不推荐，有缺陷，尽量避免使用）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-U

原创 ＜笔记＞组件实例三大属性_props

props的基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t

原创 组件实例三大属性_state

在代码过程中，要注意理解this的指向！！！！（难点）标准版<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-sca

原创 ＜笔记＞react中定义组件

创建函数式组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="test"></div> <script src="../js/react.development.js">&

原创 css3学习笔记

学完基础的css和js后我又来补css3了QAQ,没想到内容居然这么多，简单简单记录一下css3之动画css3动画常用属性@keyframes 规定动画animation-name 动画名称animation-duration 动画完成一个周期花费的时间animation-timing-function 运动曲线animation-delay 动画何时开始animation-iteration-count 规定动画被播放的次数animation-direction:altern

原创 超详细！！原生js实现todolist动态页面

刚学完js，完成这个todolist的过程十分痛苦，整理了这篇文章。里面js基本每一步都有详细解释，自我认为逻辑还是比较清晰。希望各位大佬轻喷。在这里插入代码片<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1" />

原创 小甲鱼的单链表1（头插法）代码详解

小甲鱼的单链表1（头插法）代码详解作为一个初入代码界的小萌新，初看小甲鱼的链表视频颇为痛苦（啊！！为什么那么多双指针）经过我近一个月的反复揣摩，终于略有理解。一个月的折磨，还是想分享一下自己的心得，但估计自己错误百出，还望各位大佬指正！！！欢迎交流。后面也会更新尾插法0.0，目前想学习的方向是前端，以后也会更新些前端的学习心得，理解和笔记什么的#include<stdio.h>#include<stdlib.h>struct Book{ char title[128]

原创 HDOJ 2059（dp入门）

HOOJ 2059（dp入门）##c语言题目链接（点我！！）自己遇到的第一道dp题，搞了很久才弄明白，敲的比较艰难，有必要记录一下~~本人还是萌新QAQ，轻喷~~欢迎各位大佬指教！！AC代码：#include<stdio.h>double dp[150],s[150];//记录到每一站的最短用时，记录每个充电站到起点的距离double MIN(double m,double n){ return m>n?n:m;}int main(){ int N;//充电