- 博客(42)
- 收藏
- 关注
RSS订阅原创 Vue3项目初始化：
当我们生成一个Vue3项目后必须要增加一些依赖和配置，比如安装组件库、配置ESLint和Prettier、接下来咱一步步推进~
2024-07-05 19:46:24
594
原创 OpenLayers使用2
本篇主要内容是基于高德API逆向地址解析获取城市中心点，并且设置了输入框，可以输入城市执行飞行，同时基于高德API获取城市天气信息，并显示。
2024-07-05 11:19:34
350
原创 OpenLayers使用
1.对于标准地图和卫星地图：二者最初便挂载到map上，两个图层是叠加显示的；当点击按钮时，其实是使用。初学ol，实现了高德地图不同图层的切换、交互性地图飞行以及加载本地JSON数据。2.对于行政区划（JSON数据）：直接使用。
2024-07-03 20:13:24
419
原创 GlaDS缘起
而沿纵向截面（L1-L2-L3）的数据显示，位于moulin附近的两点（L2和L3）的有效压力近乎同步变化，但上方位置（L1）相比滞后4小时。：图中还展示了不同区域的排水情况，包括片流（sheet discharge，qw）的蓝色线，总排水量（黑色线），以及通过累积输入流量（dashed线）与总流量叠加显示的对比。：Figure 3c展示了节点上的有效压力N，红色十字代表片流节点，较小的蓝色和较大的黑色圆点分别标记通过小通道和大通道的节点位置。在冰川终端附近，存在11个通道，它们之间的距离大约为2公里。
2024-06-06 20:05:53
1055
原创 WebGIS开发必备JS库
WebGIS前端开发中，有一些JavaScript库是特别受欢迎和实用的，它们能够帮助开发者更高效地创建地图应用、处理地理空间数据以及实现丰富的用户交互。: 是一个高性能、开源的JavaScript库，用于在Web上创建富有的地图应用。它支持多种地图数据源，包括从瓦片服务到矢量数据，并提供了大量的交互功能。: 是一个轻量级的地图库，以其简洁的API和高性能著称。适用于移动友好的交互式地图，支持触控操作，非常适合快速开发项目。
2024-05-29 10:24:31
763
原创 Ajax与Axios
相比于原生的Ajax，Axios提供了更加方便的API，可以更容易地处理请求和响应，处理错误，并且支持取消请求等功能。总结来说，Axios是Ajax概念的一个现代化实现，它以更现代的JavaScript特性（如Promise）为基础，提供了更便捷、强大的HTTP请求处理能力，特别适合现代Web应用的开发需求。2、ajax技术实现了局部数据的刷新，而axios实现了对ajax的封装。Ajax和Axios都是用于在前端进行数据交互的工具，但它们有一些重要的区别，从使用方式到功能特性都有所不同。
2024-05-29 09:31:36
650
1
原创 移动端适配：vw适配方案
vw(Viewport Width) 是一种长度单位，代表视口宽度的百分比。1vw 等于视口宽度的1%。在网页设计和前端开发中，vw 单位常用于实现响应式设计和屏幕适配，尤其是针对不同尺寸和分辨率的移动设备。
2024-05-24 19:12:54
295
原创 团队代码质量利器：ESLint 搭配 Prettier
一个中大型项目，一般由团队成员共同开发维护。但每个开发人员都有独特的代码编写风格和不同的文本编辑器。那么如何解决同一项目中有太多不同编码风格的问题？如何实现相同的编码风格，避免团队成员之间的许多警告呢？答案就是：ESLint 搭配 Prettier！！！
2024-05-23 20:29:47
939
原创 Java18新特性
值得注意的是，Java 18遵循了新的发布节奏，作为一个短期版本，它包含了有限的特性集，主要目的是为了更快地将新功能交付给用户，同时也为长期支持版本（如Java 17）提供反馈和实验场。：这一特性旨在简化API文档的编写，允许在文档注释中直接嵌入可执行的代码片段，这些片段可以在生成的文档中作为示例展示，提高了文档的实用性和可读性。：从 Java 18 开始，UTF-8 成为了默认的字符集，简化了国际化应用的开发，避免了因未明确指定字符集而导致的问题。：对反射API的底层实现进行了重构，利用。
2024-05-19 19:43:15
373
原创 SHMIP：冰下水文模式比较计划
该计划通过构建一系列综合模拟实验，并对运行这些模拟的各参与模型的结果进行比较，以达到其目标。同时，对于模型开发人员来说，这将有助于他们评估哪些地方需要进一步的模型开发，并提供一组参考模型，以便与未来的模型进行比较。找到，同时也包含在补充材料中。文章的设计允许13个模型参与到部分或全部的实验中，包括分布式补给（A、E）、竖井输入的稳态条件（B），以及瞬态模拟（C、D、F）。第二种地形用于实验E和F，是受美国AK板凳冰川启发的合成山谷冰川几何形状，冰川长6公里，宽1公里，终点和冰川头之间的海拔差为600米。
2024-05-16 16:03:12
1251
原创 使用Git命令从本地上传到码云
最近刚接触Git和码云，想着把本地代码上传到码云上供大家借鉴，但困难的是一直没有解决如何上传的问题。仔细摸索了几天，找到了一点途径，请大家帮忙指点一二~
2024-05-15 09:32:34
500
原创 Vue3：项目创建
Vue 3 相对于 Vue 2 带来了许多改进和优点，这些改进主要是为了提高性能、开发体验和可维护性。但是对于创建项目，Vue3也可以采用跟Vue2相同的方式。
2024-05-10 21:36:45
856
原创 R-tree算法
R-tree是一种用于处理空间数据的自平衡搜索树结构，特别适合于存储和查询二维或更高维度的空间对象，如点、线段、矩形等。它在地理信息系统、计算机图形学、数据库等领域有广泛应用。R树通过将空间分割成几个区域，并在每个节点上维护这些区域的最小边界矩形（MBR），从而实现对空间数据的有效索引。
2024-05-06 19:11:12
297
1
原创 Vue学习：21.mixins混入
在Vue中，mixins（混入）是一种用于分发Vue组件中可复用功能的灵活机制。它们允许你抽取组件中的共享功能，如数据、计算属性、方法、生命周期钩子等，并将其作为单独的模块复用到多个组件中。这种方式有助于保持代码的DRY（Don't Repeat Yourself）原则，提高可维护性和可读性。混入（Mixins）本质上是一个含有组件选项的对象。当你将一个混入对象混入一个组件时，该混入对象的属性将会被“混合”到组件自身的选项中。如果混入对象和组件定义了相同的属性（如datamethods。
2024-05-05 18:50:28
477
原创 GlaDS应用
高压水的积累推动了地面区域的快速冰流，这些通道将淡水集中到冰架海洋空洞中，通过浮力吸引温暖的深水，促进了冰架的加速融化。底部供水的变化将影响底部通道的容量，文章证明这会影响主要通道两侧100公里范围内的分布式系统压力，并且，在季节性输入的情况下，可能会使南极系统从稳定状态转向类似格陵兰岛的系统。低传导系数组结果表明传导系数的偏低会抑制通道的形成，但会增加水深，尤其是冰下湖附近，多达数米，然而，较小和效率较低的通道对水文系统的影响远远超出了通道式的排水路线，在主要通道两侧的影响可达100公里。
2024-04-24 19:57:12
303
原创 常用启发式算法初探
启发式算法是一类通过探索搜索空间中的解空间，根据一定的规则来引导搜索方向的算法。它们通常用于解决组合优化问题，这些问题的解空间非常庞大，传统的穷举搜索方法效率低下。
2024-04-16 21:07:21
296
原创 node.js常用命令总结
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境，用于构建快速、可扩展的网络应用程序。它使用事件驱动、非阻塞 I/O 模型，使其非常适合构建数据密集型的实时应用程序。一些关键特点包括：1. **基于事件驱动的非阻塞 I/O**：Node.js 使用事件驱动的架构和异步 I/O 操作，使得它能够处理大量并发连接而不会阻塞。这使得它非常适合构建高性能、可扩展的网络应用程序。
2024-04-16 20:56:44
316
原创 npm常用命令总结
npm（Node Package Manager）是 Node.js 的包管理工具，用于管理 Node.js 模块的安装、卸载、更新和发布。它是 Node.js 平台的默认包管理器，也是世界上最大的开放源代码库生态系统之一。
2024-04-16 20:51:27
331
原创 关于前沿的思考~
威格德森教授对计算复杂性的分类做出了重大贡献，特别是对于**P类**（多项式时间内可解决的问题）、**NP类**（非确定性多项式时间内可验证的问题）、以及更复杂的复杂性类（如**BPP**、**RP**、**ZPP**等，涉及随机计算模型）的深入研究。- 他在复杂性理论中探讨了随机性与确定性之间的关系，例如通过研究**BPP**与**P**、**NP**与**BPP**等复杂性类之间的包含关系，来探究随机性是否能从根本上提升计算能力。- 威格德森的复杂性理论研究为算法的设计和分析提供了理论基础。
2024-04-16 20:37:39
575
原创 Vue学习：18.Vue插槽
Vue 中的插槽（slot）是一种灵活的机制，用于在父组件中将内容传递到子组件的特定位置。它允许我们在子组件中定义可以在父组件中传递任意内容的“插槽”，从而实现更灵活的组件化。总结来说，Vue中的插槽机制极大地增强了组件的灵活性与可定制性，使得父组件能够以声明式的方式控制子组件内部的内容布局，同时支持数据的传递，使得父子组件间能更有效地协同工作。： 当子组件需要多个插槽时，可以为每个插槽指定一个名称，以便父组件更精确地控制内容的分布。向父组件传递数据，父组件则在。定义具名插槽，父组件则使用。
2024-04-13 09:56:13
477
原创 Vue学习：17.组件通信案例-记事本
v-focus。Vue 中的自定义指令允许我们直接操作 DOM。这在需要对元素进行底层操作或直接与原生 JavaScript API 交互时非常有用。我们可以使用directive。
2024-04-12 19:58:57
352
原创 Vue学习：16.组件通信
由于组件的，无法直接访问其他组件的数据，所以想要使用其他组件数据必须通过 组件通信！在Vue.js中，组件之间的通信可以通过多种方式实现，包括 props、事件、$emit / $on、Vuex 状态管理等。要讲组件通信首先来说一下组件关系。
2024-04-10 20:19:05
535
1
原创 Vue学习：14.工程化开发&脚手架
简介：对于没有任何相关背景知识的人来说，如何才能成功进入IT行业？是否有一些特定的方法或技巧可以帮助他们实现这一目标？方向一：学习路径首先确定你对IT领域的兴趣和目标。IT行业非常广泛，包含了软件开发、网络管理、数据分析、人工智能等不同的领域。了解自己的兴趣和目标，可以帮助你选择适合的学习路径。无论你选择哪个领域，学习编程是一个重要的起点。掌握一门编程语言（如Python、JavaScript、Java等）和基本的编程概念（如变量、循环、函数等）是必要的。
2024-04-09 20:36:25
801
原创 Vue学习：13.生命周期综合
axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：支持原生 TypeScript请求响应拦截支持 node.js从浏览器中创建 XMLHttpRequest支持 Promise API....//使用npm//使用yarn//或者使用cdn：})});})});您还可以在请求中设置其他参数，如请求头、请求参数等。
2024-04-09 20:02:25
804
原创 Vue学习：11.了解生命周期
这些生命周期钩子函数（lifecycle hooks）允许开发者在特定的阶段执行自定义逻辑，以便更好地管理组件的状态和与其交互的DOM元素。它展示了从创建一个Vue实例开始，到销毁该实例为止的整个过程中的各个关键阶段和对应的钩子函数。： 组件已经被创建并成功挂载到DOM中，可以访问到真实的DOM元素并进行操作。此时新的DOM还未生成，可以在这个钩子中进一步地更改状态，这不会触发附加的重渲染过程。属性还不存在，无法操作DOM。属性已被赋值，但真实的DOM还未渲染出来，可以进行DOM相关的准备工作。
2024-04-09 16:12:15
264
原创 Vue学习：9.watch监听器
"watch" 监听器是一种在 Vue.js 中用于监视数据变化并执行相应操作的机制。它是 Vue 实例的一个选项，允许你监视指定的数据，并在数据变化时执行特定的逻辑。通常情况下，"watch" 监听器用于响应数据的变化，例如当数据发生变化时执行异步操作、触发其他方法或更新其他数据等。"watch" 监听器的完整写法可以包含更多的选项和配置。比如：deep: true 对复杂类型深度检测；immediate: true 初始化时立即执行一次等。
2024-04-09 10:47:50
400
原创 Vue学习：7.计算属性2
上一节了解的是计算属性的默认简写，只能读取，不能修改。什么意思呢？很简单，我们知道计算属性是依赖数据动态计算一个值，那我可不可以直接this.计算属性 = xxx 来修改计算属性的结果呢？这其实是不行的！因为上一节中我们写的是计算属性的默认简写，只能构读取数据，如果要进行修改，必须写它的完整形式。Vue 中计算属性的完整写法涉及到定义一个对象，getset。这种写法允许我们不仅在依赖其他数据时动态计算一个值，还能监听对该计算属性的直接赋值操作，并在值被设置时执行相应的逻辑。
2024-04-08 19:47:35
206
原创 Vue学习：6.认识计算属性
计算属性是 Vue.js 提供的一种特殊属性，用于在模板中动态计算和返回数据。计算属性使得在模板中使用动态计算的数据变得非常简洁和方便，同时又能保持响应式更新的特性，提高了代码的可读性和可维护性。
2024-04-08 19:11:55
399
原创 Vue学习：5.v-bind使用
第一节算是对v-bind的粗略了解，仅仅是列举了v-bind的使用。这一节将更详细的了解v-bind的具体用法。v-bind是 Vue.js 中常用的指令之一，用于动态地绑定属性或者表达式到 HTML 元素上。通过 v-bind，你可以将 Vue 实例的数据绑定到元素的属性上，实现数据的动态更新。
2024-04-08 18:43:12
240
原创 Vue学习：4.v-model使用
第一节算是对v-model的粗略了解，仅仅是将input的输入与Vue 实例的数据之间双向绑定。这一节将更详细的了解v-model在不同表单元素中的使用。
2024-04-08 18:22:52
323
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人