- 博客(15)
- 收藏
- 关注
RSS订阅原创 React 学习笔记
React由Meta公司研发，是一个用于构建Web和原生交互界面的库较于其它前端框架 优势： 丰富的生态，跨平台支持以use打头的函数，通过自定义Hook函数可以用来实现逻辑的封装和复用// 封装hook 布尔切换的逻辑// 可复用逻辑代码value)// 哪些状态和回调需要在其他组件中使用 可以是对象也可以是数组return {value,toggle使用。
2025-05-19 15:04:11
1231
原创 pinia对比vuex
【Vue3完全可以使用pinia】Vuex 是一个专为 Vue.js 应用程序开发的。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
2024-11-07 09:53:00
1122
原创 使用MobaXterm上传前端代码
当时是我弄别的项目切换了node 版本， 然后我重新切回来 结果还不行 我关了重新打开打包就没问题了。打开MobaXterm 找到前端代码的路径 我这里是/home/hxxxx/front/得到dist文件夹 在该文件夹内 ctrl+A 全选 右键选择打包成dist.zip。然后cd 到前端代码文件夹下 输入命令unzip dist.zip解压即可。输入密码（我上一步没输用户名 这里就需要再输）密码不可见，输入回车就行。MobaXterm（官网选择免费的 我下载的是绿色的）将dist.zip 删掉。
2024-11-07 09:50:58
738
原创 Leaflet 简单学习笔记
Mapbox — 多端 pc ios 安卓等 渲染精美 api较丰富 --canvas的webGL模式 3d 2.5d。天地图是我国地理信息公共平台所提供的包含矢量 ， 影像，地形等在内的多种地图服务，国内webgis使用最广泛的基础底图。openlayers — 国内用户多 api丰富 灵活 --canvas。Leaflet — 移动端友好轻量 --图片img 图形svg标签渲染。cesium — 纯3d 建筑信息模型 BIM 适用 --webGL。矢量数据-- svg canvas。
2024-10-24 15:14:19
340
原创 typeScript学习笔记
① 由微软开发，是基于 JavaScript 的⼀个扩展语⾔。包含了 JavaScript 的所有内容，TypeScript 是 JavaScript 的超集。②增加了：静态类型检查、接⼝、 泛型等很多现代开发特性，更适合⼤型项⽬③TypeScript 需要编译为 JavaScript ，然后交给浏览器或其他 JavaScript 运⾏环境执⾏。
2024-10-24 15:13:55
1488
原创 WebGIS实战开源项目：智慧机场三维可视化（学习笔记）
智慧机场解决方案，基于数字化大平台，融合AI、大数据、IoT、视频云、云计算等技术，围绕机场“运控、安防、服务”三大业务领域，构建“出行一张脸”及“运行一张图”两大场景化解决方案。BigDataView: 100+套大数据可视化炫酷大屏Html5模板；包含行业：社区、物业、政务、交通、金融银行等，全网最新、最多，最全、最酷、最炫大数据可视化模板。陆续更新中L7 - AntVL7 中的 L 代表 Location，7 代表世界七大洲，寓意能为全球位置数据提供可视化能力。
2024-10-18 15:52:00
2248
2
原创 Cesium学习笔记
Cesium是便用JavaScript开发的基于WebGL的实现三维地球和地图可视化的JS库，Cesium支持海量的三维模型数据，影像数据，地形高程数据，失量数据等丰富的地理教据的加载。在交通，规划，城市管理，地形仿真等领城有非常广泛的应用。Cesium为三维的GIS提供了一个高效的数据可视化平台。中文文档官网例子Cesium的特点①、跨平台，跨浏览器，无插件②、强大的地理数据可视化能力。Cesium自定义的3D Tiles数据格式，支持海量数据渲染。
2024-10-15 11:50:42
8291
原创 vue-seamless-scroll 大屏无缝滚动（数据量少能展示完全就不滚动，滚动时图片展示异常，点击事件异常）
vue-seamless-scroll 大屏无缝滚动，数据量少时不滚动，二轮图片显示异常处理
2024-08-28 11:23:55
2554
原创 echarts中tooltip添加背景图片
其中confine: true是将 tooltip 框限制在图表的区域内css注意需要在<style></style>中写，不能写在带有scoped属性的style中。
2024-08-23 16:38:04
971
2
原创 el-form 表单遇到的问题汇总
然后直接通过this.$refs.xxxxSelect.selected.currentLabel。1、利用el-option 对应的选项数组 查找出来对应的元素 从而得到结果。2、 给el-select 绑定ref值 xxxxSelect。的中的span元素之和超过了24的时候，就会出现排版错乱。并且下拉多选框绑定的变量初始值设置为[]有时候需要用到下拉框绑定的label。解决：添加CSS样式。
2024-03-06 14:49:08
1003
原创 Vue— Echarts 多系列柱状图，堆叠柱状图， 水球图
可以npm安装： 注意兼容性 （echarts-liquidfill@3 与Echarts5兼容， echarts-liquidfill@2 与 Echarts4兼容） 我们系统原本的echarts 是4.2.1 就选这个2.0.6。开发的时候感觉npm好慢 于是直接下载的js 引入的（已上传资源），这一块具体也不清楚对不对 ：我只用了里面src下的文件 在图表组件中 import '@/路径/echarts-liquidfill-2.0.6/src/liquidFill.js' 反正能正常显示。
2024-01-18 16:21:18
2476
1
原创 vue-年度选择器 el-date-picker
使用elementUI 的el-date-picker 需要value-format="yyyy"默认当前年： new Date().getFullYear()得到是数值 需要转为字符串。
2024-01-08 11:52:20
2206
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人