4 fk129

尚未进行身份认证

暂无相关简介

等级
TA的排名 7w+

在vue项目中使用echarts

项目中我们想要数据可视化处理,并且简单明了多元化的展示统计数据。这种情况下,数据图表展示成为了一种选择。那么图表展示工具Echarts、Highcharts也就呈现在我们眼前。官方文档:Echarts:https://www.echartsjs.com/zh/index.htmlHighcharts:https://www.highcharts.com.cn/在html中使用图表我们查看...

2020-04-29 09:56:03

window.open()参数及浏览器兼容

window.open() 用于新开一个浏览器窗口、浏览器新开标签页、查找已命名的窗口语法window.open(URL,name,specs,replace)URL 页面路径name 窗口命名specs 参数参数说明浏览器兼容上表中为各个浏览器对 features 各参数选项的支持程度,其中需要特殊说明的如下:【标注1】:IE7 IE8 Firefox Chr...

2020-04-28 15:37:07

leaflet 曲线

项目开发过程中有绘制历史轨迹的功能,上面说直线绘制效果不是太好,想看看曲线绘制的效果。由于leaflet没有提供绘制曲线的方法,只能自己算出曲线的坐标点以直线相连,绘制成曲线算法部分https://blog.csdn.net/TarkuNi/article/details/99054036<!DOCTYPE html><html><head> ...

2020-04-21 09:10:34

前端存储数据库----IndexedDB

前端需要本地存储的数据量大的情况,cookie、sessionStorage、localStorage受其存储内存大小的限制,不能满足需求的情况下;就需要用到前端数据库的存储方式( Web SQL、IndexedDB);这里我们了解下IndexedDB简述IndexedDB是一种底层API,用于客户端存储大量结构化数据(包括, 文件/ 二进制大型对象(blobs)。IndexedDB是一个事...

2020-04-10 14:35:42

前端数据存储 cookie sessionStorage localStorage

Cookie是一种以文本形式存在于客户端的数据;由于cookie储存大小的限制即具有保质期,所以一般用于记录用户的登录信息;cookie的使用除了本地存储数据信息,还可以携带在请求头里传递给后台,用于客户端身份标识等使用JavaScript对cookie进行操作1.创建cookie// 创建的时候可以添加cookie的过期时间;如果不加则默认页面关闭删除cookiedocument.c...

2020-04-10 10:11:30

获取视频流播放

项目中遇到的小视频回放的问题,客户需要查看视频设备某一段时间的视频获取视频是其他平台提供的接口,地址类似:http://10.231.20.42:8080/v4/clips/bweed—16-_340c5d5779a1/data播放视频使用的是video.js1、引入<link href="./videojs/video-js.css" rel="stylesheet" type="...

2020-03-26 10:07:53

获取本地上传图片、网络图片资源的base64编码

1、获取本地上传图片的base64编码var file = $_('upload_file').files[0];var reader = new FileReader();reader.readAsDataURL(file);reader.onload = function (e) { imgBase64 = e.target.result;};点击了解FileReader2、...

2020-03-25 15:52:59

leaflet 大数据处理 点聚合功能

官方文档:https://github.com/SINTEF-9012/PruneCluster引入文件;<link rel="stylesheet" href="static/leaflet/leaflet.css" /><script src="static/leaflet/leaflet.js" type="text/javascript"></scrip...

2020-03-20 10:42:24

实现多标签页通信 sharedworker

https://www.jianshu.com/p/31facd4934d7

2020-03-20 10:11:18

vue 路由前进刷新,后退不刷新

做项目的过程中,会遇到这种情况,如商城类显示,点击商品列表中的某一个商品进入到商品详情页面,我返回的时候希望的是商品列表呈现之前的页面状态,不重新加载商品列表改写router-view<div> <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-v...

2020-03-17 15:47:46

iview table展示图片、文字,判断显示相应内容

在项目中使用iview的table控件时,遇到的问题:1.表格如何显示图片(居中):{ title: '户籍照片', type: 'photoUrl', align: 'center', render: (h, params) => { return h("div",{ style: { height: "100px", margin: "10px",overflow...

2020-03-17 15:34:19

vue axios请求头携带信息(token)

vue项目使用axios请求,其中部分接口需要token值;但是开发阶段前后端分离项目设计跨域问题,设置cookie请求头不携带;解决:用axios拦截器设置请求头携带信息axios.interceptors.request.use(config => { var userInfo = sessionStorage.getItem("userInfo"); if (use...

2019-12-06 11:29:14

vue父子组件传值,子组件改变值后父组件的值也变了

问题复述父组件给子组件传值,子组件改变值,父组件的值也相应的跟着变化,但有时并不想父组件的值改变问题原因双向绑定解决办法最简单有效的方法是JSON.parse(JSON.stringify(data ))参考https://blog.csdn.net/weixin_43254676/article/details/91361532深入理解javascript的浅拷贝和深拷贝ht...

2019-11-28 16:46:18

webpack地址代理

项目开发阶段前后端分离模式,这就涉及到了开发地址和部署地址不一样,如果前端把地址写死的话,那样每次部署都要修改地址,这样可能会导致有时候修改遗漏等问题那么考虑下,我们在开发阶段是不是可以通过地址代理来解决前端地址写死的问题vue2.0的webpack提供了这个功能比如一个完整的请求地址是 http://172.31.4.247/sc1902/login/oauth/tokenwebpac...

2019-11-28 10:23:10

vue axios以formData方法上传文件

let formData = new FormData();formData.append('albumIds', this.addItem.type);formData.append('albumType', this.addItem.type);formData.append('file', this.addItem.file);formData.append('jobName', t...

2019-11-14 18:53:24

js下载get请求返回的文件流(请求头携带token)

需求是下载请求接口返回的文件流var xhh = new XMLHttpRequest();xhh.open("get", baseUrl+'/cert/download?name='+name ); xhh.setRequestHeader("Authorization", "Bearer "+token); xhh.setRequestHeader("Content-Type","ap...

2019-11-07 14:54:46

vue子父组件通信和函数调用

父组件传递数据给子组件1.父组件要传递的数据当成有个属性绑定在 组件 上,如下:<alarm-popup :data="detail.data" ></alarm-popup>2.子组件用props接收父组件的传值,如下:props:['data']props接收值还有验证形式props: { // 基础的类型检查 (`null` 和 `und...

2019-10-23 15:11:06

vue运行报错FATAL ERROR: NewSpace::Rebalance Allocation failed - process out of memory(内存溢出)

问题:在添加一些项目文件时,用npm run dev运行项目,项目运行报错如下图:原因:项目运行内存溢出解决:找到node_modules>.bin>webpack-dev-server.cmd文件,进行配置修改,增加 --max-old-space-size=8192原文件:@IF EXIST "%~dp0\node.exe" ( "%~dp0\node.ex...

2019-10-23 14:45:06

iview 全局提示Message 全局配置

一、在main.js配置// 全局配置messageVue.prototype.$Message.config({ top: 100, duration: 3});二、在文件里配置this.$Message.config({ top: 50, duration: 3});

2019-10-23 09:15:04

设置iview tree选中

// tree 树数据//ids 要选中节点的idfunction filterDeviceTree(tree, ids) { let _tree = JSON.parse(JSON.stringify(tree)) if (ids.length == 0) { return _tree } return _tree.filter((item...

2019-10-21 10:39:55

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。