- 博客(13)
- 收藏
- 关注
RSS订阅原创 前端使用iframe做缓存
1.需求：项目集成了iframe界面展示，点击菜单生成tab切换栏，切换tab的时候iframe集成的界面实现不重新加载。2.思路：考虑到每次点击的时候都要重新调去后端的接口，从新渲染iframe加载的界面（只有一个通用的iframe组件），所以能不能考虑到将当前的点击请求的路径进行前端缓存，然后再通过循环来渲染iframe界面，渲染完成后通过css的属性来控制当前的点击的iframe的界面渲染，其他的隐藏掉。3.实现：点击左侧菜单的时候来构建一个数组，然后将点击的数组渲染成tab切换标签，同时将点
2021-08-19 17:05:49
2657
原创 2020-10-29
在vue3.0中引入cesium第一步：先安装依赖 npm install cesium --save第二步：在vue.config.js中增加如下代码：constwebpack=require('webpack') constCopyWebpackPlugin=require('copy-webpack-plugin') constcesiumSource='node_modules/cesium/Source' constcesiumWorkers='../Build...
2020-10-29 10:19:01
153
转载 2020-09-29
vue中实现一个拖拽功能项目需要需要实现拖拽排序的效果，在这里使用的是vue的awe-dnd实现效果：安装插件cnpm install awe-dnd --save或者npm install awe-dnd --save在main.js中配置//引入拖拽排序插件import VueDND from 'awe-dnd' Vue.use(VueDND)在页面上使用在你的li里面加上这句话：v-dragging="{ list: knowGroup, it...
2020-09-29 10:32:50
89
原创 2020-09-25
openlayers实现地图下载示例：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link
2020-09-25 15:49:47
167
1
原创 2020-09-25
openlayers实现地图的卷帘示例：代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="
2020-09-25 14:59:10
56
原创 解决openlayers6加载百度地图出现偏移问题
1、问题ol6加载百度地图出现的问题2、原因由于openlayers6加载地图的方式是右下递增，原先是右上递增，所以在原先加载百度地图的基础之上，将tileUrlFunction中的y坐标变为原先的相反数即可。3、解决方法var resolutions = [];for (var i = 0; i < 19; i++) { resolutions[i] = Math.pow(2, 18 - i);}var tilegrid = new TileGrid({.
2020-09-18 11:00:49
1654
1
转载 引入echarts官网社区的Gallery中的公交线路客流可视化
地址https://gallery.echartsjs.com/editor.html?c=xryKWKNVGb需要的小伙伴可以看看哦！！！！
2020-07-24 09:03:50
1521
1
原创 vue集成echarts导入百度地图实现个人轨迹的的可视化
第一步申请百度地图的akURL：http://lbsyun.baidu.com/apiconsole/key?application=key第二步在vue中引入百度地图在public下的index.html中引入如下 <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=A3CklGvnFOjkAzKzay2dySgfdig0GKz4"></script>.
2020-07-16 18:35:37
1358
7
原创 如何通过远程桌面复制文件
如何通过远程桌面复制文件工具/原料电脑2台方法/步骤首先输入mstsc，进行远程桌面连接。在弹出的对话框中点击 选项。关于如何进行远程桌面设置和快速连接，请看以前写的。单机本地资源 选项， 剪贴板前面打上√ ，然后单击详细信息在弹出的对话框中，将 本地驱动器 全部勾选上。这样远程桌面后，你会发现在你远程的对方计算机 我的电脑 下 有了你本地的硬盘。这样，你本地的硬盘和远...
2020-03-02 10:38:21
1682
原创 svg在项目中的使用
第一步：先下载图片svg格式的图片。第二步：在static文件下简历文件svg-icons，将下载的文件放在这个里面第三步：安装插件npm install vue-svgicon --save-dev，并配置package.json。在package.json文件里面的scripts：{配置：“svg”:“vsvg -s ./static/svg-icons -t ./src/ico...
2020-01-19 16:34:20
935
原创 使用openlayers构建项目
初步步骤为你的项目创建一个新的空目录，然后通过运行导航到该目录mkdir new-project && cd new-project。使用初始化项目。npm init这将package.json在您的工作目录中创建一个文件。使用以下方式将OpenLayers添加为对您的应用程序的依赖`npm install olnpm install ol此时，您可以要求NPM通过...
2020-01-19 16:31:36
778
原创 Vue脚手架的搭建步骤
Vue脚手架的搭建步骤安装vue-cli脚手架的步骤：（1）全局安装node.js（在官网上下载直接安装，记得全局安装哦！）（2）安装cnpm镜像环境（全局安装cnpm环境）（3）全局安装webpack -g（4）安装vue-cli脚手架构建工具：npm install vue-cli-g（5）构建一个项目目录 vue init webpack 项目名称（6）安装项目依赖 nom i...
2019-12-23 20:52:34
144
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人