文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

在Excel中处理和使用地理空间数据（如POI数据）

本文做最简单的引入——处理和使用POI数据，也是结合之前的推文：POI数据获取脚本分享，希望这里分享的脚本有更大的受众。...，用于加载工作底图） III 其他 （非必须，如自己下载的卫星图，自己处理的地图，绘制的总平面等——用于自定义底图） 03 具体操作 打开数据表格——[插入]选项卡——三维地图——自动打开三维地图窗口.../zh-cn/article/三维地图入门-6b56a50d-3c3e-4a9e-a527-eea62a387030） ---- 接下来来将一些[调试]中的关键点 I 坐标问题 理论上地图在无法使用通用的...WGS84坐标系（规定吧），同一份数据对比ArcGIS中的WGS84（4326）和Excel中的WGS84、CJ-02（火星坐标系）的显示效果，可能WGS84（4326）坐标系更加准确一点，也有查到说必应地图全球统一使用...操作：在主工作界面右键——更改地图类型——新建自定义底图——浏览背景图片——调整底图——完成 i 底图校准 加载底图图片后，Excel会使用最佳的数据-底图配准方案——就是让所有数据都落位在底图上。

14K20

React Echarts 使用教程 - 如何在 React 中加入图表（内附数据看板实战搭建案例）

[React Echarts 使用教程 - 如何在 React 中加入图表（内附数据看板实战搭建案例）] 本文完整版：《React Echarts 使用教程 - 如何在 React 中加入图表（内附数据看板实战搭建案例...本文手把手教大家如何在 React 里使用 Echarts，并结合实际使用场景，分享我是如何处理图表自适应等具体问题。...如何在 React 里引入 Echarts 首先，我们需要初始化 React 项目，这里使用 create-react-app 即可轻松完成，以下两个命令都可以，是等价的： yarn create react-app...基于 Ant Design React 搭建数字币走势数据看板 本节我们使用国内最常用的 React UI 框架 Ant Design React 来手把手教大家搭一套极简版数字币走势数据看板，帮助大家加深理解...React Echarts 与卡拉云 本文详细讲解新版 React 中如何引入 Echarts。

6.9K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    Redux你是个好人，只是我们不合适

    如果没使用「状态管理」方案，常见方式是请求数据后保存在组件state中，如： function App() { const [data, updateData] = useState(null);...「状态管理」方案如Redux，会将请求的数据序列化后保存在「全局状态」中。...对于缓存，常见的需求是： 数据状态，加载中？加载完成？发生错误？ 缓存失效后的更新 复用缓存数据 在React技术栈，SWR、react-query都是优秀的解决方案。这里以SWR举例： ?... } 让我们来看SWR如何满足如上三个需求： 数据状态：通过useSWR的返回值参数判断请求状态。比如!error && !data代表「请求中」。...复用缓存数据：SWR会以请求url为key，请求对应promise为value缓存数据，达到多个重复请求复用缓存的目的。

    1.2K20

    Redux你是个好人，只是我们不合适

    如果没使用「状态管理」方案，常见方式是请求数据后保存在组件state中，如： function App() { const [data, updateData] = useState(null);...「状态管理」方案如Redux，会将请求的数据序列化后保存在「全局状态」中。...对于缓存，常见的需求是： 数据状态，加载中？加载完成？发生错误？ 缓存失效后的更新 复用缓存数据 在React技术栈，SWR、react-query都是优秀的解决方案。... } 让我们来看SWR如何满足如上三个需求： 数据状态：通过useSWR的返回值参数判断请求状态。比如!error && !data代表「请求中」。...复用缓存数据：SWR会以请求url为key，请求对应promise为value缓存数据，达到多个重复请求复用缓存的目的。

    72910

    React Suspense + 自定义Hook开启数据请求新方式。

    过去 类组件 在React的类组件时代，请求数据的时机经常放在componentDidMount中，然后state中需要有一个变量记录当前是否正在请求接口，在请求的前后需要手动去改变这些状态，大概代码如下...'正在加载中...' : ( ); } 未来 Suspense组件 + useSWR React发布了Suspense以后，数据请求又有了新思路，我们可以在视图容器的外层包裹一层...swr这个库，对配置项进行了一个简单的封装，开启了suspense模式 第二项参数所需要的fetcher就是自己定义的返回promise的逻辑。...关于swr这个库的具体分析文章可以查看这篇：精读《Hooks 取数 - swr 源码》 这个Demo中在路由进入过后如果再次进入，数据会直接显示之前请求过的，你会发现这非常像Vue中的keep-alive...使用： import React from "react"; import useSWR from "../use-my-swr"; import fetcher from "..

    34910

    React Suspense + 自定义Hook开启数据请求新方式。

    过去 类组件 在React的类组件时代，请求数据的时机经常放在componentDidMount中，然后state中需要有一个变量记录当前是否正在请求接口，在请求的前后需要手动去改变这些状态，大概代码如下...'正在加载中...' : ( ); } 复制代码 未来 Suspense组件 + useSWR React发布了Suspense以后，数据请求又有了新思路...swr这个库，对配置项进行了一个简单的封装，开启了suspense模式 第二项参数所需要的fetcher就是自己定义的返回promise的逻辑。...关于swr这个库的具体分析文章可以查看这篇：精读《Hooks 取数 - swr 源码》 这个Demo中在路由进入过后如果再次进入，数据会直接显示之前请求过的，你会发现这非常像Vue中的keep-alive...使用： import React from "react"; import useSWR from "../use-my-swr"; import fetcher from "..

    1.8K30

    听说现在都考这些React面试题

    长按识别二维码查看原文 https://github.com/zeit/swr标题：swr 04 如何使用 react hooks 实现一个计数器的组件 更多描述: 如何使用 react hooks...的使用场景 06 使用 react 实现一个通用的 message 组件 07 如何使用 react hooks 实现 useFetch 请求数据 更多描述: 比如设计成 `useFetch` 这种形式...UI的进一步分离，这样也更有利于 SSR 11 react 与 vue 数组中 key 的作用是什么 12 react 中 ref 是干什么用的，有哪些使用场景 13 如何使用 react/vue 实现一个...16 react hooks 如何替代或部分替代 redux 功能 我们把全局store分为两块 从服务器端来，如各种 model，此时可以使用 swr 直接替代。...组件库 32 React 中的 dom diff 算法如何从 O(n3) 优化到 O(n) 的 33 在 React 应用中如何排查性能问题 34 React 17.0 有什么变化 35 现代框架如 React

    1.3K30

    为什么我不再用Redux了

    Redux 是 React 生态系统中的革命性技术。它使我们能够在全局范围内存储不可变数据，并解决了在组件树中 prop-drilling 的问题。...现在，异步获取数据意味着数据必须位于两个位置：前端和后端。我们必须考虑如何在全局范围内以最佳方式存储这些数据，以便它们能对我们的所有组件都可用，同时保持数据缓存以减少网络延迟。...React Query 我已经在自己的多数个人和工作项目中使用 React Query 几个月了。这个库有一个非常简单的 API 和几个 hooks，用于管理查询（获取数据）和突变（更改数据）。...一起使用，并使用异步调用来获取数据。...React Query 和 SWR 大约是在同一时间开始开发的，并且以积极的方式相互影响。在 react-query 文档中也对这两个库进行了彻底的比较。

    3.3K20

    【React】1935- 来看看 SWR 如何用 React Hook 实现优雅请求

    SWR[1] 是 Next.js 背后的团队 vecel 开源的一个 用于数据请求的 React Hooks 库 官方介绍：“SWR” 这个名字来自于 stale-while-revalidate：一种由...这种策略首先从缓存中返回数据（过期的），同时发送 fetch 请求（重新验证），最后得到最新数据。 使用 SWR，组件将会不断地、自动获得最新数据流。 UI 也会一直保持快速响应。...第二个参数是一个异步请求方法，它参数就是 hook 接收到的第一个参数，返回值为请求到的数据 这个 hook 的返回值也有两个，data 为 fetcher 中获取到的数据，error 则为请求失败时的错误...而在 SWR 中，它本身自带了 错误重试 的功能的，当出现请求错误时，SWR 使用 指数退避算法[3] 重发请求。该算法允许应用从错误中快速恢复，而不会浪费资源频繁地重试。...这里我们可以使用 useSWRConfig() 所返回的 mutate 函数，来广播重新验证的消息给其他的 SWR hook。使用同一个 key 调用 mutate(key) 即可。

    1.9K10

    在线商城首页推荐商品列表数据缓存策略：SWR 优化实践

    引言我们的首页推荐商品列表中，数据的实时性直接影响用户购买决策和平台转化率，所以我们使用 SWR（Stale-While-Revalidate） 缓存策略，先展示缓存数据，后台更新，减少白屏时间。...1.1 业务场景功能模块：电商首页推荐商品列表（如“猜你喜欢”“热门促销”）。技术栈：React + SWR + REST API。预期行为：首次加载展示缓存数据（若存在）。...：从故障中提炼的6条经验教训4.2.1 "默认配置"不是"万能配置"错误认知：初期直接使用SWR文档中的"基础示例配置"，未结合业务调整；正确做法：根据数据实时性要求（高/中/低）、用户访问频率、接口性能建立...4.2.6 未区分"全局缓存"与"局部缓存"错误认知：所有数据使用同一SWR实例，导致缓存污染；正确做法：通过SWRConfig Provider创建多实例，区分全局缓存（如用户信息）和局部缓存（如页面数据...希望通过本文的分享，能够帮助读者在前端开发中更好地使用SWR缓存机制，提升应用性能和用户体验。

    48730

    Python中如何使用 collections 模块中高级数据结构如 namedtuple、deque

    通过 _replace 方法，我们可以创建一个新的实例而不用改变原来的实例数据，类似于一种不可变性。其他常用方法_fields：返回字段名称。...它接收一个可迭代对象（如列表或字符串）并返回一个类似字典的对象，键是元素，值是出现的次数。使用场景Counter 非常适合用于统计元素出现次数，比如统计单词频率、字符频率等。...使用场景OrderedDict 非常适合需要严格按照插入顺序处理数据的场景，尤其是在需要按插入顺序对数据进行操作或者在序列化过程中确保一致性时。如何定义和使用 OrderedDict？...这样，当访问不存在的键时，返回的是默认值 0。使用 defaultdict(list) 创建了一个字典 multi_value_dict，每个键的默认值为列表，可以方便地向列表中添加元素。...在学习 collections 模块中的高级数据结构时，关键在于理解每个数据结构的特性和适用场景。

    2.4K10

    React 中请求远程数据的四种方法

    React 是一个专注的组件库。因此，它对如何请求远程数据没有什么建议。如果要通过 HTTP 请求数据并将其发送到 Web API，可以考虑下面四种方法。...内联写法 集中管理 自定义 Hook react-query/swr 注意：在本文中，我将使用 fetch 进行 HTTP 调用，但是这些模式也适用于 Axios 之类的替代方法。...方式2：文件夹集中管理 如果我们在一个文件夹中处理所有 HTTP 调用会怎么样? 使用这种方法，我们创建了一个名为 services 的文件夹，并且把进行 HTTP 调用的函数都放进去。...service 是最流行的术语，我在下面也讨论了很多好的替代名称，如 client 或 api。 要点是，所有的 HTTP 调用都是通过纯 JavaScript 函数处理的，存储在一个文件夹中。...但是，您应该只需要方式4: 方式4：react-query/swr 使用 react-query或swr，可以为我们处理缓存、重试、重复查询等等。我不必维护自己的自定义Hook了。

    4.5K10

    React 中请求远程数据的四种方法

    React 是一个专注的组件库。因此，它对如何请求远程数据没有什么建议。如果要通过 HTTP 请求数据并将其发送到 Web API，可以考虑下面四种方法。...内联写法 集中管理 自定义 Hook react-query/swr 注意：在本文中，我将使用 fetch 进行 HTTP 调用，但是这些模式也适用于 Axios 之类的替代方法。...方式2：文件夹集中管理 如果我们在一个文件夹中处理所有 HTTP 调用会怎么样? 使用这种方法，我们创建了一个名为 services 的文件夹，并且把进行 HTTP 调用的函数都放进去。...service 是最流行的术语，我在下面也讨论了很多好的替代名称，如 client 或 api。 要点是，所有的 HTTP 调用都是通过纯 JavaScript 函数处理的，存储在一个文件夹中。...但是，您应该只需要方式4: 方式4：react-query/swr 使用 react-query或swr，可以为我们处理缓存、重试、重复查询等等。我不必维护自己的自定义Hook了。

    2.7K30

    如何在Vue3中使用上下文模式，在React中使用依赖注入模式🚀🚀🚀

    这两种不同的设计模式，通常用于软件系统中实现组件之间的数据共享和依赖管理。作为耳熟能详的常见功能，这里就不详细展开定义了，我们单纯的从使用角度去解读他们的区别。...他们通常在跨组件通信中被提到，比如，React、Svelte、SolidJS都用了Context上下文模式，Vue、Angular中使用了依赖注入模式。...Vue3中使用上下文模式❝ 注意：这不是依赖Vue组件层级树的上下文。React的上下文系统是依赖于组件层级树的。换句话说。这是一个外部系统。...React中使用依赖注入❝ 注意：同理。这是一个外部系统。...为了可以将需要的数据注入到组件中，我们需要在此基础上提供一个高阶组件将数据注入到其中：import React from "react";const dependencies = {}export function

    1.7K00

    Next.js预渲染数据断层：在线商城个性化推荐的时效性困局

    若源码中仅包含初始热门商品 ID，且无动态渲染标记（如 __NEXT_DATA__ 中的预渲染数据），则确认是静态预渲染。...3.2 方案二：客户端动态获取（SWR/React Query）核心思路：静态生成页面框架（无推荐数据），推荐列表通过客户端动态请求获取，使用 SWR 或 React Query 处理缓存、重试和实时更新...实现代码：import useSWR from 'swr';function Recommendations() { // 使用 SWR 获取推荐数据，key 为用户 ID（需登录，匿名用户可用设备...3.4 方案对比与选型方案性能（首屏加载）数据时效性服务器负载适用场景ISR优（静态缓存）中（延迟更新）低非实时推荐（如热门榜单）客户端 SWR中（需等待请求）高（实时）中个性化实时推荐混合渲染中（服务端拼接...我们采用了混合渲染策略，成功在商城推荐系统中实现了静态骨架的性能保障与动态数据的实时性的完美平衡。这种设计模式可扩展到各类需要结合预渲染与实时数据的场景，如动态定价系统、实时排行榜等。

    17520

    自定义Hooks解析

    setData和setLoading触发更新，返回新的数据 setData(res); setLoading(false); }, [fetch, newParams...我们自定义一个Fetch类的好处就是可以扩展很多功能，其中就包括已经实现的节流、防抖、成功和失败的回调、格式化结果，快速改变返回数据，取消请求、屏幕聚焦重新请求等功能。...使用方法很简单，只要在options中传入一个cacheKey参数就可以。...data; export { getCache, setCache }; 从上面代码的注释来看，实现swr能力非常简单，只需要在每次请求的时候将数据存储到全局的缓存对象中，在初始化的时候先从缓存中获取缓存数据渲染到页面...在自定义hooks中如果调用了"setState"或者"dispatch"就会触发整个函数组件的更新，从而能获取到自定义hook中处理后的最新的数据。

    3.2K30

    数据库使用教程：如何在.NET中连接到MySQL数据库

    dbForge Studio for MySQL是一个在Windows平台被广泛使用的MySQL客户端，它能够使MySQL开发人员和管理人员在一个方便的环境中与他人一起完成创建和执行查询，开发和调试MySQL...点击下载dbForge Studio for MySQL最新试用版 在.NET中连接到MySQL数据库 .NET是伟大的，它为数据库和数据源的工作提供了大量的工具。...注意，MySQL数据库现在出现在列表中，如图1所示。 图1 –更改数据源 从列表中选择MySQL Database，然后单击OK，Add Connection对话框将如图2所示。...选择所需的数据库对象，如图3所示。 图3 –数据库对象 单击完成。 现在，您可以连接MySQL数据库并使用它。 如果我不想使用Bindingsource甚至设计视图怎么办？...，使用.NET连接到MySQL数据库非常容易。

    7.7K10

    精读《Hooks 取数 - swr 源码》

    本周精读就来剖析这个库的功能与源码，了解这个 React Hooks 的取数库的 Why How 与 What。 2 概述 首先介绍 swr 的功能。...2.5 依赖取数 如果一个取数依赖另一个取数的结果，那么当第一个数据结束时才会触发新的取数，这在 swr 中不需要特别关心，只需按照依赖顺序书写 useSWR 即可： function MyProjects...2.7 乐观取数 特别在表单场景时，数据的改动是可预期的，此时数据驱动方案只能等待后端返回结果，其实可以优化为本地先修改数据，等后端结果返回后再刷新一次： import useSWR, { mutate...setData(newData); }); 其实还有别的解法，比如使用 useReducer 管理数据也能达到相同性能效果。...4 总结 笔者给仔细阅读本文的同学留下两道思考题： 关于 Hooks 取数还是在数据流中取数，你怎么看呢？ swr 解决依赖取数的方法还有更好的改进办法吗？

    1.5K10
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券