- 博客(78)
- 收藏
- 关注
原创 a-table(Ant Design Vue) 滚动到指定行位置
钩子中调用此方法时,可以滚动到指定的行。请注意,这个例子假设每行数据都有一个唯一的。组件时,如果你想滚动到指定的行位置,可以通过访问内部的表格元素并调整其。参数,用于查找对应的行并滚动到该行的位置。,这是在模板中引用表格元素所必需的。在这个例子中,我们定义了一个。数组中定义了这个字段。
2024-07-08 11:19:23 500
原创 vue2.0过滤器filters
是vue为开发者提供的功能,常用于文本的格式化。过滤器可以用在两个地方:插值表达式和v-bind属性绑定。--在双花括号中通过"管道符"调用capitalize 过滤器,对row的接口返回值进行处理-->*filterQuarter花括号定义过滤器名称。过滤器应该被添加在JavaScript表达式的尾部,由“* 最后return回处理过后数据。* row管道前传入数据。// filters过滤器方法。
2023-11-15 14:10:27 591 1
原创 将数字 12345678 转化成 RMB 形式 如: 12,345,678
【代码】将数字 12345678 转化成 RMB 形式 如: 12,345,678。
2023-06-29 17:32:25 202
原创 uni-app动态开启VConsole控制台调试
Vue.prototype.$vconsole = new vconsole() // 使用vconsole。开发 h5 应用有时需要排查线上发生的问题。// 提交前需要注释 本地调试使用。在main.js文件直接引入这个。
2023-06-26 20:59:10 1910
原创 前端八股文(面试题)
promise是为了解决异步回调地狱(回调地狱:回调函数嵌套回调函数的意思)的一种状态机,共有三种状态,pending等待中,fulfilled成功,reject失败.1)不受外界影响,只由pending-fulfilled状态改变或者只由 pending-reject状态改变,且状态不可逆2)promise支持链式.then()写法1) 无法取消Promise,一旦新建它就会立即执行,无法中途取消2) 如果不设置回调函数,Promise内部抛出的错误,不会反映到外部。
2023-06-16 17:43:22 693
原创 vue播放rtsp视频流
一、WebRtcStreamer.js。三、videoItem.vue。二、webrtc.js。四、webrtc.vue。
2023-05-06 17:38:03 4676 5
原创 js websocket的使用
console.log('调用连接websocket', `ws://172.16.1.152:11576/webSocket`)// that.handlerMsg(JSON.parse(res.data)) //这里是对获取到的数据进行操作。console.log('收到服务器内容:' + res.data);console.log('发送成功')console.log('发送失败')console.log('发送失败')console.log('进入断线重连');// // 监听连接关闭 -
2023-04-27 14:39:03 1025
原创 js 防抖与节流
防抖函数的作用是在用户停止触发事件后,延迟一段时间再执行函数。这样可以避免频繁地执行一些计算量大或者请求量大的函数,比如自动保存、搜索建议等。节流函数的作用是在一定时间间隔内,只执行一次函数。这样可以保证函数的执行速度不超过设定的频率,比如滚动事件、窗口大小调整等。防抖和节流函数的好处是可以提高性能,减少资源消耗,优化用户体验。
2023-04-27 11:55:12 459
转载 使用vue国际化中出现内置的组件无法切换语言(i18n)的问题(element-ui、ivew)
使用vue国际化中出现内置的组件无法切换语言(i18n)的问题(element-ui、ivew)
2022-06-23 14:21:34 1222
原创 封装moment 时间插件日期组件
// 封装日期组件// 引入 moment 时间插件import moment from "moment";//获取今日/昨日/本周/上周/本月/上月 时间export default { // 获取今日的开始结束时间 getToday() { let obj = { starttime: '', endtime: '' } obj.starttime = mome.........
2022-06-09 12:04:45 197
原创 3D柱状图
<!-- 一.在html的模板下写一个div容器承载echarts图表 --><template> <div id="main" style="height:800px; width:600px;"></div></template><script>export default {mounted() {this.echarts();//初始化调用echarts图表}method:{eacharts...
2022-04-07 12:23:05 836
原创 vue实现浏览器全屏模式展示
1、安装screenfull包yarn add screenfull 或 npm install screenfull --save2、新建ScreenFull组件:ScreenFull.vue<template> <div class="screen-full"> <div v-show="!isFullscreen" @click="handleFullScreen">全屏模式</div> <div .
2022-03-22 10:52:41 3197
原创 vue实现在线编辑excel(转)
不支持ie 支持edge 需要ie请换方法vue不再赘述安装x-data-spreadsheetnpm install x-data-spreadsheet<template> <div id="x-spreadsheet-demo"></div></template><script> import Spreadsheet from 'x-data-spreadsheet'; import zhCN
2022-03-01 11:31:53 1451
原创 VueX(Vue状态管理模式)
概念: VueX是适用于在Vue项目开发时使用的状态管理工具。试想一下,如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值,一旦项目变得很庞大,管理和维护这些值将是相当棘手的工作。为此,Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中,我们只需要把这些值定义在VueX中,即可在整个Vue项目的组件中使用。step1.由于VueX是在学习VueCli后进行的,所以在下文出现的项目的目录请参照VueCli 2.x构建的目录。以下步骤的
2022-01-12 20:39:51 130
原创 js实现文字横向滚动与纵向滚动(支持手动滑动距离)
js实现页面消息滚动效果 - Leoz/ - 博客园js实现文字横向滚动 - 史洲宇 - 博客园
2022-01-08 17:49:43 3667 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人