- 博客(18)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 echarts数据差距过大
思路：在图形整体趋势不变的情况下，需从技术手段由大数据视图更改为小数据视图，思来想去也就在数据赋值的时候去开方，formatter数据展示时平方，来改变用户体验上的差异初始数据：let data = [10, 20, 36, 10, 10, 500]初始数据视图如下：开方及平方处理：renderBar: function () { let myBar = echarts.init(document.getElementById('myBar')) let data.
2021-07-26 10:49:55
1715
原创 echarts多柱重叠不累加
主体思路，设计两个x轴，控制重合，实现多柱情况下的堆叠或重叠，上代码：options: { tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' } }, grid: { left: '3%', right: '4%', bottom: '3
2020-09-15 09:30:50
4013
1
原创 DOMException: play() failed because the user didn‘t interact with the document first
报错原因是chrome新特性，内容大致意思是开发者不能利用手中权限去给用户造成噪音干扰，首次加载页面需要用户和audio/video进行交互需求如下实时刷新告警列表，保证用户获取到最新告警消息，当有新的告警消息时，响警报铃解决方案当用户首次进入页面时给提示用户启用告警铃声let audioPlay = document.getElementById('myaudio')audioPlay.play()setTimeout(() => { audioPlay.pause().
2020-07-30 11:30:22
61079
12
原创 vue封装axios，全局loading、token配置
.env.development使用easy-mock模拟接口地址ENV = 'development'# base apiVUE_APP_BASE_API = ' https://www.easy-mock.com/mock/5e706def8cf07e65bbc995a1/example'index.js 内容import axios from 'axios'import Qs from 'qs'import store from '@/store'import router fr
2020-06-30 17:48:48
1081
3
原创 js使用百度离线地图
由于客户方只有内网部署，要求使用离线地图，所以这里使用百度离线地图，整体效果如下：跟线上地图区别不大，可以精确到街道地址，完全符合客户需求，详解操作步骤：获取百度 JavaScript API 并使用用浏览器打开 http://api.map.baidu.com/api?v=1.3 如下图所示其中 http://api.map.baidu.com/getscript?v=1.3&am...
2019-12-12 14:46:41
4266
4
原创 vue element 隐藏组件滚动条 el-scrollbar 的使用
由于windows自带滚动条比较丑，而手动写css并没有兼容火狐的方案，这里就使用到element的隐藏组件，看css样式可以看到这是一个手动书写的滚动条，完美的兼容了各大浏览器，使用方法如下：<div style="height: 100px; width: 80px"> <el-scrollbar style="height: 100%"> <p&g...
2019-10-22 17:02:24
1470
原创 vue打包代理接口404
一般这种情况，都是在前端配置了反向代理，如下图：图中的 api 就可以代替 target 中的后台地址，这个在线上环境是有问题的，api 在线上环境就变成了字符串，所以所有接口都会出现404问题前端解决方案如下：在项目目录中添加 .env 文件，配置线上打包地址在 main.js 中打印查看是否正确添加 axios 拦截器，线上环境把 /api 截取掉OK，这样接口404问题就...
2019-07-31 14:27:00
3776
8
原创 vue.config.js文件配置
文件配置module.exports = { baseUrl: './', productionSourceMap: false, // 输出文件目录 outputDir: 'dist', devServer: { port: 9527, // 本地端口地址 https: false, // https:{type:Bool...
2019-06-27 10:19:28
402
原创 el-date-picker设置日期选择范围
<el-date-picker v-model="form.dates" :picker-options="pickerOptions" // 控制时间范围的方法 format="yyyy-MM-dd" value-format="yyyy-MM-dd" type="date" placeholder="选择日期"></el-date-picker...
2019-06-20 14:20:19
9571
原创 js秒换算时分秒
getTime: function (value) { if (value !== 0) { let secondTime = parseInt(value); // 秒 let minuteTime = 0; // 分 let hourTime = 0; // 小时 if(second...
2019-06-15 16:48:33
1657
原创 echarts堆叠柱图
效果如下实现方式moveDraw(name, isOwner, notOwner, noAppointNum) { let myChart = echarts.init(document.getElementById('moveStatic')) myChart.setOption({ t...
2019-06-15 16:44:47
1711
原创 基于mpvue搭建一个小程序
mpvue是一套定位于开发小程序的前端开发框架，熟悉vue基本语法即可开发，没有原生小程序开发的思维转换1.安装vue-cli$ npm install --global vue-cli2.创建一个基于 mpvue-quickstart 模板的新项目vue init mpvue/mpvue-quickstart my-project开始选择题，一路回车也是没问题的3.进入项目文件...
2019-05-16 10:36:04
1331
1
原创 ES6数组方法汇总
1.forEachforEach会遍历数组, 没有返回值, 不允许在循环体内写return, 不会改变原来数组的内容.const array = [1,2,3,4];array.forEach((item, index, array) => { console.log(item) // 顺序打出 1 2 3 4})2.mapmap 遍历数组, 会返回一个新...
2019-05-14 09:42:50
441
原创 JS获取当前时间 并转化为：“yyyy-MM-dd HH:mm:ss”
function getTimes() { var thisDay= new Date(); var year = thisDay.getFullYear(); //年 var month = thisDay.getMonth() + 1; //月 var day = thisDay.g...
2019-05-12 10:46:36
1125
原创 js本地存储
以下面这条数据作为数据源const userList = [ { id: '13426', name: '张三' }， { id: '13427', name: '李四' }]localStorage特点：5M左右存储空间，存储没有时间限制，支持IE8以上浏览器// 把 JSON 对象转化为字符串存到localStoragelocalStorage.se...
2019-05-12 10:15:45
1596
1
原创 使用vue-cli 3搭建一个项目
node版本官方建议，node.js的版本，需要是8.9或者以上（建议是8.11.0+）更新vue clinpm install -g @vue/cli创建项目vue3.x同样支持这种方式：vue init webpack project-name我们用最新的创建方式：1.vue create projectName这里推荐选择第二个，第一个默认没有 router 和 vuex...
2019-05-11 17:44:19
2972
1
原创 vue父子组件实时传参实现批量下载
需求是这样的：后台管理页面的每一个el-table都要求有一个导出的功能，那么，我们就要封装一个导出的按钮作为公共的子组件，如图：导出功能是比较初级的图中的 itemGroup 就是el-table中所中值id的集合，当然，这是数组的格式。下面来说父子组件实现实时的传参这是我的父组件：我是用 watch 来监听 multipleSelection 值的改变：在子组件的 moun...
2019-05-11 15:42:52
342
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人