Lynn^_--CSDN博客

原创 ElementUI 表格 el-table，在大量使用 v-if 时列表渲染出现错乱，要么 A 列的数据显示在 B 列上，要么后端有数据的但是显示的为空

值，我一般习惯使用字段名，也可以随机生成一个值，只要具有唯一性就可以。作为唯一标识，这样渲染的时候就不会因为复用原则导致列数据混乱了。来控制显示隐藏时，就会出现列数据错乱的情况。当 el-table 表格上的列。

2023-06-14 17:34:11 1656

原创 Firefox浏览器报错：CORS请求未能成功

最近在开发中遇到个问题，项目部署完后在Google浏览器能正常使用，但是在Firefox浏览器报跨域拦截（CORS请求未能成功）；经检查后端代码以及Nginx都已经配置了跨域相关的代码，按理不应该在出现跨域问题啊。经排查发现问题出在证书上，Firefox认为后端证书不安全从而进行了拦截，好像是项目的域名与证书不一致导致。证书管理器弹窗里切到服务器部分，点击添加例外，再把需要信任的地址添加进去，就可以正常访问了。由于这是浏览器的安全机制做的拦截，只要让浏览器信任该证书就行。...

2022-08-31 17:56:56 6678 1

原创前后端分离的vue项目部署到测试环境后，在火狐浏览器无法打开

把前后端分离的项目（前端vue，后端Java）部署到服务器上后，在Google浏览器能正常打开，在火狐浏览器无法打开，F12提示“已拦截跨源请求：同源策略禁止读取位于 https://xxx.com:8080 的远程资源。经排查发现，运维在Nginx上配置时把前端请求后端的接口IP配置成了http,而后端是加了证书的，真正的请求是https，这样就导致前端请求后端接口提示跨域；经过对比火狐浏览器和谷歌浏览器的请求头发现，火狐的请求头里Origin为null，而正常情况下Origin应该是系统的请求地址；..

2022-08-31 17:34:11 2171

原创 vue下载大文件时浏览器不显示下载进度

最近开发中遇到个问题，项目需要下载大文件（音视频），由于后端给我的是视频的地址而不是直接返回流，所以前端用了获取视频流并实现下载功能。这时会发现点击下载按钮后会有很长一段时间的空白，页面没任何反正，然后才显示下载完成的文件。这是因为我们需要等获取到流后才触发浏览器下载，获取流会花费很长的时间。要想实现下载时浏览器能显示下载进度，只能把获取流的请求抛给浏览器，使用标签的属性实现下载，代码如下：这时又出现了新的问题，点击后会发现浏览器会自动打开一个新页面播放视频，并没有我们一开始想的那样直接下载；对于这个情况

2022-08-25 16:51:43 4789 1

原创前端分片下载大文件

前端请求后端服务下载安装包等大文件时请求超时，由于文件大小不定无法通过修改超时时间解决；并且文件过大时接口请求时间长，页面无法查看请求进度，用户无法看到是否已经在下载文件。

2022-08-25 16:31:32 5216 3

原创 VideoJS实现视频直播（vue）

video.js实现视频直播

2022-06-12 15:00:43 5089 2

原创 MongoDB连接数据库时报错TypeError: db.collection is not a function

问题：使用MongoDB连接数据库时报错TypeError: db.collection is not a function代码如下：var find = function (db, collections, selector, fn) { var collection = db.collection(collections); collection.find(selector).toArray(function (err, result) { //console.log(docs);

2022-03-14 11:35:40 4856

原创 Luckysheet使用中遇到的问题汇总

一、单元格输入单引号后无法删除问题描述Excel表格可以在内容前输入英文状态的单引号来实现一些格式转换，Luckysheet也同步了这一功能；但在使用中却发现了一个问题：单元格一旦使用了英文状态的单引号后，不论你手动删除或者修改，还是使用右键的清空内容，都无法去除单引号，甚至清空内容后双击单元格，会显示为'null，如图：解决方案查遍了Luckysheet的官方文档和讨论组，并没有找到相关的问题解决方案；后来通过对比修改前后的表格数据结果，发现其中多了一个参数qp值为1；查看其源码，初步判断该值就

2022-03-14 11:31:55 4939 10

原创 Luckysheet的使用

什么是LuckysheetLuckysheet ，一款纯前端类似excel的在线表格，功能强大、配置简单、完全开源。Luckysheet官网：https://github.com/mengshukeji/Luckysheet/blob/master/README-zh.mdLuckysheet使用（vue项目）1、引入目前Luckysheet不支持使用npm安装包，所以只能使用CDN引入依赖；在vue项目的public/index.html文件里引入：<link rel='styleshe

2021-12-19 16:07:03 21275 14

snowflakelm的博客