12 2020 档案
摘要：部分代码（完整包见资源下载链接） 注：资源上传时默认付费，可以私信我，我看到会回复的 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jquery图片局部放大镜特效</title> <style> </style> </head
阅读全文
摘要：部分代码（完整包见资源下载链接） 注：资源上传时默认付费，可以私信我，我看到会回复的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { margin:
阅读全文
摘要：Notepad++中安装一个插件，点击菜单中的“插件” > 插件管理的选项 搜索Compare 拖入需要比较的文件
阅读全文
摘要：源码 option = { color: ['#5D85FF','#59D88F','#FFB459'], tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: 'shadow' // 默认为直线，可选为：'line'
阅读全文
摘要：源码 option = { tooltip: {//设置提示 trigger: 'axis', axisPointer: { type: 'cross', label: { backgroundColor: '#6a7985' } } }, xAxis: { type: 'category', bo
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = function(){ var btnS = document.q
阅读全文
摘要：vue.config.js配置 项目中使用引入文件有时候路径比较深，需要使用"../../../xx.js"这种类似的路劲引入，这种方式比较笨，可以使用webpack的别名alias配置来解决 首先，先确定项目中是否有path模块 如果没有path模块需要先安装path npm install pa
阅读全文
摘要：vue-element-admin 从GItHub官网上git下来的默认是英文，是修改不了语言的 git clone https://github.com/PanJiaChen/vue-element-admin.git cd vue-element-admin 如果需要转换成中文，在git终端里g
阅读全文
摘要：.animate是来实现自定义动画的,共有两种语法结构: .animate( properties [, duration ] [, easing ] [, complete ] ) .animate( properties, options ) 演示代码 <!DOCTYPE html> <html
阅读全文
摘要：文本或者内容溢出滚动条显示. a/横纵都出滚动条：css添加属性{overflow:auto;} b/横向滚动条：css添加属性{overflow-x:auto;} c/纵向滚动条：css添加属性{overflow-y:auto;} ::-webkit-scrollbar 滚动条整体部分 ::-we
阅读全文
摘要：2020-09-07T09:19:47.000+0000 ==> 2020-09-07 09:19:47 let time = '2020-09-07T09:19:47.000+0000'; function cuttingTime(time){ let t1 = time.split('T');
阅读全文
摘要：效果如上图所示，代码如下所示： 第一步安装 $ npm install progressive-image --save $ yarn add progressive-image 第二步HTML + JS +CSS HTML <main id="app"> <template v-for="item
阅读全文
摘要：解决有两步： 1.采用渐进式加载：原图未加载完时显示比它内存小的模糊图； 2.采用懒加载：只加载可视区域的图片，即滚动到可视区域时再加载图片 vue-lazyload-img：VUE图片懒加载插件 vue-progressive-image：VUE的渐进图像加载插件 渐进式加载 引入依赖 npm i
阅读全文
摘要：注意：页面使用先引入后使用 storage.js文件 Vue项目 使用页面引入 import storage from "../utils/storage.js"; // 存储 const _setStorage = (key, value)=>{ sessionStorage.setItem(ke
阅读全文
摘要：// 排名折线图 <template> <div id="charts"> <div id="cate" ref="cate" style="width:5rem;margin-top:.2rem;" ></div> <!-- height:9.2rem; --> <!-- 数据说明 --> <di
阅读全文
摘要：导致问题 <v-zxt class="zxt" :rateObj02="rateObj02" v-if="isZxt"></v-zxt> data(){ return{ rateObj02:{},//收缴率 } }, rateObj02中没有设置任何默认属性，这个就是导致问题的关键 改进 rateO
阅读全文
摘要：option = { color: ['#36468C','#B2C8FF'], tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' }
阅读全文
摘要：正常状态 不全的情况 所有的数据都是从后台取的，也就是说动态变化的，一开始的时候数据量不大不会出现问题，后面y轴的值越来越大的时候就出现了这个显示不全的情况 代码 <div id="chart-line"></div> var lineChart = echarts.init(document.ge
阅读全文
