- 博客(77)
- 收藏
- 关注
RSS订阅原创 vue2.0过滤器filters
是vue为开发者提供的功能，常用于文本的格式化。过滤器可以用在两个地方:插值表达式和v-bind属性绑定。--在双花括号中通过"管道符"调用capitalize 过滤器，对row的接口返回值进行处理-->*filterQuarter花括号定义过滤器名称。过滤器应该被添加在JavaScript表达式的尾部，由“* 最后return回处理过后数据。* row管道前传入数据。// filters过滤器方法。
2023-11-15 14:10:27
571
1
原创 将数字 12345678 转化成 RMB 形式 如： 12,345,678
【代码】将数字 12345678 转化成 RMB 形式 如： 12,345,678。
2023-06-29 17:32:25
172
原创 uni-app动态开启VConsole控制台调试
Vue.prototype.$vconsole = new vconsole() // 使用vconsole。开发 h5 应用有时需要排查线上发生的问题。// 提交前需要注释 本地调试使用。在main.js文件直接引入这个。
2023-06-26 20:59:10
1672
原创 前端八股文(面试题)
promise是为了解决异步回调地狱(回调地狱:回调函数嵌套回调函数的意思)的一种状态机,共有三种状态,pending等待中,fulfilled成功,reject失败.1)不受外界影响,只由pending-fulfilled状态改变或者只由 pending-reject状态改变,且状态不可逆2)promise支持链式.then()写法1) 无法取消Promise,一旦新建它就会立即执行，无法中途取消2) 如果不设置回调函数，Promise内部抛出的错误，不会反映到外部。
2023-06-16 17:43:22
614
原创 vue播放rtsp视频流
一、WebRtcStreamer.js。三、videoItem.vue。二、webrtc.js。四、webrtc.vue。
2023-05-06 17:38:03
4558
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
993
原创 js 防抖与节流
防抖函数的作用是在用户停止触发事件后，延迟一段时间再执行函数。这样可以避免频繁地执行一些计算量大或者请求量大的函数，比如自动保存、搜索建议等。节流函数的作用是在一定时间间隔内，只执行一次函数。这样可以保证函数的执行速度不超过设定的频率，比如滚动事件、窗口大小调整等。防抖和节流函数的好处是可以提高性能，减少资源消耗，优化用户体验。
2023-04-27 11:55:12
449
转载 使用vue国际化中出现内置的组件无法切换语言(i18n)的问题(element-ui、ivew)
使用vue国际化中出现内置的组件无法切换语言(i18n)的问题(element-ui、ivew)
2022-06-23 14:21:34
1163
原创 封装moment 时间插件日期组件
// 封装日期组件// 引入 moment 时间插件import moment from "moment";//获取今日/昨日/本周/上周/本月/上月 时间export default { // 获取今日的开始结束时间 getToday() { let obj = { starttime: '', endtime: '' } obj.starttime = mome.........
2022-06-09 12:04:45
189
原创 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
806
原创 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
3169
原创 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
1384
原创 VueX（Vue状态管理模式)
概念： VueX是适用于在Vue项目开发时使用的状态管理工具。试想一下，如果在一个项目开发中频繁的使用组件传参的方式来同步data中的值，一旦项目变得很庞大，管理和维护这些值将是相当棘手的工作。为此，Vue为这些被多个组件频繁使用的值提供了一个统一管理的工具——VueX。在具有VueX的Vue项目中，我们只需要把这些值定义在VueX中，即可在整个Vue项目的组件中使用。step1.由于VueX是在学习VueCli后进行的，所以在下文出现的项目的目录请参照VueCli 2.x构建的目录。以下步骤的
2022-01-12 20:39:51
113
原创 js实现文字横向滚动与纵向滚动(支持手动滑动距离)
js实现页面消息滚动效果 - Leoz/ - 博客园js实现文字横向滚动 - 史洲宇 - 博客园
2022-01-08 17:49:43
3618
1
原创 js 拖拽功能的实现
元素拖拽分成3个步骤：按下鼠标，移动鼠标，松开鼠标。拖拽原理：按下拖拽元素后开始监听文档中鼠标移动事件，然后再监听鼠标松开事件；鼠标移动时，元素div要随着鼠标一起移动，需要计算元素div位移的距离（移动的距离=鼠标离可视窗口的位置 – 鼠标在div中相对于左上角的位置）。然后松开鼠标时，删除移动事件和松开事件，元素完成拖拽代码参考<!DOCTYPE html><html lang="en"><title>拖拽</title><h
2022-01-08 14:24:40
827
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人