自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 下载天地图瓦片

设置Zoom下载瓦片层级。1-10层级下载很多,需要很长时间。方法:通过QGIS下载天地图瓦片。将下载好的天地图瓦片放到nginx下。3.利用QTiles插件下载目标地图瓦片。二、引用nginx的本地地图瓦片。需求:要求使用离线的天地图。2.安装QTiles插件。

2025-03-26 17:35:58 200

原创 大文件上传、断点文件上传

前端查询此文件已经上传的块列表(哈希值),跳过已经上传的块。继续之间的进度,每次上传文件都携带该片段的哈希值。:使用file.slice(start,end),将文件分割成多个片段chunk,携带索引等信息,发送给后端。实际开发中,存在因网络原因中断或者手动中断上传等需求,为了避免文件重复上传,提升效率,采用断点上传的方式。上传文件chunk的时候,同时携带该文件片段的哈希值。切换新文件时,清空之前进度,从0开始。:当文件过大或者服务器限制时,采用大文件上传方式。

2025-03-20 13:49:41 243

原创 需求:控制页面滚动到目标位置

有可能造成父元素向上偏移。

2025-03-18 09:33:16 121

原创 项目依赖下不下来的解决办法

2. npm install xx@版本 :下载具体版本的包(根据package.json)3. 如果上述不管用,则删除package-lock.json。1. npm uninstall xx:删除某个报错的包。本地全局脚手架4.5.0版本。项目脚手架版本5.0.0。通过npm i安装依赖报错。

2024-12-10 17:13:18 169

原创 js高级-闭包

1.闭包=>内层函数,引用外层函数的变量2.一个函数执行结束后,其内部变量若没有再被引用,将会被销毁。闭包的存在,延长了被引用变量的生命周期,直到闭包不在使用这个变量。

2024-12-05 11:29:50 173

原创 git操作

3.git remote add origin 仓库地址 (关联远程仓库)4.git push origin master (推送目标分支)1.可以先创建一个分支 git checkout -b 新分支名称。2.git remote set-url origin 新仓库地址。2.git add ./ git commit -m "初始化"5.git push origin 新分支名称。1.git init(初始化本地git仓库)

2024-11-20 15:58:58 122

原创 vue2 计算属性和监听

1.计算属性有缓存值。仅当依赖值发生变化,且应用了计算属性时,计算属性才会重新计算并更新缓存值。1.避免滥用watch:在数据变化,需要执行异步或开销比较大的操作时,用watch比较好。2.set触发:修改依赖属性的时候。3.get触发:依赖的数据改变时。

2024-11-12 15:41:49 232

原创 echart:仪表练习

这种复杂的图表,是可以拼接的。

2024-11-08 11:32:14 286

原创 vue-自定义指令

为了确保 Vue 模型与视图同步更新,需要手动更新绑定的数据。配合dom的自定义触发事件,完成vue的双向绑定效果。1.dom操作:需要对dom进行底层操作时,可用自定义指令实现。3.权限控制:基于某角色的用户才可以看见按钮。unbind:指令和元素解绑的时候,一次。insered:父元素更新的时候。二、自定义指令用到的钩子函数。四、dom的自定义触发事件。三、全局引入自定义指令。bind:初始化,一次。

2024-11-07 14:46:29 345 2

原创 echarts:添加纵轴markLine和markPoint

【代码】echarts:添加纵轴markLine和markPoint。

2024-11-04 14:15:15 280

原创 axios/fetch取消请求

2.axios的请求拦截中,每个请求上new axios.cancelToken(cancel=>),挂载属于该请求的cancel。1.借助axios.cancelToken构造函数,可以取消单个请求。3.取消请求,根据id找到对应的对象,执行cancel()即可。在fetch请求中,需要使用创建一个新的。传入fetch请求的配置中,然后我们使用。对象,来取消请求,这个对象中有一个。一、axios取消请求()项目中有取消请求的需求。二、fetch取消请求。方法可取消此次请求。

2024-10-28 14:28:29 333

原创 vue 流式接口的用法(EventSource)

1.如果接口地址是http协议的,使用EventSource。如果是ws的,使用webSocket。但注意:EventSourcePolyfill发送的请求可以携带请求头,但是只能是get请求。1.可以使用封装的EventSourcePolyfill。(此方法只能用get请求)2.关闭流式请求连接方式:source.close()2.请求要求携带请求头(post、get请求均可)一、EventSource。二、流式接口要求携带请求头。

2024-10-23 10:45:44 1852

原创 vue:深/浅拷贝

针对嵌套对象,也就是引用类型。修改源对象的引用类型,浅拷贝得到的结果也会发生变化,反之亦然。1. = 操作符 ,不算拷贝,因为没有创建生成新的对象,只是引用(两个变量指向同一个对象);2. 拷贝是生成了新对象的。3.引用:对象更新应用。

2024-09-12 11:23:43 493

原创 Promise的使用

【代码】Promise的使用。

2024-09-12 10:15:09 225

原创 openlayers:图层裁剪

注意:图层prerender事件的触发条件,图层刚渲染完毕时。

2024-09-11 10:05:07 480

原创 利用gifshot插件,前端生成GIF

二、静态帧:利用canvas画布生成图片,将静态元素添加到切换帧上。利用gifshot插件。

2024-09-11 09:46:18 241

原创 vue路由传参

5.params也可以不在路由上面定义,直接通过声明/编程式传参【刷新时,参数消失】2.在路由上显示:url/:keyword 【刷新时,参数依旧保留】关键字=** 【刷新页面,数据保留】4.在路由上显示:如何做到可传可不传。3.分为:声明式传参、编程式传参。

2024-08-30 14:59:03 488

原创 openlayers:内外线样式

1.样式可以直接应用与layer或者feature。

2024-08-16 13:40:08 334

原创 openlayers:overlay的使用

使用定义:overlay放置创建的dom,通过setPosition定位。3.overlay:通过appendChild动态构建dom(表格)2. overlay:通过innerHtml直接添加html。1.overlay放置单个图片(png、iconfont)2.1 多屏联动鼠标+鼠标移动监听。2.2 同时显示多个overlay。

2024-08-16 11:36:10 597

原创 echart图表:y轴标注,添加图片

①{image|}{value|2} ------------>效果:firstIcon 2。②{index|3}{value|2} ------------>效果:3 2。二.利用formatter、rich。

2024-08-14 14:33:05 432

原创 openlayers-icon样式设置偏移量

单纯应用offset不管用,要结合size、offsetOrigin。3.offset设置依据size和offsetOrigin的偏移量。1.offsetOrigin设置起始点。2.size设置范围。

2024-08-09 17:05:39 480

空空如也

空空如也

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

TA关注的人

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