web前端 - 随笔分类 - 有点小九九

文件上传、分片上传结合antdProComponents表格展示，点击上传

摘要：上传组件： // ChunkUpload.jsx import React, { useCallback, forwardRef, useState, useImperativeHandle, useEffect, useRef } from 'react'; import { UploadDrop 阅读全文

posted @ 2025-09-11 17:11 有点小九九阅读(29) 评论(0) 推荐(0)

React-手写支持多文件、并行上传、串行上传、分片上传、单文件上传、失败自动重试、自动上传/手动按钮上传切换

摘要：import { useState } from "react"; import { useModel } from "@umijs/max"; import { getUploadFileId, uploadFileChunk, uploadFileFinish, } from "@/servic 阅读全文

posted @ 2025-09-08 16:51 有点小九九阅读(23) 评论(0) 推荐(0)

浏览器控制台中打印请求体携带参数

摘要：写分片上传时遇到首个请求没有荷载(payload)标签，以下三种方法，直接复制到控制台中执行后，重复请求：拦截 FormData.append // 在 Console 中粘贴运行 (function() { const origAppend = FormData.prototype.append 阅读全文

posted @ 2025-09-04 10:38 有点小九九阅读(27) 评论(0) 推荐(0)

前端文件上传实践-按钮上传、分片上传、tus

摘要：在实际项目中，文件上传是一个常见功能。随着业务需求的复杂化，上传方式也不再局限于“选择文件 + 提交”，而是发展出了更灵活的解决方案，比如分片上传（大文件处理）和断点续传（网络不稳定下的上传保障）。本文将结合 @rpldy/uploady，演示一个前端组件 CustomUpload，实现三种上阅读全文

posted @ 2025-08-30 13:46 有点小九九阅读(145) 评论(0) 推荐(0)

Vue3学习-相较于v2的优劣

摘要：有时候我自己都会认为，我v2用的好好的，学个P的v3，然而在投投补习以后，艾玛真香：按老师的原话说：vue3比vue2性能快上1.2~2倍！接下来就来说说为什么Vue3会比Vue2的性能快上这么多：总结大概有四点 .... - diff算法优化(我总觉得这是一个综述)： vue2的diff算法阅读全文

posted @ 2021-01-15 15:56 有点小九九阅读(1061) 评论(0) 推荐(0)

vue3+elementUI实现整屏轮播(鼠标滚轮控制)

摘要：一、创建vue3项目二、引入elementUI：(推荐使用elementPlus) - npm install element-plus --save 三、在main.js中引入 element-plus 并使用：(我这里全局使用，按需引入的小伙伴自己去官网) import ElementPlus 阅读全文

posted @ 2021-01-07 14:37 有点小九九阅读(5422) 评论(0) 推荐(0)

前端静态js、css文件自动增加版本号方法

摘要：首先为什么要加这个版本号呢？因为浏览器会的缓存机制会缓存你的js与css代码，当然，这本是浏览器本意为了减少加载时间优化用户体验，但是也因为缓存机制的存在，在页面刷新的时候浏览器会去拿存在浏览器缓存内部的js和css代码，这就可能造成我们开发人员在更新代码的时候，会被浏览器的缓存机制给坑一把，不能阅读全文

posted @ 2020-03-20 17:15 有点小九九阅读(3618) 评论(0) 推荐(0)

复制，剪切插件clipboard

摘要：实现复制，剪切文字内容先引入js插件： 1 <script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script> 第二步新建对象： 1 <script type="text/javascript 阅读全文

posted @ 2020-03-20 09:27 有点小九九阅读(320) 评论(0) 推荐(0)

app内嵌h5页面：判断客户端

摘要：在web前端开发中，很多时候都需要和原生app开发人员来交互，或者有很多需要兼容的地方，甚至为了规避移动端各种无端报错，或者其中一端报错等等问题：首先就是最常用遇到app开发中的安卓与iOS：（1）安卓与iOS因为操作系统不同，从调用其中的方法就需要知道h5页面到底位于哪一端，下面就是判断操作系阅读全文

posted @ 2020-03-18 17:02 有点小九九阅读(1293) 评论(0) 推荐(0)

scrollReveal（页面缓入效果插件）

摘要：scrollReveal（页面缓入效果插件）实现页面滚动时动画加载元素效果前面我去了解了元素距页面视图距离，想实现页面滚动是动画加载元素（https://www.cnblogs.com/chenghuayike/p/11970731.html）到处撞墙，心肥意冷啊┭┮﹏┭┮，猛然间发现了scrol 阅读全文

posted @ 2019-12-23 17:29 有点小九九阅读(3390) 评论(6) 推荐(2)

获取元素与浏览器视图的距离

摘要：实现“元素出现在视图中时加载动画”这一个效果（当然，用处很多，这里只是我想实现的效果）不浪费大家时间，先上我解决问题的参考文档，不想看的朋友可以直接：https://developer.mozilla.org/zh-CN/docs/Web/API/Element/getBoundingClient 阅读全文

posted @ 2019-12-02 15:16 有点小九九阅读(986) 评论(0) 推荐(0)

hbuilderX创建vue项目之添加router路由（前端萌新）

摘要：作为一个刚刚接触前端不久的新人来说，熟悉了一种目录结构或者项目创建方法以后，恨不得一辈子不会变！可是人要生活，就要工作，既然是打工，当然要满足雇佣者的要求。今天我来说说 hbuilderX 这个开发软件，刚刚接触时，创建项目是这样的对于当时创建新项目还是使用 cmd 命令窗口一步一步创建的我，阅读全文

posted @ 2019-11-15 17:12 有点小九九阅读(9427) 评论(0) 推荐(0)

使用Ajax中get请求发送Token时踩的那些坑

摘要：在使用惯了各种牛X的插件以后，在使用原生组件写一些小东西的时候总是有踩不完的坑！今天就来说一说我使用原生ajax请求时踩得坑：下面是我的代码： var xmlhttp; if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, 阅读全文

posted @ 2019-11-14 17:22 有点小九九阅读(3336) 评论(0) 推荐(0)

随笔分类 - web前端