- 博客(41)
- 收藏
- 关注
原创 天地图 (多个地图,切换的时候,层级未加载出来)
在发开的过程中,有时候会遇到多个组件都存在需要加载的地图,但是又需要切换的时候,地图的样式不发生变化,这个时候,就会遇到地图层级未加载的情况。这个时候可以写一个监听方法,然后checkResize() 方法。
2024-07-25 16:08:40 167
原创 天地图 自定义覆盖物(能用Marker,最好还是用)
在天地图中,无法直接将Marker点,变成html标签,所以就需要自定义覆盖物去处理html标签。如果对于开发任务来说,Marker对于地图来说是必不可少的,但是有时候又需要一些自定义的html标签。因此这个时候,就需要自定义处理。例如:坐标系为(EPSG:4326)name: '郑州市',name: '开封市',name: '洛阳市',
2024-07-25 16:02:22 947
原创 element ui ts table重置排序
今天带的实习生,在遇到开发过程中,遇到了element ui table 每次查询的时候都需要重置排序方式,而且多个排序是由前端排序。restTable.value.sort('number','ascending') //重置排序。其实正常来说,一般情况下后端基本都会做好排序的。如果遇到不负责任的,那只能另想办法自己处理了,restTable.value.store.clearSort() // 清空排序。根据 restTable 拿到table的方法。
2024-07-11 11:32:27 263
原创 VUE: 处理 PDF文件
如果只是为什么显示 PDF 文档,其实大部分情况下浏览器都支持直接打开 PDF,之前碰到要显示 PDF 的需求,都是直接在浏览器新标签打开。保存到后端,并且还要提取 PDF 文档中的文字。需要在网页上支持导入 PDF 文件,
2024-01-22 15:10:12 822
原创 Vue:调用浏览器数据库
在前一段时间写项目的时候,需要本地存储大量数据,需要在客户端进行以及数据同步等,对本地数据的储存和管理非常重要。因此考虑使用了IndexedDB,但是接使用 IndexedDB API ,非常麻烦,需要写很多代码。而且非常怀念简单这是一个强大、简单的库,它对 IndexedDB 进行了封装,让我可以很轻松地管理浏览器端的数据。
2024-01-10 13:43:53 696 1
原创 关于Element Plus DatePicker 日期选择器 二次封装,精确到时分秒
placeholder="请输入开始时间" :style="{ width: porp.width + 'px' }" :format="porp.format" :disabledDate="startDisabledDate"placeholder="请输入结束时间" :style="{ width: porp.width + 'px' }" :format="porp.format" :disabledDate="endDisabledDate"// 展示的时间格式,同时也是返回的时间格式。
2023-08-15 15:39:18 742
原创 react:Hook API
例如,在浏览器执行下一次绘制前,用户可见的 DOM 变更就必须同步执行,这样用户才不会感觉到视觉上的不一致。该函数将接收先前的 state,并返回一个更新后的值。在函数组件主体内(这里指在 React 渲染阶段)改变 DOM、添加订阅、设置定时器、记录日志以及执行其他包含副作用的操作都是不被允许的,因为这可能会产生莫名其妙的 bug 并破坏 UI 的一致性。调用 State Hook 的更新函数并传入当前的 state 时,React 将跳过子组件的渲染及 effect 的执行。
2023-03-06 11:41:03 285
原创 链表:双向链表
即可以从头遍历到尾,又可以从尾遍历到头。也就是链表相连的过程是双向的,一个节点既有向前连接的引用,也有一个向后连接的引用。缺点: 每次插入或删除某个节点时,需要处理4个引用,而不是2个 当于单向链表,必然占用内存空间更大这个时候,node1的prev等于null,node1的next等于node2,node2的prev等于node1,node2的next等于node3,node3的prev等于node2,node3的next等于nullnode1.prev=null node
2022-12-07 17:22:34 263
原创 链表:单向链表
链表和数组一样,可以用于存储一系列的元素,但是链表和数组的实现机制完全不同。数组: 要存储多个元素,数组(或成为列表)是最常用的数据结构 缺点: 数据的创建统筹需要申请一段连续的内存空间(一整块内存),并且大小是固定的(大多数编程语言数组都是固定的),所以当当前数组不能满足容量时,需要扩容。(一般情况下是申请一个更大的数组,比如与2倍,然后将原数组中的元素复制过去) 而且在数组开头或者中间位置插入数据消耗的成本很高,需要进行大量元素的位
2022-12-06 14:43:55 302
原创 ES5的继承和ES6的继承
ES5 的继承实质上是先创建子类的实例对象,然后再将父类的方法添加到this(Parent.apply(this)) ES6 的继承机制完全不同,实质上是先创建父类的实例对象this(所以必须先调用父类的super()方法), 然后再用子类的构造函数修改this具体的:ES6 通过class关键字定义类,里面有构造方法,类之间通过extends 关键字实现继承。 子类必须在constructor方法中调用super 方法。否则新建实例报错,因为子类没有自己的this 对象,而且继承了父类的this对象
2022-12-05 14:59:00 725
原创 Vue3:基础项目UI框架PC端(Element ui,view-ui-plus,Ant Design Vue)
Vue3:基础项目UI框架PC端(Element ui,view-ui-plus,Ant Design Vue),Element ui table适应问题。
2022-09-29 16:24:52 3009
原创 Vue3:响应式进阶(shallowRef、triggerRef、customRef、shallowReactive、shallowReadonly、toRaw)
Vue3:响应式 API:进阶
2022-09-22 16:23:00 1709
原创 Vue3:插槽(slot,useSlots,useAttrs)
Vue3:插槽($attrs,$slots),取消了Vue2中的$listeners
2022-09-21 13:29:58 5968
原创 Vue3:组合式函数(引入外部ts文件,修改外部ts参数)
vue3中不在推荐使用mixins,在 Vue 2 中,mixins 是创建可重用组件逻辑的主要方式。尽管在 Vue 3 中保留了 mixins 支持,但对于组件间的逻辑复用,是现在更推荐的方式。在不使用mixins的情况下,外部js无法调用vue页面中参数,所以我们需要调用方法或者调用ts中的参数时。需要通过将参数和方法暴露出来。在外部的ts文件中我们可以使用vue的API,例如:onMounted,onUnmounted...
2022-09-19 15:44:14 6763
原创 Vue3项目创建,组合式API,ref,computed,reactive,watchEffect,watch
Vue3 setup()1.需要在非单文件组件中使用组合式 API 时。2.需要在基于选项式 API 的组件中集成基于组合式 API 的代码时。响应式核心:ref,computed,reactive,watchEffect,watch
2022-09-16 16:02:46 219
原创 地图推荐Openlayers,mapBox,arcgis,移动端推荐leafletJS,3D地图 cesium.js
地图推荐Openlayers,mapBox,arcgis,移动端推荐leafletJS,3D地图 cesium.js
2022-09-16 14:19:45 2893
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人