- 博客(11)
- 收藏
- 关注
RSS订阅原创 前端js+WebSocket实现实时通信
websocket 服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话。1、url之前需添加ws://（未加密）或wss://（已加密），类似http://、https://浏览器使用时先判断当前浏览器是否支持websocket。建立websocket链接。
2022-11-29 12:03:08
2489
1
原创 附件下载功能
附件下载，做下载功能时，如果只能拿到附件url，或者url和name，后端没有提供下载接口，使用href=‘’url‘’又不合适时，可以参考使用该方法。
2022-07-29 11:14:07
395
转载 vue项目部署服务器，static文件夹里文件路径不对报404
场景：vue项目本地运行正常，npm run build之后，将dist文件上传至服务器之后，在nginx配置完成情况下，访问域名出现 .js 、.css等静态资源文件访问404，导致访问页面空白。原因：路径不对，找不到对应的static文件夹方案：有两种修改方式，一种是修改为相对路径，一种是修改为绝对路径。以相对路径为例 解决方案：将 ’ / ’ 改成 ’ ./ ’ 然后重新打包部署，访问就可以了。参考于：vue 项目放在服务器上 静态资源路径不对报404错误_yongy.
2021-10-12 13:54:53
4898
1
原创 vscode编辑器setting配置
没有最好的配置,只有最合适自己搬砖习惯的配置.{//#值设置为true时，每次保存的时候自动格式化；值设置为false时，代码格式化请按shift+alt+F"editor.formatOnSave":true,"editor.fontSize":18,//设置tab的缩进为2"editor.tabSize":2,//#每次保存的时候将代码按eslint格式进行修复"editor.codeActionsOnS...
2021-06-25 15:10:49
493
原创 el-scrollbar 在两个不相干组件之间实现滚动条的控制
el-scrollbar在elementUI文档中没有的,属于elementUI的隐藏组件在做vue-elementUI搭建的后台管理系统时,需要根据事件触发控制滚动条的高度,而使用overflow-y:scroll;自动生成的滚动条无法实现事件控制.因此使用el-scrollbar来代替浏览器自动生成的滚动条.因为事件在组件A中,而滚动条的实现在另一组件B中,两者没有父子、兄弟组件的关系.因此使用了vuex.在vuex中设置一个属性,A组件在触发事件时改变该属性,在B组件进行监听属性的变化,.
2021-02-05 17:22:33
446
原创 vue+element表格复选框改单选框
element表格中复选框是默认的,不用废话,下面是个人需求需要改造的单选框template模板的el-table标签中定义class名和选择方法js里是selected的方法,对于里面赋值根据需要增减,clearSelection和toggleRowSelection是element里提供的方法,可以直接使用现在已经可以实现单选,但还需要对全选/全不选框进行隐藏处理到此,完成....
2021-01-19 17:50:25
1750
转载 Vue keep-alive深入理解及实践总结
在搭建 vue 项目时，有某些组件没必要多次渲染，所以需要将组件在内存中进行‘持久化’，此时<keep-alive>便可以派上用场了。<keep-alive>可以使被包含的组件状态维持不变，即便是组件切换了，其内的状态依旧维持在内存之中。在下一次显示时，也不会重现渲染。PS：<keep-alive>与<transition>相似，只是一个抽象组件，它不会在DOM树中渲染(真实或者虚拟都不会)，也不在父组件链中存在，比如：你永远在this.$pa...
2020-09-21 10:49:04
266
1
原创 vue中前端基于Blob对于后端使用post导出Excel文件流时的处理
1.安装前端处理excel文件流需要使用的插件npm install -S file-savernpm install -S xlsxnpm install -D script-loader2.基于blob封装处理excel文件流方法export function excelDown(res, name = '模版文件.xlsx', type) { var typ = type || 'application/vnd.openxmlformats-officedocumen
2020-06-05 18:18:09
1245
原创 关于js深拷贝和浅拷贝的理解及使用
1.浅拷贝： 将原对象或原数组的引用直接赋给新对象，新数组，新对象／数组只是原对象的一个引用2.深拷贝： 创建一个新的对象和数组，将原对象的各项属性的“值”（数组的所有元素）拷贝过来，是“值”而不是“引用假设A复制了B，B发生了改变，A也跟着改变，就是浅拷贝，如果A没有变化，那就是深拷贝，具体看代码需求在不需要深拷贝时，复制对象直接用Object.assgin(), 数组的slice()这些，这些只深复制了基本类型数据类型，不是真正意义的深复制this.editForm = Object..
2020-06-05 16:01:48
192
原创 大文件分片上传和断点续传功能实现
最近所做一个项目中需要做很多上传文件功能,项目所用技术栈是vue+elementUI,上传插件是选择的elementUI中的el-upload,所选插件对于一般的图片,word文档,表格之类的可以正常满足需要.但是对于有些上传需要的是能够满足大文件的上传,而el-upload中文件上传是在点击上传按钮后直到文件上传成功页面上才显示出来,而且没有进度条的显示,在大文件上传中,长时间看不到文件...
2020-04-27 14:08:34
885
原创 H5在大屏项目遇到的焦点问题
H5在大屏项目遇到的焦点问题刚完成一个大屏项目，用H5写大屏项目也是大姑娘坐轿–头一次，总结下H5在写大屏项目所遇到的坑和爬坑经历：大屏项目需要注意的基本问题，一般不建议现有流行框架，最好使用原生代码编辑，大屏的机顶盒一般都是使用很久的，现有框架很可能会出现兼容性问题，大屏项目是在机顶盒上的安卓系统下运行，需要安卓人员用webview把H5代码封壳包起来，个人大屏项目使用原生+jquery库实现...
2019-09-29 17:24:02
834
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人