自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 前端实现屏幕录制功能,并给后端发送视频流

前端屏幕录制,并传送视频流给后端

2023-06-14 11:24:36 1694

原创 cesium加载geoserver中发布的地图

想要在geoserver中发布地图,首先要先要下载geoserver,下载完成后,可以参考官网的操作文档进行地图的发布,也可以让后端去操作进行发布然后就是前端引用了。let imageProvider = new Cesium.WebMapTileServiceImageryProvider({ url: "http://192.168.1.222:8888/geoserver/gwc/service/wmts/rest/world-tiff:world-level0

2022-02-21 10:06:37 1432

原创 前端使用cesium加载地球

前端使用cesium加载地球首先需要安装cesiumnpm i cesium -save需要在node_modules中找到cesium然后把Build下面中的Cesium文件拷到项目中public下面在项目中引入cesiumwindow.CESIUM_BASE_URL = '../Cesium';import * as Cesium from 'cesium'import 'cesium/Build/Cesium/Widgets/widgets.css'书写dom<templa

2022-01-11 09:47:58 1895 1

原创 vue中大文件上传webuploader前端用法

vue中大文件上传webuploader前端用法首先呢需要安装webuploader;命令:npm i webuploader -S下载完成以后在vue文件中引入//引入webuploaderimport WebUploader from "webuploader";import "webuploader/dist/webuploader.css";然后页面中需要有上传按钮和上传列表以及上传进度条的东西,首先写好dom页面中<el-row class="webUploader"&

2021-11-16 14:35:59 3991 8

原创 vue图片点击利用Viewer放大预览

这个里面主要是用到了Viewer,来进行图片的放大,缩放等功能。首先需要安装v-viewer安装依赖:npm i v-viewer -S在组件中引入:import Vue from "vue";import Viewer from "v-viewer";import "viewerjs/dist/viewer.css";Vue.use(Viewer);使用:写入元素<viewer :images="images" :options="options"

2021-11-01 10:09:01 320

原创 vue中手写一个放大镜功能

vue中手写一个放大镜功能有的时候需要对图片进行放大,类似于电商的商品放大功能,于是在这个想法上写了一个放大镜的功能,并且在放大镜的基础上新添加了一些小功能,下面开始吧!放大镜是封装的组件的形式,用的时候只需要传入图片,和放大倍数的图片即可。首先前提写了一个监听屏幕大小然后改变图片大小的功能,不让图片超出屏幕的大小;需要安装一个插件element-resize-detector-- “^1.2.1” let _this = this; //this重定向 var elementResize

2021-09-26 17:30:55 405

原创 修改浏览器滚动条样式

修改浏览器滚动条样式有的时候在使用浏览器默认的滚动条会显得很难看,而且与页面整体的色调也不搭配,这种时候,我们需要对浏览器的默认滚动条进行修改。::-webkit-scrollbar { //滚动条部分的大小宽度和背景 width: 6px; height: 6px; background: transparent;}::-webkit-scrollbar-thumb { // 滚动条内部,滑动部分的颜色 background: transparent; border-r

2021-09-23 09:47:30 155

原创 关于elementUI设置样式不生效

关于elementUI设置样式不生效1,如果项目中使用了less或者使用了sass的情况下,可以使用在类名前面加/deep/,或者在想要设置的前面加上/deep/,都是可以实现的,例:2,如果项目中单纯的使用的css来设置样式的话,可以使用>>>,来进进行样的更改,例如:目前知道的可以实际更改的是这两种方法,仅供参考!还有什么好的方法,也请各位大佬指正!...

2021-09-22 13:42:09 2465

原创 开始记录开发日常

最近觉得自己的知识应该进行一个统一的规划一下,因为有的时候重复的问题总是会想不起来当初是如何解决的,所以呢,就有了想写博客的想法,把自己在工作过程中遇到的问题、和一些所用的新技术等等,统一的整理一下,避免重复的问题浪费过多的时间。自己工作也有几年的时间了,最近也学到不少的新技术,把自己的一些所学所得,在这里整理一下,仅供大家参考,在此保证自己的每篇博客都是原创,整理好后分享给大家!日积月累,相信自己会越来越强大,废话不多说,以后多多提供干货...

2021-09-17 16:12:55 59

空空如也

空空如也

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

TA关注的人

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