- 博客(7)
- 收藏
- 关注
原创 三种数据交换的方法 js代码(面试题)
学习目标:变量a = 5,b=9,交换两个变量的数值。学习内容:我们最常用的是利用第三临时变量,但是面试怎么会这么简单~1、 定义临时变量tempvar a = 5;var b = 9;console.log("交换前\t" + "a = " + a + "b = " + b);//临时变量tempvar temp;temp = a;a = b;b = temp;console.log("交换后\t" + "a = " + a + "b = " + b);2、 加减运算实
2021-03-11 16:54:13 204
原创 for循环中的点击事件遇到的问题(学习笔记)
项目场景:循环给每行表格添加点击事件,点击后变色,取消后恢复问题描述:奇数行点击之后样式无法恢复// 元素+属性选择器var checkboxs = document.querySelectorAll("input[name=check]");for (var i = 0;i < checkboxs.length;i++){ checkboxs[i].onclick = function(){ var line = this.parentElement.parentElement;
2021-03-05 11:13:14 995 1
原创 vue+echarts中 图表容器无法自适应父级div
项目场景:vue+echarts中 图表容器无法自适应问题描述:在做项目时,遇到问题,百度了很多都无法实现,解决之后总结一下,方便下次参考。设置图表宽度为百分比,不生效,无法随着外层父容器大小自适应补充:项目页面中加入左侧折叠菜单,点击折叠后,父容器百分比自适应浏览器,但是图表大小无法自适应父容器的调整。原因分析:调试发现 width:100%,变成了width:100px。并没有按照百分比实现自适应。解决方案:利用resize()方法来解决该问题。leftMenu.vue折叠按
2021-03-01 17:12:06 1717
原创 Vue中使用echarts
项目场景:使用echarts画玫瑰饼图步骤描述:一、安装echarts依赖:npm install echarts --save //引入的是5.0版本 查看echarts版本也可以直接查看项目中的 package.json 文件npm ls echarts 如果有echarts版本报错问题,可能是由于不支持5.0,可以安装4.9.0版本卸载5.0版本npm uninstall echarts降低版本,安装4.9.0npm linstall e
2021-02-05 13:51:14 633
原创 Vue 事件触发和监听
Vue 事件触发和监听一、事件触发($emit)在需要触发的页面添加触发事件this.$root.eventHub.$emit('事件名', 参数);<script> changePageMenu(pageMenu, e){ //事件触发也需要一个事件来触发,比如此处是切换标签页时触发 this.$root.eventHub.$emit('changePageMenu1', pageMenu); },</scr
2021-02-05 10:12:05 1173
原创 vue编写卡片式日历(html+css)
除了月份式的整个日历,我比较偏向卡片式日历,有一种怀旧感。(哈哈,接下来就分享给大家卡片式日历制作代码)<!--box-shadow 属性用来可以创建纸质样式卡片--><div class="calendar"> <div class="calendar_header"> <h1>{{nowday}}</h1> </div> <div class="calendar_container">
2020-05-12 10:17:01 1064
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人