- 博客(42)
- 收藏
- 关注
RSS订阅原创 封装WebSocket组件，前端使用WebSocket Echo Test自己写实时的测试数据
你可以在需要使用 WebSocket 的 Vue 组件中引入并使用上面封装WebSocketService。这个文件将处理 WebSocket 的连接、消息发送和接收。，是一个提供 WebSocket 测试功能的平台。
2024-11-20 18:23:00
519
原创 vscode设置快捷代码片段
ctrl+shift+p打开vscode快捷窗口，然后拼写snippets，就能看到配置代码片段了。下面是我设置的快捷代码片段，效果也放在下面了。
2024-10-29 11:46:14
336
原创 uniapp-仿钉钉时间刻度轴(可进一步完善)
在Dcloud插件市场找到了与钉钉相类似的时间刻度轴,但是还是与我的需求不太相符,所以我进行了二开,但是还不是很完善,等有了时间会完善一下。DCloud 插件市场。DCloud 插件市场。
2024-10-29 11:43:51
493
原创 video视频/图片,轮播图swiper混播 vue-awesome-swiper
这个需求的是为了在轮播器中实现图片和视频的混播，以及在需要的时候能够手动切换到轮播模式。4.如果正在播放视频，手动切换到轮播模式会停止当前视频的播放。手头暂时没有成品动图，后续有机会会补上。1.支持同时播放视频和图片的轮播功能。3.当暂停视频时，轮播功能将继续进行。2.当播放视频时，轮播功能会被暂停。，可自行根据需要去官方文档学习。
2024-10-29 11:28:53
335
原创 uniapp-小程序/h5差异怎么解决(跨端兼容),阻止事件冒泡点击事件,路由跳转等
script>// 在TabBar页面从getApp()中获取刚刚存入到globalData中的数据onShow() {},</script>t=O83A。
2024-10-29 11:04:23
2794
原创 el-table唯一标识id不唯一怎么办(不唯一回显勾选数据会错乱)
从tableData中的数据可以看到id并不是唯一的,其中也没有任何一个字段是唯一标识,那么这种情况row-key="id"这样写就会导致我勾选的数据出现错乱,这时候把row-key="id"改成。
2024-10-29 10:59:49
300
原创 tree树形结构数据扁平化处理,多级转化数据children(两个数组通过相对应id,返回当前对象中的name值)
已知数据‘1/2/4’，数据结构如下图，想要拿到id对应‘1/2/4’的name值：‘张三/李四/赵六’输出的结果为'张三/李四/赵六'
2024-10-28 14:57:47
307
原创 H5/小程序调用地图(有缺陷,不完善)
用手机调试,浏览器打开的就可以提示打开高德APP(图一)或者下载(安卓手机好用,苹果手机不太好用,具体什么问题忘记了),用微信就干脆调用不了,找了找原因,说是在微信里打开h5,在网上又找了找方法,终于在一个文章下面找到说高德百度不好使可以用腾讯啊,腾讯总不能不好使叭,于是我还是用上面大神写的去。文章浏览阅读2.8k次。【精选】H5页面中调起高德地图app，如果未安装应用，则提示用户安装_h5打开高德地图app-优快云博客。,只不过不是调用APP或者下载了,是直接打开地图(浏览器图二,微信图三)
2024-10-28 11:51:33
1854
原创 vue2实现当前页面由pdf导出
本文将介绍如何利用Vue2框架来实现当前页面由PDF导出的功能。我们将使用Vue2的强大功能结合第三方插件，使用户可以通过一个简单的操作将当前页面的内容转化为PDF文件。
2024-10-28 11:48:49
466
原创 创建vue项目、下依赖、淘宝镜像
我的操作是 回车------回车------(这步是名字,这里是改为xxx之后回车,自己练习的项目直接根据提示给自己的名字回车就好)回车------回车------y回车------n回车------n回车------n回车------回车。在项目中有时下载不下来依赖，或者是依赖报错有可能是网不好（用淘宝镜像），可以先把没有下载成功的。在桌面或者是你创建一个文件夹都行，然后按住shift的同时点击鼠标右键,会出现。然后进入你刚刚创建的这个文件夹去下载依赖就好了。没有这两个的跳过这步。
2024-10-28 11:40:37
279
原创 el-table实现将多个页选中的数据批量导出为excel------vue项目
上面的方法导出来的数据没有做处理,表头还是后端返回的字段,不是el-table-column里面的label,当有个别列数据为空时导出的表格会出现错乱,1.安装xlsx插件，这个插件可以用于生成和下载Excel文件。2.引入xlsx和file-saver库，并创建一个导出方法。下面给出的方法解决了这些问题。
2024-10-28 11:14:46
266
原创 关闭浏览器标签页清除localStorage/sessionStorage/cookie信息
【代码】关闭浏览器标签页清除localStorage/sessionStorage/cookie信息。
2024-10-28 11:12:12
401
原创 Linux命令语句
Linux系统命令，通过本文章使用日常的linxu系统，没有太大问题，改文章会持续更新的，如果有小伙伴觉得文章内容过于低级，请提示本作者进行及时更新，请大家勿喷。Linux命令_故里明月的博客-优快云博客。
2024-10-28 11:11:12
224
原创 pm2: 未找到命令 Process or Namespace xxx not found
使用前提：PM2的使用前提是该系统已经安装好node安装包。pm2入坑教程_故里明月的博客-优快云博客。
2024-10-28 11:10:35
667
原创 前端跨域解决
首先声明一点，跨域是浏览器拦截的行为，请求已经发送到后端，后端返回的响应数据被浏览器拦截住了，这就是跨域的流程。同源策略是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。node + vue + webpack + webpack-dev-server搭建的项目，跨域请求接口，直接修改webpack.config.js配置。9种常见的前端跨域解决方案（详解）_前端解决跨域问题_时清云的博客-优快云博客。
2024-10-28 10:52:22
409
原创 css背景属性全家桶 background背景图片好用技巧 img
fill 默认不保证保持原有的比例，内容拉伸填充整个内容容器。contain保持原有尺寸比例。内容被缩放。cover保持原有尺寸比例。但部分内容可能被剪切。none保留原有元素内容的长度和宽度，也就是说内容不会被重置。scale-down保持原有尺寸比例。内容的尺寸与 none 或 contain 中的一个相同，取决于它们两个之间谁得到的对象尺寸会更小一些。initial设置为默认值一、图片的盒模型二、background-origin与clip 背景图片定位参考系与背景裁剪。
2024-10-28 10:51:33
803
原创 清除npm缓存
上面操作不好使的话,删除node_modules的同时,把package-lock.json也删掉,然后再试一遍。如果还是不行有可能是npm与node版本不匹配,或者是网络不好,或者是其他错误,视情况而定。删除node_modules。
2024-10-25 15:40:51
251
1
原创 获取域名/端口/链接+域名/端口/http/https详解
域名是网站的基础，也是到达网站的具体指路牌，如果没有域名，用户则无法轻松访问到网站内容，一个好的域名对于网站而言非常重要。--------------------------------------------------------【本质透析】从本质来讲，任何一个网站的访问，都是通过服务器的IP（xxx.xxx.xxx）和端口号（xx）的组合来实现访问的。前端进阶之路——域名（domain）_前端域名_浮游本尊的博客-优快云博客。网站的域名和端口_域名端口_enkayi的博客-优快云博客。
2024-10-25 15:40:32
1107
原创 Vue.Draggable拖拽与el-table表格拖拽
然后就会去网上百度一些vue拖拽相关的插件，比如vue-draggable它是基于sortable.js的二次封装，兼容了移动端，不过我们写toB项目的时候，可能只有pc端需要拖拽功能，所以这期就结合vue教大家手写实现拖拽。Elment ui中el-table 实现表格拖拽_el-table 拖拽_番茄and西红柿的博客-优快云博客。vue中针对el-table表格的拖拽_el-table 拖拽_爱前端的茂茂的博客-优快云博客。VUE 实现拖拽效果_vue 拖拽_alokka的博客-优快云博客。
2024-10-25 15:40:09
3713
原创 图片验证码(点击字/滑动拼图)
AJ-Captcha: 行为验证码(滑动拼图、点选文字)，前后端(java)交互，包含vue/h5/Android/IOS/flutter/uni-app/react/php/go/微信小程序的源码和实现。这个插件代码可以直接拿走就用。照着这个在线文档操作就好。
2024-10-25 15:39:23
328
原创 nuxt+vue遇到的问题
近日用Vue写了个小项目 但由于Vue的特性 导致项目的SEO并不是很好因此用Nuxt重构了该项目 对项目进行了一次优化由于之前并没有相关的经验 因此遇到不少的坑 特此记录一下一、概念什么是NuxtNuxt.js是Vue.js的通用框架 常用来作服务器端渲染(Server Side Rendering 简称SSR)Vue适合用于开发SPA单页面应用 但因其数据绑定特性 导致爬虫只能爬取页面模板 并不能爬到渲染好的数据 不利于网站排名对于公司内部网站等不需要排名的网站 可以不用SEO但对于那些。
2024-10-25 15:36:50
384
原创 正则替换deep
前端 - 如何快速将>>>或/deep/或::v-deep替换成:deep()这种形式？：& 问题描述： 项目中有>>>或/deep/写法不被支持和::v-deep兼容问题时候，怎么快速替换掉这种写法？当有时候我们拿到一个老项目，它的css写法属于比较老旧 ...前端 - 如何快速将>>>或/deep/或::v-deep替换成:deep()这种形式？
2024-10-25 15:36:26
414
原创 sass除法报警告----Deprecation Warning: Using / for division outside of calc() is deprecated
【代码】sass除法报警告----Deprecation Warning: Using / for division outside of calc() is deprecated。
2024-10-25 15:36:02
249
原创 Mixins一个 js 对象,可以提高代码的重用性------vue2,vue3更推荐 使用组合式 API 的组合式函数
vue3中不在推荐使用mixins，在 Vue 2 中，mixins 是创建可重用组件逻辑的主要方式。在不使用mixins的情况下，外部js无法调用vue页面中参数，所以我们需要调用方法或者调用ts中的参数时。在外部的ts文件中我们可以使用vue的API，例如：onMounted,onUnmounted..._vue3.0 ts 页面 调用 ts。Vue中mixins（混入）的介绍和使用_Share_Li_98的博客-优快云博客。Vue 中 mixins（混入）的介绍和使用_mixins。
2024-10-25 15:31:31
756
原创 23022312
/div>data () {return {//div数量//div之间的距离},//里面的数字是用到的窗口宽度与剩余可利用的窗口宽度},
2024-10-25 15:30:32
689
原创 【记录巩固】
target：表示的是代理到的目标地址，比如 /api-hy/moment会被代理到 http://localhost:8888/apihy/moment；pathRewrite：默认情况下，我们的 /api-hy 也会被写入到URL中，如果希望删除，可以使用pathRewrite；css添加伪元素(before、after)并为伪元素添加点击事件_css伪元素点击事件_IT酷盖的博客-优快云博客。proxyTable 的功能不止可以实现域名的转换,更多的时候是解决跨域的请求,当图片不显示可以试试加上。
2024-10-25 15:30:01
686
原创 【总结巩固】
目录一、css选择器二、父组件子组件传值Vue图片路径问题自定义table表头、修改列标题样式element中table多选框搭配分页vue引入的el-tree前添加图标host文件在C:\Windows\System32\drivers\etc用css画不规则图形(梯形,五角星,月牙,❤型,无穷......) https://www.youkuaiyun.com/tags/MtTaYg5sMjg5MDYtYmxvZwO0O0OO0O0O.htmlhttps://www.youkuaiyun.com/tags/MtTaYg5sMj
2024-10-25 15:29:40
555
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人