2022年1月20日
动态效果折线图
摘要： //数据 var XName = ["周一", "周二", "周三", "周四", "周五", "周六", "周日"] var data1 = [67, 97, 51, 338, 32, 11, 1] var img = [ 'image://data:image/png;base64,iVBORw 阅读全文
posted @ 2022-01-20 14:54 无你旅行 阅读(489) 评论(0) 推荐(0) 编辑
带dot的折线图
摘要： /** * * 作者: GhostCat * 博客: https://gcat.cc * 描述: 带点和渐变的折线图 * */ let label = [233, 233, 200, 180, 199, 233, 210, 180]; let value = [233, 233, 200, 180, 阅读全文
posted @ 2022-01-20 14:53 无你旅行 阅读(55) 评论(0) 推荐(0) 编辑
虚线和渐变的模拟
摘要： // Generate data var category = []; var dottedBase = +new Date(); var lineData = []; var barData = []; for (var i = 0; i < 20; i++) { var date = new D 阅读全文
posted @ 2022-01-20 14:53 无你旅行 阅读(42) 评论(0) 推荐(0) 编辑
makeapie_折线图
摘要： option = { backgroundColor: '#080b30', title: { text: '哎呦,不错哦', textStyle: { align: 'center', color: '#fff', fontSize: 20, }, top: '5%', left: 'center 阅读全文
posted @ 2022-01-20 14:51 无你旅行 阅读(748) 评论(2) 推荐(0) 编辑
makeapie_双折线
摘要： /** * * 作者: GhostCat * 博客: https://gcat.cc * 描述: 双折线图 * */ let xLabel = ['3.26', '3.27', '3.28', '3.29', '3.30', '3.31'] let goToSchool = ["40", "60", 阅读全文
posted @ 2022-01-20 14:50 无你旅行 阅读(437) 评论(2) 推荐(0) 编辑
2020年11月30日
js数字千分位分割
摘要： // 千分位分割 Vue.filter('NumFormat', function(value) { if(!value) return '0.00'; var intPart = Number(value) - Number(value)%1; //获取整数部分（这里是windy93的方法） va 阅读全文
posted @ 2020-11-30 14:41 无你旅行 阅读(805) 评论(0) 推荐(0) 编辑
vue组件懒加载（Vue Lazy Component ）
摘要： 1.介绍：是vue组件懒加载的预估插件组件。支持组件组件延时加载， 加载真实组件前展示骨架组件，提高用户体验，真实组件代码分包异步加载 // 安装 npm install @xunlei/vue-lazy-component // 使用方式一 // main.js文件中全局注册使用 import V 阅读全文
posted @ 2020-11-30 14:36 无你旅行 阅读(4051) 评论(0) 推荐(0) 编辑
2020年10月26日
Vue中的scoped和scoped穿透
摘要： 1.什么是scoped(转帖原地址: https://segmentfault.com/a/1190000015932467?utm_source=tag-newest#comment-area) 在Vue文件中的style标签上有一个特殊的属性，scoped。当一个style标签拥有scoped属 阅读全文
posted @ 2020-10-26 16:58 无你旅行 阅读(217) 评论(0) 推荐(0) 编辑
2020年9月28日
vue 给url 中文参数 添加编码解码
摘要： Vue给url中文参数 添加编码解码 // 解码用 decodeURIComponent(str) // 编码用 encodeURIComponent(str) 中文unicode编码 1 function encodeUnicode(str) { 2 var res = []; 3 for (va 阅读全文
posted @ 2020-09-28 17:44 无你旅行 阅读(5889) 评论(0) 推荐(0) 编辑
2020年6月4日
Js事件流
摘要： 事件流：事件触发的顺序 事件流包括三个阶段：捕获阶段，目标阶段，冒泡阶段 冒泡阶段：事件由最具体元素触发，向上传播的过程目标阶段：就是你最终触发的那个元素（即目标元素）捕获阶段：事件由不具体的元素向下查找，直到找到你触发的那个元素，与事件冒泡相反 冒泡排序：是数组排序算法 注意和事件冒泡是不同 阻止 阅读全文
posted @ 2020-06-04 23:10 无你旅行 阅读(273) 评论(0) 推荐(0) 编辑