- 博客(18)
- 收藏
- 关注
RSS订阅原创 深入理解 JavaScript 中的二进制数据操作：ArrayBuffer、Blob、FileReader、ObjectURL
本文介绍了Web前端处理二进制数据的核心对象及其应用场景。主要内容包括：ArrayBuffer作为底层二进制数据存储，需通过TypedArray或DataView操作；Blob用于存储不可变二进制数据；File继承Blob并添加文件元数据；FileReader异步读取Blob/File内容；ObjectURL生成临时URL用于资源预览。文章通过对比表格和代码示例，详细说明了各对象的定义、创建方式及典型应用场景，如表单文件上传、图片预览、WebSocket通信等，为前端开发中的二进制数据处理提供了系统指导
2025-06-30 14:25:24
961
原创 保持子容器在父容器的padding内边距中滚动的方法
处理一个业务需求，场景大概是这样的：一个子容器在父容器中滚动，但是父容器是有内边距的，我需要子容器在父容器的内边距中滚动如果只给一个父容器设置`overflow:hidden`的话，就算父容器有`padding`，子容器默认还是从外边距中滚动。如下面所示 解决办法是给父容器增加一个`<div class="wrapper"> </div>`中间层，然后中间层撑满父容器内部的宽高并设置`overflow:hidden`即可
2025-06-16 16:09:03
286
原创 将后端传递的扁平化数据转成树形结构的方法指南
需要将后端传来的数据转成嵌套的树形结构，后端数据形式如下。其中parentId是对应数据的id，children字段是对应的嵌套数据。在实际前端开发中，后端经常返回的是扁平化结构的列表数据，例如**菜单**、**组织架构**、**文件目录**等。为了在前端以**树形结构**进行渲染（如 Vant 的 TreeSelect、ElementUI 的 Tree），我们就需要将这类数据格式化为嵌套结构的树形数据。本文将带你从**思路剖析**到**代码实现**，并提供兼容性方案与完整演示，帮助你掌握数据结构转化的
2025-06-12 18:03:36
446
原创 Vue项目实现电子签名图片嵌入到pdf文件中并导出的方法
需要实现一个功能：将电子签名的图片嵌入到一个pdf文件中，然后导出。利用第三方插件pdf.lib实现。
2025-03-11 13:28:14
307
原创 关于tree-node-cli报错“node_modules 参数太多”的解决办法
关于tree-node-cli报错“node_modules 参数太多”的解决办法
2024-11-11 15:30:49
300
1
原创 uniapp+uview配置单张及多张图片上传到后端的方法
这里主要记录一下如何使用uni-app上传本地图片，以及上传多张图片到后端的处理方法。上传本地图片的组件主要用的是 uview 的 u-upload 组件上传到后端的方法是 uniapp 的 uni-uploadFile() API多张图片上传完毕（即接口都返回成功后）再执行其他代码会用到 Promise.all()
2024-10-19 14:17:50
460
原创 关于el-popconfirm气泡确认框标题无法换行的解决方法
关于el-popconfirm气泡确认框标题无法换行的解决方法，在自己做公司项目中遇到一个问题，使用气泡确认框``组件时，发现其标题`title`字段默认不换行，而我的标题文本较长，如果只放在一行会很难看，网上找了一些方法都没有一篇文章完整说的清的
2024-08-08 15:05:41
678
1
原创 VUE后台管理项目配合后端接口，有关文件下载、导入上传功能的详细实现方法
VUE后台管理项目配合后端接口，有关文件下载、导入上传功能的详细实现方法一、调用后端接口实现文件下载这里分两种情况一种是后端接口可以直接触发下载（就是直接访问链接即可触发）另一种后端接口返回二进制数据，需要你前台先处理一下再下载。二、文件导入上传到后端接口这里分两种解决方案 一种是使用ElementUI官方提供的``组件实现上传另一种是使用原生的``表单实现上传
2024-07-29 11:13:25
757
原创 el-table表格高度滚动条频繁出现闪影、抽搐问题
只给el-table设置了max-height，没有设置height，导致表格高度塌陷、el-table表格高度滚动条频繁出现闪影、抽搐问题
2024-07-23 16:26:49
890
2
原创 关于Vue页面css样式错乱—初次加载页面排版正常但偶尔刷新页面却出现样式错乱的问题
关于Vue页面css样式错乱—初次加载页面排版正常但偶尔刷新页面却出现样式错乱的问题。自己在写一个Vue项目时发现一切功能都正常，控制台也没有报错。第一次打开页面时，css样式成功渲染，但是再次刷新页面时偶尔会出现样式错乱的问题。我打开console—network—查看css那一栏，突然发现有时引入的css文件会报404错误。
2024-05-21 11:04:24
988
原创 JavaScript获取DOM元素的所有方法（表格形式）
JavaScript获取DOM元素的所有方法(表格形式)，JS获取DOM元素的所有方法，js获取页面元素的所有方法，js获取页面div的所有方法
2024-05-18 12:27:21
761
原创 已经拿到手的Vue项目该如何启动？
已经拿到手的Vue项目该如何启动？如何启动一个Vue项目，Vue脚手架怎么启动，许多Vue项目启动的帖子内容都太复杂了，老手不需要看，新手又看不懂。实际上启动一个Vue项目只需要三步。
2024-05-17 11:15:02
6323
1
原创 如何优雅的安装Node.js环境
如何优雅的安装Node.js，如何配置Node.js环境，小白如何安装Node.js，此文章针对的是目前还未安装过Node.js环境的小白如果你的电脑已经安装过，但是无法运行，请先尝试卸载干净在浏览此贴Node卸载超详细步骤。
2024-05-17 11:02:01
1123
1
原创 VantUI下拉搜索框实现方法、输入搜索框方法（基于Vue）
VantUI下拉搜索框实现方法、输入搜索框方法（基于Vue），vantui下拉框，vantui实现下拉搜索框，vantui选择器，vantui下拉搜索选择器，vantui搜索框实现方法
2023-12-25 14:29:35
4413
原创 VScode插件——HTMLHint插件使用指南、规则配置说明指南、如何修改HTMLHint规则
VScode插件——HTMLHint使用指南、规则配置说明指南、如何修改HTMLHint规则。HTMLHint是一个用于检查HTML代码错误和潜在问题的插件。它提供了一系列的规则，用于检查HTML代码的语法、结构、标签使用等方面的问题。说白了就是以.html后缀结束的文件，进行语法检查，方便我们及时找到代码错误。
2023-10-13 17:45:39
2763
原创 【HTML5+CSS】滚动视差效果演示小练习demo——实现背景图片固定
【HTML5+CSS】滚动视差效果演示小练习demo——实现背景图片固定
2023-09-13 13:46:44
395
1
原创 解决Vue项目—node_modules文件夹越用越大的原因及其解决方式（模块瘦身完整版）
Vue项目—node_modules文件夹越用越大的原因及其解决方式（模块瘦身完整版）。自己在做公司项目的时候，发现node.modules文件夹占用很多内存，去网上搜索了一些解决办法，结合自己的实践，把这个方法再次更新整合一下。node_modules文件夹越用越大的原因。node_modules文件夹多与少取决于package.json安装了多少依赖。。
2023-04-19 10:31:49
7371
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人