自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

IT博客技术分享

没有做不到的,只有想不到的!

  • 博客(12)
  • 资源 (10)
  • 收藏
  • 关注

原创 VueCli4.0项目中将excel表格数据导入Elment UI表格并展示(映射的表格标题必须为英文)

先上一个效果图供大家参考:具体步骤如下:第一步、导入并读取Excel功能从整体上来说两种方式,一是前端解析文件后将数据返回给后端,另一种是前端直接将Excel文档返回后台,由后台进行处理。使用哪种方法需要根据具体业务需求,下面简单介绍第一种方法:由前端解析数据1、引入依赖 npm install -S file-saver xlsx npm install -D sc...

2020-03-26 18:09:44 867

原创 VueCli4.0项目中将Elment UI表格内的数据导出为Excel文件

第一步、首先安装三个依赖npm install -S file-saver xlsxnpm install -D script-loader或者:yarn add file-saveryarn add xlsxyarn add script-loader --dev第二步、引入两个js文件在src目录下新建excel文件夹,里面放入Blob.js和E...

2020-03-26 15:59:47 839

原创 iview ui 和elment ui 的按需引用,减小项目体积

一、先说iview ui 的按需引用首先、先装上iview 的依赖包;4.0的版本已经升级了,新的安装方法:NPM 安装 #推荐使用 npm 来安装,享受生态圈和工具带来的便利,更好地和 webpack 配合使用,当然,我们也推荐使用 ES2015。$ npm install view-design --save引入 ViewUI#一般在 webpack 入口页面ma...

2020-03-27 14:30:59 985

原创 vuecli4.0报错:sockjs.js?9be2:1605 GET http://localhost/sockjs-node/info?t=

webpack热部署导致的问题解决方案注释掉node_modules\sockjs-client\dist\sockjs.js里面1604行这个就可以了 try { // self.xhr.send(payload); } catch (e) { self.emit('finish', 0, ''); self._cleanup(false); ...

2020-03-24 15:07:19 857

原创 前端图片上传并且裁切

本文讲的图片上传,主要是针对上传头像的。大家都知道,上传头像一般都会分成以下 4 个步骤:选择图片 -> 预览图片 -> 裁剪图片 -> 上传图片接下来,就详细的介绍每个步骤具体实现。选择图片选择图片有什么好讲的呢?不就一个input[type=file],然后点击就可以了吗?确实是这样的,但是,我们想要做得更加的友好一些,比如需要过滤掉非图片文件, 或...

2020-03-23 17:48:59 3821 2

原创 用element UI组件, dialog 父子组件传值

Elementui中的dialog的组件,但在将dialog作为一个子组件的时候,传值出现了问题。当关闭dialog的时候应该怎么传值?一开始的时候的想法比较简单,就是父组件直接传值来作为子组件的show/hidden的值。然而这样的问题是当子组件close的时候,他会直接直接改变他的值,但是子组件不能直接改变props的值,因此可以通过子组件触发事件给父组件。子组件在关闭时候的事件...

2020-03-12 22:37:16 2574

原创 使用github pages搭建个人博客可直接访问

偶然一次知道使用github repo可以存放静态网页代码,因此可以以此来搭建自己的博客。以前在服务器中搭过wordpress,但是一旦服务器挂了,博客文件也都没了。因此在github中搭建博客也不失为一个不错的解决方案。github pages官方网站:https://pages.github.com/官方推荐jeklly主题框架,因此在github中找到了这个主题:https://gi...

2020-03-10 23:51:40 1598 7

原创 vue项目,里面有多个角色,要求用共同的 router,header

1.可以把router 里面的 index.js 封装成公共的 ,把json文件引进来,还有store。2.下面是判断 用户类型,进哪个json 文件export function asyncRouterMap () { let RouterMap = [] const asyncRouterMapData = [] // eslint-disable-next-line...

2020-03-10 17:27:25 120

原创 前端必备!最全nginx技术分析

nginx 在应用程序中的作用 解决跨域 请求过滤 配置 gzip 负载均衡 静态资源服务器 nginx 是一个高性能的 HTTP 和反向代理服务器,也是一个通用的 TCP/UDP 代理服务器,最初由俄罗斯人 Igor Sysoev 编写。nginx 现在几乎是众多大型网站的必用技术,大多数情况下,我们不需要亲自去配置它,但是了解它在应...

2020-03-05 16:18:12 258

原创 Nginx 30分钟入门指南

Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器,并在一个BSD-like 协议下发行。其特点是占有内存少,并发能力强,事实上nginx的并发能力确实在同类型的网页服务器中表现较好,中国大陆使用nginx网站用户有:百度、京东、新浪、网易、腾讯、淘宝等。为什么要用Nginx?目前 Nginx 的主力竞争对手莫过于 Apache ,...

2020-03-05 16:17:41 295

原创 2020年3月份最新vue面试题汇总二、

1.v-for中为什么要用key (图解)2.描述组件渲染和更新过程理解:渲染组件时,会通过 Vue.extend 方法构建子组件的构造函数,并进行实例化。终手动调用 $mount() 进行挂载。更新组件时会进行 patchVnode 流程.核心就是diff算法3.组件中的 data为什么是一个函数?理解:同一个组件被复用多次,会创建多个实例。这些实例用的是同一个构造函数,...

2020-03-04 00:11:16 3591

原创 2020年3月份最新vue面试题汇总一、

1.谈一下你对MVVM原理的理解2.请说一下响应式数据的原理?理解:1.核心点: Object.defineProperty 2.默认 Vue 在初始化数据时,会给 data 中的属性使用 Object.defineProperty 重新定义所有属 性,当页面取到对应属性时。会进行依赖收集(收集当前组件的watcher) 如果属性发生变化会通 知相关依赖进行更新操作。原理:...

2020-03-03 23:31:51 22132

Leaflet.Control.Opacity控制图层的透明度

Leaflet.Control.Opacity 组件设置一个图层或者多个图层的透明度,支持浏览器:- Chrome、- Firefox、 - Safari。 安装方法:npm install leaflet.control.opacity,main.js ```javascript // CSS import import "leaflet/dist/leaflet.css"; import "leaflet.control.opacity/dist/L.Control.Opacity.css"; import "./css/style.css"; // JS import import 'leaflet.control.opacity'; import './js/app.js'; ```

2023-08-04

vueCli3.0文件上传后,后端返回流,前端转换成pdf预览的3种方式

vueCli3.0文件上传后,后端返回流,前端转换成pdf预览的3种方式

2022-04-22

echart百度地图word.js

echart百度地图word.js

2022-02-18

echart百度地图china.js

echart百度地图china.js.

2022-02-18

echart百度地图全国所有省份的js

echart百度地图全国所有省份的js文件:如:guangdong.js,shanghai.js, shenzhen.js...................

2022-02-18

mxGraph中文文档.md

mxgraph.js中文文档是一个官方的api,翻译来源于sunflower(github: https://github.com/SunInfoFE),提供给更多的开发者参考和共享源码资源!

2021-07-07

wesocket.vue

前端websocket所有操作过程,前端如何:订阅、连接、发送协议、接收返回的message信息、关闭连接,以及页面销毁的时候怎么跟后端断开连接,暂停message一直返回的情况。

2021-07-07

mxgraph.zip

本demo是运用mxgraph.js 和node api 读取xml文件,并解析出来显示,业务上常用这个画流程图和topo状态图;主要适用于,现在的图形可视化操作

2020-06-29

mapinfo绘图工具.zip

mapinfo12.5是款桌面地理信息系统的开发软件,它是由大家熟悉的美国MapInfo公司设计开发。软件对测量分析的功能支持,快速的完成对各种相关的数据测量并且完成分析,也支持对缓冲区进行快速的分析,对地图的代数显示灯,而且也能完成多边形的操作,对数字的高程模型分析支持,快速的就能支持对图形完成,查询支持,使用的范围广泛,非常的适合在土地资源、国土监测、军队管理与指挥等使用!

2020-05-29

mapinfo中文版本.zip

mapinfo12.5是款桌面地理信息系统的开发软件,它是由大家熟悉的美国MapInfo公司设计开发。软件对测量分析的功能支持,快速的完成对各种相关的数据测量并且完成分析,也支持对缓冲区进行快速的分析,对地图的代数显示灯,而且也能完成多边形的操作,对数字的高程模型分析支持,快速的就能支持对图形完成,查询支持,使用的范围广泛,非常的适合在土地资源、国土监测、军队管理与指挥等使用!

2020-05-29

drawio.js源码

基于mxgraph.js的基础之上二次开发的,目前最强大的绘图类工具里面排名前一、二名的 draw.io 生成组态编辑器.

2020-05-26

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除