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，计算并返回最新的state useReducer第一个参数：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-wrap flex-direction设置主轴方向 row:默认值从左到右 row-reverse：从右到左 column：从上到下 column-reverse：从下到上

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

最近写的项目，有一个项目需求，就是在手机端网页中调用摄像头。虽然我觉得这个功能屁用没有，但还是得想办法实现。 1.利用getUserMedia调用摄像头 navigator.mediaDevices.getUserMedia import 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用来封装axios import 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_session state 用来保存各种数据，数据会同步更新在各页面 reducers reducers: { save1(state, action) { return { ...state, ...action.payload }; }, save2(state, action) { return { ...state, ...a

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

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

原创 Promise笔记

promise的API 1.resolve let 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.creatRef 1.字符串形式的ref 2.回调函数形式的ref 3.回调ref中回调执行次数问题 4.creatRef 1.字符串形式的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;//充电