
vue
大个个个个个儿
少吃一点,减减肥,更漂亮。
多读点书,动动脑,更聪明。
展开
-
javaScript复制到剪贴板的方法
(适用于localhost 或者是https的网址)(如果你们的网站是http开头 就只能用这个)需要一行文字复制到粘贴板上。原创 2025-04-29 10:31:49 · 171 阅读 · 0 评论 -
vue3腾讯云直播 前端拉流(前端页面展示直播)
3、在展示直播的vue文件中引入插件和样式文件,例子中的地址都为测试地址(腾讯云控制台->地址生成器生成的,我用的是HLS地址)1、引入文件,在index.html。原创 2025-04-09 18:20:14 · 258 阅读 · 0 评论 -
vue3腾讯云直播 前端推流
2、vue文件中,添加video推流(我用的推流地址是webrtc)3、推流成功后,会在腾讯云控制台的流管理中看到。1、在index.html文件中引入(原创 2025-04-09 18:04:33 · 417 阅读 · 0 评论 -
vxe-table中vxe-grid中的高亮行、高亮列
【代码】vxe-table中vxe-grid中的高亮行、高亮列。原创 2025-03-13 15:17:31 · 359 阅读 · 0 评论 -
vxe-table中vxe-grid中的合并单元格(合并行、列)
【代码】vxe-table中vxe-grid中的合并单元格(合并行、列)原创 2025-03-13 14:33:26 · 308 阅读 · 0 评论 -
vue-echarts 动态x轴字段,可选多个公司数据,根据选择的条件动态生成echarts柱形图(或者折线图)
月份、 公司 、显示字段、柱形图(折线图),都为动态可选的。(此例子:模拟数据都为随机数,所以每次截图值都会不同)(Vue3 + echarts 5.4.2版本)原创 2024-11-12 16:57:19 · 473 阅读 · 0 评论 -
JavaScript和vue实现左右两栏,中间拖动按钮可以拖动左右两边的宽度
JavaScript和vue实现左右两栏,中间拖动按钮可以拖动左右两边的宽度原创 2024-08-02 11:38:50 · 597 阅读 · 0 评论 -
Vue3 + Ant-Design 中 a-date-picke 实现选择切换年份 没有鼠标光标,输入框内自带‘年’
4、时间改变的时候,输入框内还会有鼠标光标(获得了焦点):changeTime方法中的blur()1、输入框内自带’年‘字:value-format="YYYY年" format="YYYY年"3、自定义图标:加一个插槽,代码如上<template></template>2、点击下拉的时候,就不会有光标:inputReadOnly。原创 2024-06-21 11:44:28 · 490 阅读 · 0 评论 -
vue项目——前端CryptoJS加密、解密
前端CryptoJS加密、解密原创 2024-06-17 19:17:49 · 1308 阅读 · 0 评论 -
vue3和ant-design 实现前端多种验证密码规则,最全的前端验证密码规则
1、小眼睛可以显示/隐藏明文密码(无法用input type=password,用css样式实现切换明文)2、输入长度统计(不是自带的,用div写的,然后定位到框内的)3、每输入一个字符分别验证每一项规则,符合就变绿色,删掉符合字符就变红色4、根据符合规则的长度,判断密码强弱原创 2024-06-14 11:16:32 · 636 阅读 · 0 评论 -
vue3中 用div实现 a-tab 选项太多时的鼠标水平滑动功能
滚动条显示自定义;无滚动条时 鼠标滑轮水平滑动,原创 2024-06-13 19:48:08 · 357 阅读 · 0 评论 -
vue3 前端验证码-删除最后一个,焦点聚焦在前一个值上,并不会删除值
【代码】vue3 前端验证码原创 2024-06-13 15:49:47 · 214 阅读 · 0 评论 -
js实现 选中文字后,自动复制内容,粘贴即可
选中文字后,自动复制选中的文字内容原创 2024-04-19 15:34:45 · 500 阅读 · 0 评论 -
快速删除node_modules依赖包的命令rimraf
安装rimraf,使用命令删除node_modules原创 2024-04-16 14:36:49 · 637 阅读 · 0 评论 -
谷歌浏览器安装 vue-devtools 拓展,仅需3分钟
链接:https://pan.baidu.com/s/1LDIJxG26tOHtUe_aUh_pEA提取码:v81r下载下来后是一个.crx 文件。原创 2023-11-10 10:33:36 · 535 阅读 · 0 评论 -
element 时间插件 placement 报错
只需一个简单配置一下 align="center" 就不会再报错了,不需要升级element的版本。原创 2023-07-29 14:13:15 · 240 阅读 · 0 评论 -
JavaScript function默认参数赋值前后顺序差异
【代码】JavaScript function默认参数赋值前后顺序差异。原创 2023-07-26 17:29:05 · 487 阅读 · 0 评论 -
js 操作符 in 的使用
【代码】js 操作符 in 的使用。原创 2023-07-25 18:02:54 · 855 阅读 · 0 评论 -
js中的Object.freeze()函数使用
【代码】js中的Object.freeze()函数使用。原创 2023-07-21 15:08:19 · 145 阅读 · 0 评论 -
js中String.raw 将模板字符串不转义的原始字符串内容返回
【代码】js中String.raw 将模板字符串不转义的原始字符串内容返回。原创 2023-07-20 15:03:24 · 459 阅读 · 0 评论 -
js字符串补位方法padStart()和padEnd()用法和常用案例
padEnd是向后补位,padStart是在前边补位原创 2023-07-19 15:36:46 · 963 阅读 · 0 评论 -
你不知道的ES6之Symbol面试考点
【代码】你不知道的ES6之Symbol面试考点。原创 2023-07-18 16:52:06 · 115 阅读 · 0 评论 -
import和require引入文件,加载出来的结果不同
【代码】import和require引入文件,加载出来的结果不同。原创 2023-07-18 10:29:48 · 276 阅读 · 0 评论 -
JSON.stringify()和JSON.parse()那些你不知道的参数
JSON.stringify、JSON.parse原创 2023-07-06 18:08:12 · 284 阅读 · 0 评论 -
js三元运算符,?? 双问号的语义和用法
??其意义为:当a为 null 或者 undefined 时,返回b的值,否则返回a的值;原创 2023-07-05 16:47:28 · 598 阅读 · 0 评论 -
vscode vue-helper插件导致vscode 自动换行快捷键失效
因为我平时看代码的时候喜欢 换行和不换行之间来回切换,所以这个alt +Z 我是经常用的。今天发现按键并不能换行了,猜测是前一天安装的插件问题,禁用了vue-helper插件后需重启vscode才恢复正常功能。2、在设置的搜索栏里输入 Editor:word wrap,设置为 on 就可以了。vue-helper插件:代码提示,点击文件路径快速跳转。原创 2023-06-28 11:20:57 · 2916 阅读 · 5 评论 -
vscode设置可以搜索包含node_modules中的文件
步骤3中删除掉node_modules,再搜索的时候,node_modules的匹配到代码也会展示出来了。如果不想要被搜索文件包含node_modules,再添加上就可以。原创 2023-06-26 16:47:32 · 3010 阅读 · 0 评论 -
不更改版本 element ui el-date-picker 报错 Prop being mutated: “placement“解决办法
不改变版本的情况下,在代码上加 align='center',我的必须是单引号,双引号就还是报错。原创 2023-05-10 10:42:06 · 132 阅读 · 0 评论 -
8.4前端面试
了解哪些响应式方案?参考链接 https://blog.youkuaiyun.com/Liangbin1886/article/details/1018547081、@media 媒体查询2、按需加载CSS <link type="text/css" rel="stylesheet" href="base.css" media="(max-width:500px)"/>3、REM 页面resize事件的回调函数 动态改变根元素(html节点)的font-size 让页面中的元素适应视窗大原创 2021-08-09 22:15:33 · 142 阅读 · 0 评论 -
vue 路由缓存页面(beforeRouteLeave)
app.vue 入口页面<keep-alive :include="includedComponents"> <router-view v-if="$route.meta.keepAlive"></router-view></keep-alive><router-view v-if="!$route.meta.keepAlive"></router-view>import {mapGetters} from 'vue原创 2021-07-06 15:39:53 · 1929 阅读 · 1 评论 -
echarts 正负条形图将x轴都设置成正数
需求:想要一个男女对比的echarts图,都是正数显示;<script>option = { tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器,坐标轴触发有效 type: 'shadow' // 默认为直线,可选为:'line' | 'shadow' }, formatter: (para.原创 2021-04-13 09:43:59 · 1410 阅读 · 2 评论 -
vant 选择器(类似select下拉选择效果)
项目中使用了vant框架,有个需要做下拉的需求,搞一波。 <van-field readonly clickable label="城市" :value="projectNameValue" placeholder="选择城市" @click="showPicker = true" /> <van-popup v-model="showPicker" round p.原创 2021-01-01 22:49:32 · 13819 阅读 · 1 评论 -
echarts 折线图——双折线图(多条折线也可以)
option = { tooltip : { trigger : 'axis', formatter: '{b0}<br/>{a0}: {c0}万元<br />{a1}: {c1}万元', //指示器 axisPointer : { type : 'line', ...原创 2020-12-23 11:47:13 · 9610 阅读 · 0 评论 -
element 清空级联选择器选中样式
<el-cascader v-model="value" :options="options" ref="myCascader" @change="handleChange"> </el-cascader>this.$refs.myCascader.$refs.panel.clearCheckedNodes(); // 清空级联选择器选中状态this.$refs.myCascader.$refs.panel.activePath = []; ..原创 2020-12-22 23:16:16 · 501 阅读 · 0 评论 -
element-ui table 水平对齐设置
<el-table:data="tableData":header-cell-style="{textAlign: 'center'}" //element表头水平居中:cell-style="{ textAlign: 'center' }" //表格内容水平居中>原创 2020-12-22 23:11:34 · 1264 阅读 · 0 评论 -
js中数字和金额千分位之间的转换
//这段代码是money.js的//金额转千分位export function changeMoney(money){ if (!money){ return 0; } let a = (money +"").replace(/,/g,""); if (a.indexof(".") != -1){ if (a.split(".")[1].length > 2){ a = Math.round(+a* 100).原创 2020-12-22 23:00:42 · 1896 阅读 · 0 评论