随笔分类 -  js

vue搭建手顺
摘要:1、环境准备:node.js vue-cli: $ npm install vue-cli -g 2、建立项目目录:vuedemo,并cd到该目录下 3、$ vue init webpack vue-router yes 4、webstorm打开该项目 5、$ npm install axios - 阅读全文

posted @ 2019-12-27 09:28 floud 阅读(240) 评论(0) 推荐(0)

Vue整合d3.v5.js制作--柱状图(rect)
摘要:先上效果图: 图中柱状图变成纯蓝色是鼠标滑动过的颜色(颜色可改,本人配色能力十分的强,建议直接用默认设置即可 ( ᖛ ̫ ᖛ )ʃ)) 1、环境说明 Vue版本:"vue": "^2.5.2" d3版本:"d3": "^5.9.1" 2、Histogram.vue源码 1 <!-- 2 d3组件:柱 阅读全文

posted @ 2019-04-11 17:18 floud 阅读(1314) 评论(0) 推荐(0)

Vue整合d3.v5.js制作--折线图(line)
摘要:先上效果图(x轴固定为时间轴): 图中出现的悬浮框是鼠标悬停效果 1、环境说明: vue版本:"vue": "^2.5.2" d3版本:"d3": "^5.9.1" 2、Line.vue源码 1 <template> 2 <div class="d3line" :id="id"> 3 </div> 阅读全文

posted @ 2019-04-10 17:29 floud 阅读(3005) 评论(0) 推荐(0)

bootstrap-table.js扩展分页工具栏,增加跳转到xx页
摘要:新项目,准备引用bootstrap-table这个控件来展示页面上的表格,无奈这款控件的分页工具栏没有跳转到xx页的功能,为了适应公司美工(只会出图的美工,却跟我要求这要求那)的蛋疼需求,硬着头皮改了一下bootstrap-table的源码,实现了此功能。 注:由于本人js水平有限,此次扩展只支持页 阅读全文

posted @ 2017-12-28 14:40 floud 阅读(4059) 评论(0) 推荐(0)

动态加载js文件是异步的
摘要:动态加载js文件是异步的 阅读全文

posted @ 2017-07-24 15:43 floud 阅读(698) 评论(0) 推荐(0)