![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
大个个个个个儿
少吃一点,减减肥,更漂亮。
多读点书,动动脑,更聪明。
展开
-
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 · 101 阅读 · 0 评论 -
vue项目——前端CryptoJS加密、解密
前端CryptoJS加密、解密原创 2024-06-17 19:17:49 · 234 阅读 · 0 评论 -
vue3和ant-design 实现前端多种验证密码规则,最全的前端验证密码规则
1、小眼睛可以显示/隐藏明文密码(无法用input type=password,用css样式实现切换明文)2、输入长度统计(不是自带的,用div写的,然后定位到框内的)3、每输入一个字符分别验证每一项规则,符合就变绿色,删掉符合字符就变红色4、根据符合规则的长度,判断密码强弱原创 2024-06-14 11:16:32 · 282 阅读 · 0 评论 -
vue3中 用div实现 a-tab 选项太多时的鼠标水平滑动功能
滚动条显示自定义;无滚动条时 鼠标滑轮水平滑动,原创 2024-06-13 19:48:08 · 167 阅读 · 0 评论 -
vue3 前端验证码-删除最后一个,焦点聚焦在前一个值上,并不会删除值
【代码】vue3 前端验证码原创 2024-06-13 15:49:47 · 147 阅读 · 0 评论 -
js实现 选中文字后,自动复制内容,粘贴即可
选中文字后,自动复制选中的文字内容原创 2024-04-19 15:34:45 · 149 阅读 · 0 评论 -
快速删除node_modules依赖包的命令rimraf
安装rimraf,使用命令删除node_modules原创 2024-04-16 14:36:49 · 457 阅读 · 0 评论 -
谷歌浏览器安装 vue-devtools 拓展,仅需3分钟
链接:https://pan.baidu.com/s/1LDIJxG26tOHtUe_aUh_pEA提取码:v81r下载下来后是一个.crx 文件。原创 2023-11-10 10:33:36 · 374 阅读 · 0 评论 -
element 时间插件 placement 报错
只需一个简单配置一下 align="center" 就不会再报错了,不需要升级element的版本。原创 2023-07-29 14:13:15 · 179 阅读 · 0 评论 -
JavaScript function默认参数赋值前后顺序差异
【代码】JavaScript function默认参数赋值前后顺序差异。原创 2023-07-26 17:29:05 · 405 阅读 · 0 评论 -
js 操作符 in 的使用
【代码】js 操作符 in 的使用。原创 2023-07-25 18:02:54 · 704 阅读 · 0 评论 -
js中的Object.freeze()函数使用
【代码】js中的Object.freeze()函数使用。原创 2023-07-21 15:08:19 · 85 阅读 · 0 评论 -
js中String.raw 将模板字符串不转义的原始字符串内容返回
【代码】js中String.raw 将模板字符串不转义的原始字符串内容返回。原创 2023-07-20 15:03:24 · 249 阅读 · 0 评论 -
js字符串补位方法padStart()和padEnd()用法和常用案例
padEnd是向后补位,padStart是在前边补位原创 2023-07-19 15:36:46 · 679 阅读 · 0 评论 -
你不知道的ES6之Symbol面试考点
【代码】你不知道的ES6之Symbol面试考点。原创 2023-07-18 16:52:06 · 55 阅读 · 0 评论 -
import和require引入文件,加载出来的结果不同
【代码】import和require引入文件,加载出来的结果不同。原创 2023-07-18 10:29:48 · 231 阅读 · 0 评论 -
JSON.stringify()和JSON.parse()那些你不知道的参数
JSON.stringify、JSON.parse原创 2023-07-06 18:08:12 · 228 阅读 · 0 评论 -
js三元运算符,?? 双问号的语义和用法
??其意义为:当a为 null 或者 undefined 时,返回b的值,否则返回a的值;原创 2023-07-05 16:47:28 · 414 阅读 · 0 评论 -
vscode vue-helper插件导致vscode 自动换行快捷键失效
因为我平时看代码的时候喜欢 换行和不换行之间来回切换,所以这个alt +Z 我是经常用的。今天发现按键并不能换行了,猜测是前一天安装的插件问题,禁用了vue-helper插件后需重启vscode才恢复正常功能。2、在设置的搜索栏里输入 Editor:word wrap,设置为 on 就可以了。vue-helper插件:代码提示,点击文件路径快速跳转。原创 2023-06-28 11:20:57 · 2272 阅读 · 5 评论 -
vscode设置可以搜索包含node_modules中的文件
步骤3中删除掉node_modules,再搜索的时候,node_modules的匹配到代码也会展示出来了。如果不想要被搜索文件包含node_modules,再添加上就可以。原创 2023-06-26 16:47:32 · 2431 阅读 · 0 评论 -
不更改版本 element ui el-date-picker 报错 Prop being mutated: “placement“解决办法
不改变版本的情况下,在代码上加 align='center',我的必须是单引号,双引号就还是报错。原创 2023-05-10 10:42:06 · 92 阅读 · 0 评论 -
8.4前端面试
了解哪些响应式方案?参考链接 https://blog.csdn.net/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 · 116 阅读 · 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 · 1830 阅读 · 1 评论 -
echarts 正负条形图将x轴都设置成正数
需求:想要一个男女对比的echarts图,都是正数显示;<script>option = { tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器,坐标轴触发有效 type: 'shadow' // 默认为直线,可选为:'line' | 'shadow' }, formatter: (para.原创 2021-04-13 09:43:59 · 1197 阅读 · 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 · 12047 阅读 · 1 评论 -
echarts 折线图——双折线图(多条折线也可以)
option = { tooltip : { trigger : 'axis', formatter: '{b0}<br/>{a0}: {c0}万元<br />{a1}: {c1}万元', //指示器 axisPointer : { type : 'line', ...原创 2020-12-23 11:47:13 · 8357 阅读 · 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 · 422 阅读 · 0 评论 -
element-ui table 水平对齐设置
<el-table:data="tableData":header-cell-style="{textAlign: 'center'}" //element表头水平居中:cell-style="{ textAlign: 'center' }" //表格内容水平居中>原创 2020-12-22 23:11:34 · 1194 阅读 · 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 · 1768 阅读 · 0 评论