- 博客(14)
- 收藏
- 关注
原创 echarts变形
修改图表变形let that = thiswindow.addEventListener('resize',function(){ that.chart.resize()})当浏览器窗口放大或缩小时可能会出现canvas里面的字体变形,添加下面的代码就能解决啦let that = thiswindow.addEventListener('resize',function(){ that.resizeWindow() that.chart.resize()}),resizeWi
2022-04-28 16:20:32
317
原创 echarts环形图数据展示
<template> <div class="PassengerOringin"> <div class="title">乘客来源</div> <div id="piechart" style="width:230px;height:230px;"></div> </div></template><script>import echarts from..
2021-04-26 14:58:35
1487
原创 element 实现可输入下拉框
<el-select v-model="form.groupName" clearable placeholder="请选择" filterable allow-create default-first-option> <el-option v-for="item in boxTypeList" :key="item.id" :label="item.name" :value="item.name" > </el-option>
2020-12-11 13:20:41
1312
1
原创 vue导出为txt文件
<el-button size="mini" @click="exportTxt(scope.$index, scope.row)">导出</el-button>// 导出 exportTxt(index,row){ cdkExport({batchId:row.id,status:0}).then(res=>{ const element = document.createElement('a') element.se
2020-12-11 13:16:21
1827
原创 fs模块的增删改查
nodejs中对文件及文件夹进行增删改查需要先引入内置模块const fs=require('fs');查看是文件还是文件夹fs.stat(‘文件路径’,callback)fs.stat('./qqzone.js',(err,stats)=>{ if(err) throw err; console.log(stats); console.log(stats.isFile()); console.log(stats.isDirectory() ? '这是一个文
2020-07-13 21:49:51
367
原创 js拖拽效果的原理及实现
一、拖拽的流程1、鼠标按下2、鼠标移动3、鼠标松开二、拖拽时触发的事件1、按下鼠标要拖拽的元素.onmousedown=function(e1){}2、移动鼠标document.onmousemove=function(e){}3、松开鼠标document.onmouseup=function(e){}三、拖拽的原理1、不管是移动鼠标还是松开鼠标,都是在按...
2020-04-06 12:44:10
293
原创 JavaScript冒泡排序
概念冒泡排序(Bubble Sort),是一种计算机科学领域的较简单的排序算法。它重复地走访过要排序的元素列,依次比较两个相邻的元素,如果他们的顺序(如从大到小、首字母从A到Z)错误就把他们交换过来。走访元素的工作是重复地进行直到没有相邻元素需要交换,也就是说该元素已经排序完成。这个算法的名字由来是因为越大的元素会经由交换慢慢“浮”到数列的顶端(升序或降序排列),就如同碳酸饮料中二氧化碳的气泡...
2020-03-29 14:04:52
132
原创 javascript基本数据类型转换
js中基本的数据类型分为以下5种1、字符型String 用引号的都是字符串,打印是黑色2、数值型Number 打印是蓝色的3、布尔值Boolean 真和假,true为真,false为假4、未定义值Undefined5、空值Null数据类型的转换分为两种1.强制转换1)强转为字符串 String()<script> var num=null; ...
2020-03-21 17:07:22
165
原创 旋转相册
先写一个基本的结构然后设置父元素也就是盒子的宽高大小,给它景深(起近大远小的效果)一定是要设置给父元素的因为我用的是十个li ,那么ul需要变成一个3d空间首先是需要把十个li定位在同一地方再把图片设置成和li一样大,然后每个li分别去旋转36度、72度、108度…360度 再给它们向后(z轴为正值)拉开距离,形成一个圈这样初始的效果就做出来啦,接着就是如何让它动起来anima...
2020-03-08 15:59:36
297
原创 宽高自适应
相对窗口和父元素的自适应写法宽度:当块状元素不写宽度的时候,默认的宽度就是100%; 始终跟父元素是同宽的。 width:100%;默认情况下:如果给块元素加了绝对定位或者固定定位,他的宽度就不在是100%显示了。也不会跟父元素同宽的,而是跟里面的内容同宽,如果元素里面没有内容,有没有定义宽高,这个时候,元素就不见了高度: 当让元素的高度相对浏览器窗口显示半分比的值得时候,一定要给HTML和...
2020-03-01 14:30:17
152
原创 display属性
display属性常见的属性值有如下几种display:block用于将其它类型的元素转换成块状元素例如在img标签中,图片默认的对齐方式是基线对齐,如果把img标签转成块状元素就可以解决图片下方3像素的问题display:none用于隐藏元素例如在导航列表中想设置鼠标滑过前后不同的显示样式,就可以很好的应用鼠标滑过前span是被隐藏的鼠标滑过后em标签的被隐藏的...
2020-02-23 15:17:00
199
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人