- 博客(156)
- 收藏
- 关注
RSS订阅原创 前端大文件上传
若存在，则返回已上传的切片信息，前端可以根据这些信息跳过已上传的切片，直接上传未完成的部分；若不存在，则为此次上传创建记录，并返回允许上传的标识，前端可以开始上传所有切片。后端接收到请求后，根据记录的切片信息，按顺序将切片合并成完整文件，并进行完整性验证。前端根据预上传请求的结果，将未上传的切片逐个发送到后端。切片上传是把大文件分割成多个较小的切片，分别上传这些切片，最后在服务器端将它们合并成完整文件。重新上传时，再次调用预上传接口，获取未上传的切片列表，继续上传未完成的切片，实现断点续传功能。
2025-03-04 14:15:46
856
原创 useSWR hook
const { data: orderData, mutate } = useSWR('/api/orders') // 会覆盖上面的 mutate。这是一种常见的优化实践，只获取需要使用的属性。// 这是一个示例，展示 useSWR 返回对象的所有常用属性。// 2. 使用 refresh + 数据类型。// 1. 使用 mutate + 数据类型。// 3. 使用 update + 数据类型。// 好的示例 - 根据功能命名。// 不好的示例 - 容易混淆。// 4. 针对特定业务场景。
2025-03-04 14:10:43
837
原创 react绑定ref调用
场景需求：A B 两组件，当 A组件（如添加、删除、更新数据）后需要刷新 B组件 表格数据时，或需要在特定时机强制更新表格数据时，这是一种很常见的 React 组件间通信模式，通过 ref 暴露必要的方法给父组件使用。1.子组件暴露ref。
2025-02-27 17:52:07
324
原创 userStyle的两种写法
Add：需要引入---import { createStyles } from 'antd-style'2、在FC中定义：const { styles } = useStyles()1、引入：import {useStyles} from './style'3、在js中使用：className={styles.upload}1、Ts文件中申明；
2025-01-06 11:32:50
209
原创 vue页面做缓存
在Vue中，可以使用``组件来给路由组件做缓存。这样在切换路由时，对应的组件会被缓存，再次访问时能够快速呈现，而不会重新渲染。首先，需要在路由配置中设置``组件，以便对路由组件进行缓存。在路由配置中，我们设置了`meta`字段来标记需要缓存的路由，然后在路由组件的模板中使用``组件包裹路由组件，以实现对该组件的缓存。
2024-07-02 17:41:25
440
原创 forEach与map区别及使用场景
forEachmap遍历数组中的元素通过对每个元素调用函数，将每个元素 “ 映射（map) ” 到一个新元素，从而创建一个新数组.forEach和.map主要区别在于：.map( )返回一个新数组，如你想得到一个结果，但不想改变原始数组，用map；如你只需要在数组上做迭代修改，用forEach。
2023-12-05 18:48:35
678
原创 循环多个＜el-button＞ 如何设置某一个选中
如果您想在一个循环中的多个el-button中选择一个按钮并将其设置为选中状态，可以使用一个变量来标识选中的按钮索引。这样，当点击某个按钮时，会将相应的索引值赋给selectedButton变量，从而触发样式的改变，实现按钮的选中效果。
2023-07-28 18:35:05
1731
原创 index页面通过＜script＞引入根目录下的js文件后，vite打包项目后，项目中无js文件解决方法
打包无法打入根目录下的js文件，解决代码！
2023-07-28 18:18:58
2502
1
原创 事件监听器addEventListener和removeEventListener的用法
【代码】事件监听器addEventListener和removeEventListener的用法。
2023-05-31 18:55:11
199
原创 如何解决“Error: xxx.js 已被代码依赖分析忽略，无法被其他模块引用”报错？
方案一：关闭过滤无依赖文件：project.config.json 中 settings 选项添加 ignoreDevUnusedFiles: false , ignoreUploadUnusedFiles: false。方案二：设置->项目设置->过滤无依赖文件 勾选去掉 就行了。
2023-05-26 16:10:38
2153
原创 uni_modules/uview-ui/components/u-icon/u-icon]错误:TypeError: Cannot read property ‘call‘ of undefined
勾选☑️：运行时是否压缩代码。
2023-05-26 16:04:06
3397
1
原创 vue或uiapp页面引入阿里巴巴图标
3、在项目中（将下载的文件夹下的文件 复制在静态资源文件夹下）在 主文件 mian.js 文件中 引入 （根据文件目录位置））选中的图标 ➕ 购物车 ➕ 所需项目。
2023-05-26 15:57:14
217
原创 小程序二：不支持打开非业务域名https://xxx.xx.com
审核失败：原因：由于在小程序项目中，源H5网页代码里通过 嵌入或引用了域名，导致审核失败，因为：微信公众平台如果是开通的个人账号，那他不支持打开因为:需要已经认证的企业号和服务号才可以绑定小程序使用web-view,而个人账号下的小程序是不允许的！
2023-03-22 16:07:12
3015
原创 H5项目嵌入小程序一（个人版｜企业版）
在代码index文件中通过标签引入要展示的h5项目线上URL。待审核（开发版本）---->提交审核---->若审核通过即（线上版本）设置-->小程序码下载，后通过微信扫码即可使用！3.登陆成功后，开发--->开发管理--->拿到。在微信开发者工具里创建一个新项目。若之前有账号，直接通过。填入刚才创建的小程序项目。问题二：发布成功，但出现。
2023-03-20 15:39:43
928
原创 Typescript学习（二）：编译选项
这个strict相关标志位的一个总开关, 设置为true会启用全部compilerOptions.strict开头的选项和其他相关的选项, 如compilerOptions.strictNullChecks, compilerOptions.strictPropertyInitialization, compilerOptions.noImplicitAny ...开启此选项后, 依然可以单独关闭某个具体的以compilerOptions.strict开头的选项。这个标志位模式是不开启的.
2023-03-14 19:00:36
976
2
原创 Typescript学习（一）：基本类型
1、TypeScript是什么？以JavaScript为基础构建的语言；一个JavaScript的超集；可以在任何支持JavaScript的平台中执行；TypeScript扩展了JavaScript，并添加了类型；TS不能被JS解析器直接执行；JS不易维护，TS解决了此缺点，易于维护；TS最终还是编译，转换成JS执行-需要安装编译器进行转换。
2023-03-13 17:59:21
239
原创 安装Typescript报错：Error: EACCES: permission denied, mkdir ‘/usr/local/lib/node_modules/typescript‘
输入密码，查看tsc安装版本。安装Typescript。
2023-03-07 18:39:35
416
原创 TypeScript入门
什么是TS类型的定义 联合类型：let y:number | string ;任意值： let z:any = true // 数组 对象 函数数组定义怼方式一：类型+方括号 number[]数组定义方式二：数组泛型 T泛型变量 T任何类型对象类型的定义 函数类型的定义 输入类型 输出类型 3、接口的理解 4、泛型的运用场景
2023-03-07 10:55:06
99
原创 vue打包或运行项目报错内存溢出Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of
【代码】vue打包或运行项目报错内存溢出Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of。
2023-01-05 16:52:05
286
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人