- 博客(19)
- 收藏
- 关注
RSS订阅原创 前端流式下载
本文对比了前端文件下载的两种实现方式：base64编码下载和流式下载。base64方式需要后端编码数据并返回JSON对象，前端需解码后保存；而流式下载则直接返回文件流，前端处理更简单。性能测试表明，流式下载在大文件场景下效率更高，且减少了中间处理步骤。文章详细展示了两种方法的后端（Node.js）和前端实现代码，并对比了数据格式、性能、安全性等特性。最后推荐优先使用流式下载，尤其适合大文件传输场景，能显著提升下载效率并简化前端逻辑。（150字）
2025-08-06 13:47:43
423
原创 ECharts 在 Vue3 中报错Cannot read properties of undefined (reading ‘type‘)
摘要： 在Vue3中使用ECharts时，点击图例取消系列后可能报错（如Cannot read properties of undefined），原因是Vue3的Proxy深度代理导致ECharts实例内部状态错乱。解决方案是让ECharts实例脱离响应式系统： 推荐：使用shallowRef代替ref存储实例； 或通过markRaw标记实例为非响应式。 此方法同样适用于Three.js等第三方库实例，可避免多数代理引发的未定义问题。原配置与API调用无需调整，仅需调整实例存储方式即可修复。
2025-07-15 15:18:59
514
原创 Host key verification failed.fatal: Could not read from remote repository。vue执行install 或者下载报错，解决办法来了
Host key verification failed.fatal: Could not read from remote repository.Please make sure you have the correct access rights and the repository exists.
2023-06-14 15:52:55
1521
原创 查看被占用的端口并且Kill it！！！
单纯记录一下发现本地打开链接是3001，查了一下发现是端口被占用！简单看了一下！做一个简单地记录！Win+R打开命令行运行框输入 cmd在弹出的黑串口输入 netstat -ano：查看电脑所有端口被占用的情况:接下来输入 netstat -ano|findstr 端口号：查看特定端口被占用情况（端口号记得要用英文双引号）这个时候可以看到你说查询断就的进程号（红色框里就是）接着就输入命令 taskkill /pid PID(进程号) /f 用来关闭被占用的端口只是做一
2022-06-26 17:38:02
430
原创 Failed to compile with 1 error Failed to resolve loader: sass-loader You may need to install it.
启动项目报错 ERROR Failed to compile with 1 errorFailed to resolve loader: sass-loaderYou may need to install it.已经安装好了ruby，也通过ruby安装好了sass，结果在项目中使用后，启动项目还是报错；后来看到大神文章在此记录一下；解决方法通过npm 安装1、安装sass-loadernpm install sass-loader --save-dev2、安装 node-sass
2021-11-16 15:50:43
4589
原创 Syntax Error: TypeError: this.getOptions is not a function
在使用sass之后，发现启动项目报错；后来看大神博客原来是scss-loader版本过高；卸载安装低版本即可；在此记录！方法npm uninstall --save sass-loader // 卸载npm i -D sass-loader@8.x // 安装npm uninstall --save node-sass // 卸载npm i node-sass@4.14.1 // 安装注意，以上是鉴于sass-loader安装成功的情况下如果sass-loader安装不成功；也可以直接在
2021-11-16 15:41:16
496
原创 Vue中使用base64编码和解码
首先下载base64npm install --save js-base64接着载入let Base64 = require('js-base64').Base64最后使用Base64.encode('风扇') // 5r2Y45auYBase64.decode('5r2Y45auY') // 风扇
2021-08-13 17:37:09
702
原创 vue下载本地static静态文件的踩坑
接手了一个别人做的官网项目，里面添加一些功能，国际化（国际化）；接着有一个下载的功能，一般都是后端甩一个链接你放上面就好，但是这个小功能再去找一个后端搞，太夸张了吧，那我们就自己搞！方法当然是非常多的，但是我试了几种，总是会报一个错误；“未发现文件”，还有的时候就是：房子同一个地址下面；非压缩包的文件可以正常下载，但是压缩包就不能下载；上代码：最简单的就是利用a标签 <el-button round ><a href="/xlsx/test.x.
2021-08-12 12:01:23
2728
原创 2021-08-02 nuxt.js+i18n做国际化项目，达到语言切换；以及使用i18n时的踩坑记录；
nuxt.js + vue-i18n开发国际化项目接到公司项目要做一个国际化的官网、之前一直没有搞过，百度了一下也不是很难；记录一下；步骤一：安装vue+i18nnpm install vue-i18n 或 yarn add vue-i18n步骤二：在store文件夹下更新index.js文件export const state = () => ({ locales: ['en', 'zh'], locale: 'zh' }) export const mu
2021-08-02 20:33:04
2546
5
原创 优快云系统奔溃！马德
我尼玛，今天这个csdn是咋回事啊？搜任何东西都出来这个玩意！前两秒是好的，后两秒就德德·马德·马德；这他妈啥玩意？卧槽了个DJ!!!
2021-06-24 17:15:31
309
原创 vue+dataV+echarts完成可视化大屏、动态飞线
可视化大屏、还是比较重要的；i面可能需要好几个库、做适配；定位；不过现在大神太多了，我们只需要拉他们的组件来用就好了：我的里面用了dataVdataV还有echartsecharts还可以给大家推荐一下一个特别好的、但是我没有用antv下面是效果展示；因为没有对接后台数据；都是一些最基础的数据；目前是项目里面的飞线是可以流动的，并且可以随意改变流向和位置；(里面添加了定位功能);...
2021-06-03 12:05:18
2740
原创 vue实现时间戳格式转换，element-ui里面使用moment.js!
在做项目过程中，后端拿过来的数据有一些不能直接用，比如说时间戳；今天用原生的方法转换了一下，有点麻烦！还踩了小坑；下面给大家介绍一下简单的方法！首先是下载插件！npm install moment -Soryarn add moment -S接着就在main.js中去全局载入这个插件：import moment from "moment";// 全局过滤器的定义Vue.filter("global_filter", function(value, type = "YYYY-MM-DD hh
2021-05-28 19:44:12
486
原创 vue+vuex+vant实现购物车全选反选和计算总价
vue+vuex+vant实现购物车全选反选和计算总价**main.js中的vuex写法**全选反选方法定义到mutations里：mutations: { //全选 checkAll(state, allVal) { state.all = allVal; state.carArr.map(val => { val.check = allVal }) local.set("xiaomijia", { "info":
2021-03-29 10:28:56
961
原创 原生node.js如何上传图片.
var http=require('http')var fs=require('fs')// formidable是nodejs中用来上传图片的模块var formidable=require('formidable')// path是路径模块var path=require('path')http.createServer(function(req,res){ // 如果请求的方法为post (在form中的method='post')if(req.method.toLowerCase(
2021-01-18 21:51:20
378
原创 get post HTTP
1、前端需要注意哪些SEO合理的title、description、keywords：搜索对着三项的权重逐个减小，title值强调重点即可，重要关键词出现不要超过2次，而且要靠前，不同页面title要有所不同；description把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面description有所不同；keywords列举出重要关键词即可语义化的HTML代码，符合W3C规范：语义化代码让搜索引擎容易理解网页重要内容HTML代码放在最前：搜索引擎抓取HTML顺序是从上到下，有的搜索引擎
2021-01-18 08:15:07
214
1
原创 jquery 里面remove删除和detach删除的区别；
<script src="./jquery.js"></script> <style> #box{ width:160px; height:300px; border:10px solid blue; border-radius: 25px; } </style></head><.
2021-01-14 15:24:25
230
原创 构造函数new操作具体做了什么？
<script> function Fn(name,age){ this.name=name; this.age=age; } Fn.prototype.say=function(){ } var obj2 = new Fn("wang",20); console.log(obj2); // new 干了什么
2021-01-11 21:51:45
1588
原创 Java Script的Dom节点操作
1、节点属性nodeName 节点名称nodeValue 节点内容nodeType 节点类型2、节点类型有哪些，nodeType值是什么?元素 1 属性 2 文本 3 注释 8 文档 93、获取元素的方式有哪些（6）document.getElementById(id);获取对象/nulldocument.getElementsByClassName(class); 获取伪数组/[ ]document.getElementsByTagName(标签名);获取伪数组/[ ]doc
2021-01-09 21:44:32
247
原创 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?
IE: trident内核Firefox：gecko内核Safari:webkit内核Opera:以前是presto内核，Opera现已改用Google Chrome的Blink内核Chrome:基于webkit只要能分清浏览器使用什么内核就得满分（safari和chrome使用webkit内核，Firefox使用gecko内核）...
2021-01-08 21:32:16
194
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人