- 博客(39)
- 收藏
- 关注
转载 vue-cli安装或升级总是失败
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。使用下列命令安装这个新的包 :npm install -g @vue/cli...
2022-05-11 14:46:13
339
转载 ECharts 给X轴文字添加点击事件
给x轴的文字添加点击事件,y轴同理,针对于ECharts 3.x,共两步。第一步:将xAxis或者yAxis的属性triggerEvent 置为 true;第二步:点击事件,如代码:mybarDoubleChart.setOption(option);mybarDoubleChart.on(‘click’, function (params) {if(params.componentType == “xAxis”){alert(“单击了”+params.value+“x轴标签”);}els
2021-11-03 16:52:56
1596
原创 解决watch监听初始没有值问题
使用watch监听初始的时候没有值,为解决这个问题可以在watch中设 immediate:true,这样初始监听的时候就会先执行一遍handler函数<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>列表过滤</title> <script type="text/javascript" src="../js/vue.js"><.
2021-10-11 18:43:16
835
原创 element—ui获取选中节点的所有父节点信息
<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> <script src="./element-ui/index.js"></script> <!-- <link.
2021-09-02 10:37:09
933
原创 监听滚动,图片由黑白变成彩色(css3实现)
监听滚动,控制filter属性img {transition: all 0.3s ease;filter: grayscale(100%);opacity: 0.66;}.active img {transition: all 0.3s ease;filter: none;opacity: 1;}
2021-09-02 10:30:45
126
原创 click点击事件多次触发的原因
可能有以下两种原因1.事件冒泡处理方法:event.stopPropagation();2.事件多次叠加处理方法:解绑 .unbind .off
2021-05-12 16:07:16
832
转载 监听echarts地图的点击事件
————————————————原文链接:https://blog.csdn.net/qq_42670703/article/details/102684977 tooltip: { trigger: 'axis', formatter: function(e) { console.log(e); }, triggerOn: 'click' },...
2021-05-08 16:39:23
1044
转载 widnow下android studio adb.exe 已停止工作解决
本文转载自:https://blog.csdn.net/Return_nellen/article/details/80956924直接来解决步骤1、进cmd,输入netstat -ano | findstr “5037”查看占用5037的进程2、发现2480占用,查找进程输入 tasklist | findstr “2480”3、关掉输入: taskkill /f /t /im PPAdbServer.exe成功后,android studio 重新编译项目,发现问题解决4、原因可能由
2021-04-28 16:28:07
197
原创 iframe嵌套页面下载问题
出于沙盒安全性考虑,83版本的chrome浏览器默认禁止了iframe嵌套页面,通过a和window.open,localtion.href点击下载,为了解决这个问题,可以在父页面的iframe中sandbox属性中添加allow-downloads进行解决,请不要使用allow-downloads-without-user-activation ( 允许在没有征求用户同意的情况下下载文件)...
2021-02-19 16:08:20
2978
原创 vue基础
基础指令:1.数据绑定v-model (双向数据绑定,一般作用于表单元素)v-bind (简写 : ,单向数据绑定,可作用于任意元素)2.控制元素的显示和隐藏v-show (通过控制display来控制显示和隐藏,切换频繁的时候使用)v-if (通过创建和删除元素来控制元素的显示和隐藏,一般和v-else-if,v-else配合使用,切换不频繁的时候使用)3.其他指令v-once:只解析一次 , 以后不管数据怎么变化,都不会再变v-pre:不解析v-cloak:
2021-02-19 16:07:30
48
转载 改写toFixed方法
<html> <head> <script type="text/javascript"> Number.prototype.toFixed = function(d) { var s = this + ""; if (!d) d = 0; if (s.indexOf(".") == -1) s += "."; s += new Array(d + 1).join("0");
2021-01-21 11:03:23
139
原创 c3动画
.doanimat { animation: myAnimation 0.5s infinite;}// 闪烁动画@keyframes myAnimation { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 1; }}
2021-01-15 11:10:32
70
原创 两个div间创建连线
效果:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <
2020-11-25 14:19:53
5300
4
原创 判断是否是数字
// 判断是否是数字function isNum(num) {if (num == “”) {return “通讯异常”;} else if (!isNaN(Number(num))) {return (num * 1).toFixed(2);} else {return num;}}
2020-11-23 10:30:04
420
转载 下拉框多选
效果图:html:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" />
2020-11-17 09:37:39
105
转载 复杂类型数组去重
// 任意类型去重let arr = [123, [1, 2, 3], [1, “2”, 3], [1, 2, 3], “meili”,‘123’,‘123’,{‘name’:‘caoyan’},{‘name’:‘caoyan’}];let myunique = (array) => {let obj = {}return array.filter((item, index) => {// 防止key重复let newItem = item + JSON.stringify(item
2020-10-09 15:35:54
533
原创 超出部分隐藏可滑动
.departmentName {overflow-x: hidden;overflow-y: scroll;}.departmentName::-webkit-scrollbar {display: none;}
2020-09-17 10:22:11
1478
原创 人员树状图
html文件:引入demo.jsjs文件:twaver.Util.registerImage("clip_pic", { w: 128, h: 128, cache: false, clip: { shape: "path", data: "M-45,-25Q-45,-64,0,-64Q45,-64,45,-25L45,25Q45,64,0,64Q-45,64,-45,25z" }, v: [ { shape: "image", .
2020-09-03 09:36:56
796
原创 文字不能被选中
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
2020-09-02 10:11:53
88
原创 文本超出部分不换行用...代替
a {display: inline-block;width: 100%;// 文本强制不换行white-space: nowrap;// 溢出显示省略号text-overflow: ellipsis;overflow: hidden;}
2020-09-01 17:59:19
158
原创 复杂类型赋值问题
我们知道,对于简单数据类型来说,赋值过程是把自身的值传递过去,但对于复杂数据类型来说赋值的过程是指针的传递(指针指向同一个地址)例如: var arr = [0, 1, 5]; var newarr = arr console.log(newarr === arr); //true因为此时arr和newarr指向同一个地址空间,此时你改变newarr中的值,arr中对应的值也会相应改变那么如果我只想改变newarr里面的值,但arr中的值不变要怎么做呢?方式1:使用e
2020-08-14 14:24:29
171
原创 取消vscode 保存句尾自动补全分号 “;”
问题描述:vscode 保存时自动补全 分号,seetings.json里面设置了`“prettier”: {“semi”: false,“singleQuote”: true,“disableLanguages”: [“vue”]}`结果发现不起效果解决办法:在项目根目录新增一个.prettierrc.js文件,配置module.exports = { singleQuote: true};...
2020-08-10 17:21:00
4410
2
原创 cordova 的camera 保存图片到本地 ios闪退
cordova 的camera 保存图片到本地 ios闪退问题描述:当 saveToPhotoAlbum: true时,andriod可以正常使用,但ios会出现闪退现象 navigator.camera.getPicture(onSuccess, onFail, { quality: 50, destinationType: Camera.DestinationType.FILE_URI, sourceType: Camera.PictureSource
2020-08-05 10:54:54
437
原创 return的作用
函数中return的作用:1.返回函数指定要返回的值2.结束这个函数(即return后的代码不执行)return,break 与continue的区别:return:返回函数值break:结束循环。如:for循环,while循环等continue:结束本次循环。例如在for循环中结束本次条件循环,继续执行下一次循环,continue后调到i++位置...
2020-07-30 15:22:33
1151
原创 多行文字垂直居中
父元素:display:table子元素:display: table-cell vertical-align: middledisplay:table 先把父元素变成一个块级表格元素,然后子元素display: table-cell 让它变成表格单元格,加上vertical-align: middle ,就可以实现多行文字垂直居中了...
2020-07-29 13:48:59
66
原创 echart 一点显示多条数据
tooltip: { trigger: "axis", color: "red", textStyle: { fontSize: 16, textAlign: "left" }, formatter: function(params) { console.log("我是params", params); var texts = ""; for (var i =...
2020-07-17 10:24:28
899
转载 解决mui轮播图touch报错
[Intervention] Unable to preventDefault inside passive event listener due to target being treated as…两个方案:(1)注册处理函数时,用如下方式,明确声明为不是被动的window.addEventListener(‘touchmove’, func, { passive: false })(2)应用 CSS 属性 touch-action: none; 这样任何触摸事件都不会产生默认行为,但是 tou
2020-07-09 15:53:38
135
转载 前端高频面试题之——原型链
[原文地址]https://www.jianshu.com/p/10bb679b9044JavaScript中的构造函数原型是什么面向对象语言中,类派生实例,JavaScript的函数可以作为构造器(构造函数),由函数派生实例。function Person (name,gender) {this.name = name;this.gender = gender;this.say = function () {console.log('hello Im ’ + this.name)}}
2020-07-06 11:01:57
321
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人