- 博客(18)
- 收藏
- 关注
原创 WFS图层取消选中
昨天在处理wfs图层取消选中的时候遇到了点问题,现在我就把遇到的问题分享出来,希望对大家也有用处。上面是我在项目遇到的问题,如果有不对的地方还请各位指正,希望上面的解决方法能对您的项目有所帮助。之前实现方式是闲置地块下面没有对应的子项,现在增加子项下面的代码无法取消闲置地块。,现在是加载闲置地块子项的图层名称,这种无法匹配对应的图层名称,下面是对应优化方法。通过get方法查找对应图层名称。上面的原因是之前的图层名称是。
2024-09-05 09:37:33 271
原创 关于JavaScript数字精度问题
几年开发经验都会有小数计算和数字字符串转为数字的场景,这两个场景总会遇到精度丢失的问题,下面就根据这两个场景分析一下原因,并给出解决方案。
2024-09-04 15:53:16 399
原创 关于使用openlayer加载wfs图层
wfs是指ogc的web矢量(要素)服务(Web Feature Service),返回的是矢量级的地理标记语音gml编码,并提供对矢量的增加、修改、删除等事物操作,是对web地图服务的进一步深入。wms是指OGC的web地图服务(Web Map Servie)规范,它利用具有地理空间位置信息的数据制作地图,将地图定义伟地理数据可视的表现。wms返回的是图层级的地图影响,而wfs返回纯地理数据而设计的,它不包含任何关于绘制数据的建议。我们现在使用的是wmts的底图,实现方式使用(openlayer)
2024-08-30 09:17:01 549
原创 uniapp不使用高德key获取定位(可搜索具体位置)
可以不通过获取高德key(高德key获取还是很麻烦的,博主通过在插件市场找一个非常nice的插件可以实现上面需求)uniapp+vue2技术不支持vue3。想通过选择地图位置获取经纬度和具体位置。
2023-05-25 16:11:29 648 1
原创 【无标题】
vuex一共包含5个模块,分别是state,getter ,mutation,action, module在main.js中引入vuex的核心store每一个Vuex应用的核心就是store(仓库),store基本上就是一个容器,它包含着你的应用中大部分的状态 (state)。state(存储数据的容器)我们可以通过这中方法获取state的值:方案一:当这个页面只出现一次可以达到(不建议)方案二: 当有很多页面需要这个参数时,用下面方法(一种更简单方法,推荐使用)通过计算属性方法获取
2022-06-30 10:59:18 129
原创 react日志页面获取数据
react antd pro<LogTable orderUkid={e.mailUkid} />class LogTable extends React.Component<{ orderUkid: string },{ dataList: LogItem[], loading: boolean,}>{// 定义传参的类型 orderUkid: string; constructor(props: any) { supe
2021-03-29 14:00:13 394
原创 react+antd pro中获取后台数据传参
react+antd pro中获取后台数据传参获取后台数据并渲染到页面中// 这个是前端渲染render: (convertStatusName: any, item: MailExtListItem) => { const menuDetail = ( <Menu onClick={({ domEvent, key }: any) => { console.log('domEvent:',domEvent,'item:',
2021-03-29 13:23:04 1306
原创 vue面试题补充
1、Vue中数据发生变化,vm却知道发生改变(1)Vue在创建vm时,会将数据配置到实例中,内部通过Object.defineProperty方法,对数据进行get与set方法的绑定,当获取数据的时候会触发get方法,修改数据的时候会触发set方法,当set执行结束吗,内部会进一步触发watcher进行监听,从而数据改变,试图重新渲染Object.defineProperty:es5新增特性,但是IE678不支持,所以Vue只能应在IE9+的浏览器上(2)vue内部通过数据劫持&发布订阅模式实
2020-10-10 10:21:17 526
原创 react的笔记
react与传统mvc的关系react是一个轻量级的视图层库!!!react不是一个完整的mvc库,最多认为是mvc中的view,甚至react并不非常认可mvc开发模式;react构建页面UI库。可以简单地理解为,react将界面分成各个独立的小块,每一块都是组件,组件之间可以组合、嵌套,就成了我们的界面react高性能的体现: 虚拟domreact高性能的原理:在web开发中我们总需要将变化的数据实时反映到ui上,这时就需要对dom进行操作。而复杂或频繁的dom操作通常是性能瓶颈产生的原因(提高
2020-10-10 10:19:21 140
原创 vue面试题
1.VUE中的数据发生了改变,vm却知道数据发生改变了?(VUE中的双向数据绑定的原理是什么?)VUE创建vm的时候,会将数据配置到实例中然后通过内部的Object.defineProperty()方法,对数据绑定了get与set当获取数据的时候,会触发对应的get方法当设置数据的时候,会触发set方法一旦set方法触发完毕之后,内部会进一步触发watcher,从而实现数据改变,视图重新渲染。2.动态改变属性值得时候为什么不会更新视图?怎么让其变成响应式的?name属性是被vue实例进行挂载了
2020-10-10 10:18:03 180
原创 vuex的属性和使用方法
一.简介vuex的官方介绍Vuex是一个专为Vue开发的应用程序的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex采用类似全局对象的形式来管理所有的组件的公用数据,如果想修改这个全局对象的数据,需要安装Vuex提供的方式来修改二、优点Vuex状态管理跟使用传统全局变量的不同之处:1.Vuex的状态存储是响应式的:就是当你的组件使用到了这个Vuex的状态,一旦它改变了,所有关联的组件都会自动更新相对应的数据,这样开发者省事很多。
2020-10-08 13:57:51 390
原创 vue的组件通信
第一种父子通信1、创建子组件,在src/components/文件夹下新建一个Child.vue2、Child.vue中创建props,然后创建一个名为message的属性<template> <div> <h2>child子组件</h2> <p> {{ message }} </p> </div></template><script> export default{ pr
2020-10-06 16:32:28 195
原创 vue中$nextTick的作用
一.什么是Vue.nextTick()定义就是:在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的DOM所以就衍生出来了这个获取更新后的DOM的Vue放。所以放在Vue.nextTick()回调函数中执行的应该是会对DOM进行操作的jsdaim理解: nextTick(),是将回到函数延迟在下一次DOM更新数据后调用,简单的理解就是:当数据更新了,在DOM中渲染后,自动执行该函数<template> <div class="hello">
2020-10-05 13:53:37 6245 3
原创 vue中created和mounted的区别
总结beforeCreate 创建之前:已经完成了初始化事件和生命周期created 创建完成: 已经完成了初始化的注册和相应beforeMount 挂载之前:已经完成了模板的渲染mounted 挂载之后:已经完成了HTML虚拟化,创建了el节点可以操作dombeforeDestory 摧毁之前: 整个vue都处在实时监控渲染和更新destoryed 已经摧毁:已经摧毁了观察者,子元素和事件监听数据初始化一般放到created里面,这样可以及早发送请求获取数据,如果有依赖dom必须存在的情况,
2020-10-04 22:39:01 2610
原创 vue中计算属性和watch的区别和使用方法
这里写自定义目录标题计算属性computed和watch的区别两者的主要区别验收一下计算属性computed和watch的区别通俗的来说既能实现computed又能够实现watch的推荐使用computed,重点在于computed的缓存功能。computed是用来声明式的描述一个值依赖其它的值,当所有依赖的值或者变量改变的时候,计算属性也会随着该变;watch主要是监听data里面的定义的量,当该变量变化的时候,触发watch两者的主要区别计算属性的依赖值改变会重新执行函数,计算属性是取返回值来
2020-10-02 17:44:49 7568
原创 vue中的持久化插件
vuex-persistedstate持久化插件的安装以及使用规则利用vuex-persistedstate安装方法插件的原理:其实也是结合了存储方式,只是统一的配置就不需要手动每次都写存储方法npm install vuex-persistedstate -S引入以及配置使用在公共仓库store下的index.js引入import createPersistedState from "vuex-persistedstate"const store = new Vuex.Store({ p
2020-09-27 09:31:03 1152
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人