- 博客(47)
- 收藏
- 关注
RSS订阅原创 element中el-switch用法汇总（拓展：el-switch开关点击弹出确认框时，状态先改变，点击确认/取消失效，怎么解决?）
element中el-switch用法汇总（拓展：el-switch开关点击弹出确认框时，状态先改变，点击确认/取消失效，怎么解决?）
2023-11-08 17:11:16
4179
原创 avue 表单自定义标题无效问题（avue 表单自定义标题，当prop含有大写字母时失效）
avue 表单自定义标题，官方文档可以生效，项目中不生效。多方排查发现，当prop含有大写字母时失效。
2023-11-08 16:35:31
428
原创 avue 时间选择器限制时间范围（当天以后的时间、当前月、当前月剩余时间）
时间选择器限制时间范围（当天以后的时间、当前月、当前月剩余时间）。时间选择器做项目时必不可少的组件，今天就简单举几个常用的例子供参考。
2023-08-16 11:06:02
1195
1
原创 解决echarts第二次不渲染问题
echarts第一次能渲染，但点击其他页面在点击回来就不渲染了。查看dom属性发现了一个特殊的属性：_echarts_instance_，对应的值是一个id，可能是由于再次渲染时这个id未发生改变导致ehcarts认为不需要重新渲染。
2023-08-01 11:17:44
1185
1
原创 详解a标签中href=““的几种用法
这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。此时指向页面中的锚，比如href="#box"，那么点击时就会到当前页面中id="box"的这个锚点，实现当前页面的所谓跳转。用的最多就是在可滚动页面中，添加菜单，可以直接回到页面中的某个部分的内容。javascript:是伪协议，此方法代表在发生动作时执行一段javascript代码，但是这个代码是空的，所以什么也不执行。
2023-06-29 10:19:30
3062
原创 npm ERR! Fix the upstream dependency conflict, or retryn
npm ERR! Fix the upstream dependency conflict, or retrynpm ERR! this command with --force or --legacy-peer-depsnpm ERR! to accept an incorrect (and potentially broken) dependency resolution.
2023-06-28 11:32:37
1445
原创 解决若依出现Error: Cannot find module ‘@/views/xxx‘问题
若依 vue 版菜单点不开，报错：Error: Cannot find module ‘@/views/xxx’ 。
2023-05-25 11:55:33
3051
3
原创 js字符串转换为对象格式的3种方法
js字符串转换为对象格式，一般都会想到JSON.parse()，但数据不是标准的 JSON 格式的时候会解析出错，这时候就可以使用eval() 函数、new Function()方法来转换。
2022-10-13 14:02:59
36376
1
原创 vue文本识别 “ \n ” 的换行问题
在 vue 项目，有时请求返回的数据中会有含有 \n 的字符串，如果直接渲染的话无法实现换行。一、通过 css属性 实现：设置 white-space: pre-wrap;二、使用v-html实现：首先，将字符串里的 \n 替换为 ，然后用 v-html 指令渲染字符串为 innerHTML 。三、标签：pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
2022-09-05 14:10:39
16367
10
原创 解决export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘ 报错问题
解决export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘ 报错问题
2022-09-02 17:32:02
669
原创 el-input-number默认值为0如何置空？
使用el-input-number 组件时，初始化数据总是为最小值，但是很多时候我们不想展示任何数据，此时我们只需要将初始值设置为 undefined 即可。
2022-08-19 11:14:06
3213
原创 vue.js3D立方体旋转播放特效
使用vue.js实现3D立方体旋转播放特效思路：1、正方体由6个面组成；2、使用transform属性来设置各个面的位置；3、在使用animation-play-state进行动画播放；
2022-04-26 13:54:19
2652
原创 ECharts 示例——双Y轴（二）
在使用echarts中，我们经常会用到双y轴去展示数据，有时候，我们可能需要自己去设置，具体使用某一个y轴去展示某一个具体的数据。
2022-04-15 17:32:00
1533
原创 ECharts 示例——双Y轴（一）
在使用echarts中，我们经常会用到双y轴去展示数据，有时候，我们可能需要自己去设置，具体使用某一个y轴去展示某一个具体的数据。
2022-04-15 17:28:17
18810
1
原创 vue之动态添加style样式的几种写法
在长期维护的项目里面，尽量要避免使用。凡是有 - 的style属性名都要变成驼峰式，比如font-size要变成fontSize；除了绑定值，其他的属性名的值要用引号括起来，比如backgroundColor:'#00a2ff'而不是 backgroundColor:#00a2ff。
2022-04-06 17:18:47
25690
2
原创 Vue之动态class的几种写法
在vue 中,class 动态绑定是一个很常见的需求,平时的使用频率也很高,下面是总结的 class 绑定的几种写法。
2022-04-06 17:07:04
65988
7
转载 45 个 Git 经典操作场景，专治不会合代码
git对于大家应该都不太陌生，熟练使用git已经成为程序员的一项基本技能，尽管在工作中有诸如Sourcetree这样牛X的客户端工具，使得合并代码变的很方便。但找工作面试和一些需彰显个人实力的场景，仍然需要我们掌握足够多的git命令。下边我们整理了45个日常用git合代码的经典操作场景，基本覆盖了工作中的需求。我刚才提交了什么?如果你用git commit -a提交了一次变化(changes)，而你又不确定到底这次提交了哪些内容。你就可以用下面的命令显示当前HEAD上的最近一次的提交(c...
2022-03-31 16:21:00
122
原创 JS字符串拼接的几种方式
在 JavaScript 中，使用字符串连接有 几 种方式：连接符（+）、反引号（`）、join()、concat()。
2022-03-29 16:22:09
96283
1
原创 Avue自定义下拉框的内容
Avue怎么自定义下拉框的内容？配置typeslot卡槽开启即可自定义下拉框的内容,typeformat配置回显的内容,但是你提交的值还是value并不会改变。
2022-03-28 15:23:57
1997
5
原创 slice,splice和split区别
slice（切割），splice（拼接），split（分离）。slice 能够截取 字符串 或 数组，并返回一个新的 字符串 或 数组（不改变原字符串或数组）；splice可以对数组中的元素进行删除、插入和替换。替换原数组，返回删除的元素数组；split将一个字符串分割成 多个子字符串，并将结果放在一个数组中
2022-03-24 16:29:34
472
原创 avue 时间选择器限制时间范围
时间选择器限制时间范围，需配置pickerOptions对象中的shortcuts，禁用日期通过disabledDate设置，传入函数
2022-03-21 17:17:20
4059
2
原创 echarts 图形随屏幕大小改变(resize)
echarts 的resize 用来改变图表尺寸，当容器大小发生变化时使用window.onresize = myChart.resize可使图标随着屏幕大小改变。//初始化echartsvar myChart = echarts.init(document.getElementById('main'));//此处省略echarts的配置项 ....... //加载echarts配置项 myChart.setOption(option); //图形宽度随屏幕宽度改变而改变 wi..
2022-03-14 13:53:42
17686
2
原创 JavaScript 中一些概念理解 ：clientX、clientY、offsetX、offsetY、screenX、screenY
clientX：设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。clientY： 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。offsetX： 设置或获取鼠标指针位置相对于触发事件的（this）对象的 x 坐标。offsetY ：设置或获取鼠标指针位置相对于触发事件的（this）对象的 y 坐标。screenX： 设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标。screenY： 设.
2021-11-11 10:28:25
6554
原创 Vue props传递的类型和写法
1、props常用属性类型检查（规定数据类型） type String 字符串 Number 数字 Boolean 布尔 Array 数组 Object 对象 Date 日期 Function 函数 Symbol 独一无二的值(es6) 默认值 default default : (默认值)，基础数据类型: 直接赋值，对象数据类型: 用函数赋值 ()=>[] 必填项 required required: (必填项) ，默认为f
2021-11-09 10:51:02
2667
原创 IDEA 设置 基于ESlint的代码格式化
上次解决了“ESLint: Delete `␍`(prettier/prettier)”报红的问题，发现之前的方法解决不了根本问题。同事还存在“ESLint: Delete `··`(prettier/prettier)”等等类似的问题。故，查了新的方法给大家分享。解决方法：1、IDEA 配置ESlint2、IDEA 快捷键设置格式化一下代码就不会报红啦~...
2021-10-12 19:19:32
5998
原创 ESLint: Delete `␍`(prettier/prettier)——eslint配置的一些问题
今天在git clone 代码，打开吓一跳，全都报红，瞬间强迫症就犯了……报错原因：在window系统中，clone代码下来，会自动把换行符LF(linefeed character) 转换成回车符CRLF(carriage-return character)。这时候我们本地的代码都是回车符。解决方法：执行以下命令，eslint错误消失，但暂存区多了n个文件改动记录，commit时会提交所有被改动过的文件。yarn run lint --fix最佳解决方案：现在...
2021-09-23 19:30:45
2401
原创 moment.js 使用示例
今天真真切切的使用了一下moment.js，发现真的很强大，自己用js写一堆代码，还总是有写小bug，竟然用它几行就解决了。推荐推荐~。创建moment() // 当前时间moment("1995-12-25") // 1995-12-25moment("12-25-1995", "MM-DD-YYYY") // 1995-12-25moment({ year :2010, month :3, day :5, hour :15, minute :10, second :3, millis.
2021-08-26 17:55:04
304
原创 vue+moment时间处理
1、安装momentnpm i moment --save2、在main.js 挂载import moment from 'moment'//导入文件Vue.prototype.$moment = moment;//赋值使用this.$moment('string').format("YYYY-DD-MM")this.$moment('2021-08-26T05:54:32.767Z').format("YYYY-DD-MM")浏览器解析后 2021-08-263、使...
2021-08-26 16:41:10
872
原创 git 拉取历史版本
查看历史版本记录git log --since=3.days或者 git log --since=2020-08-26git clone http://127.0.0.1/git/yfb_crm.gitgit checkout 9ae2c2ce4ad80c87615965f8036fe01c661e646bgit branch 新分支名 SHA值具体操作如下： １．使用gitbash进入git命令行，查看commit记录。操作如下：git log ２．找到你想提取的目标
2021-08-18 18:38:19
1461
原创 vue深拷贝、浅拷贝的区别
1、浅拷贝this.ProductionLineForm = { "produeLineName": "产线1", "departmentId": 1, "produceLineStatus": 0, "director": 5, "description": "测试产线", "keyCraftNodeId":1}let productionLineForm = this.ProductionLineForm;productionLineForm.produeLineName
2021-08-09 16:21:36
967
原创 vue根据条件判断按钮是否可以点击
按钮当在特定环境下不可点击，需要根据判断来控制点击事件。方法一：使用v-if 、v-else 来判断<template> <div> <el-button v-if="!isDisabled"></el-button> <el-button v-else @click="getDetail()"></el-button> </div></template>
2021-08-07 16:00:50
7782
原创 element 时间选择器通过 disabledDate 设置禁用日期
DatePicker 日期选择器<template> <div> <el-date-picker v-model="productionDate" type="date" placeholder="选择出厂日期" :disabled-date="disabledDate"></el-date-picker> </div></template><script> export def
2021-08-06 10:28:10
10568
5
原创 element 中switch 开关使用
1、基本用法（默认是Boolean类型）<template><el-switch v-model="value"></el-switch></template><script> export default { data() { return { value: true, } }, }</script>二、拓展用法1、改变背景色绑定v-mod.
2021-08-04 14:38:32
929
原创 css背景色、背景图设置
1、背景渐变-webkit-linear-gradient(渐变的起始位置，颜色位置，颜色位置)div {width:300px;height:100px;/* background:-webkit-linear-gradient(渐变的起始位置，颜色位置，颜色位置) */background:-webkit-linear-gradient(top,red 0%,green 50%,blue 100%);}2、多背景(多个背景图片)div {border:1px solid #000..
2021-07-30 14:18:03
139
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人