本文主要介绍如何在Vue项目中使用ArcGIS JS API进行开发，文中使用的JS API是目前最新版本的ArcGIS JS API 4.14，主要是在Vue项目demo中用JS API实例化了一张二维地图...概述 在之前很长的一段时间中，使用ArcGIS JS API(以下简称“JS API”)开发WebGIS系统的时候，还是基于传统的前端框架和各种前端技术来开发，这些框架和技术各位使用过的大概有这些：Dojo...ArcGIS JS API和Vue结合开发 以上过程已经完成了环境安装部署和项目初始化工作，接下来就要进行JS API的开发介绍了。...3.1、在Vue项目中使用JS API时已经不像传统的开发方式那样在index.html中引入JS和CSS文件来使用JS API，而是通过一个叫“esri-loader”的中间件，将我们的JS API和...也就是说，你最终使用的JS API开发包还是我们本地部署或者JS API官网的开发包，并不是esri-loader里面的开发包。
本文主要介绍如何在React项目中使用ArcGIS JS API进行开发，文中使用的JS API是目前最新版本的ArcGIS JS API 4.14，主要是在React项目demo中用JS API实例化了一张二维地图...ArcGIS JS API和React结合开发 以上过程已经完成了环境安装部署和项目初始化工作，接下来就要进行JS API的开发介绍了。...这个文件来介绍如何在React中使用JS API开发。...也就是说，你最终使用的JS API开发包还是我们本地部署或者JS API官网的开发包，并不是esri-loader里面的开发包。...接下来进行JS API的开发。 3.9、本文主要是通过实例化一张地图来介绍如何使用JS API开发。
var color3 = color.concat(color2); // concat 是将参数传递进来的数组内容 拼接到调用者后面，不修改原数组
我们来学习一下 Excel js API 开放是如何设计的，从中学习到一些开放 API 设计经验。...已经具备这么多能力，为何还需要 JS API 呢？...也就是说，JS API 让 Excel “可编程化”，即以开发者视角对 Excel 进行二次拓展，包括对公式进行二次拓展，使 Excel 覆盖更多场景。...JS API 可以用在哪些地方 从 Excel 流程中最开始的工作薄、工作表环节，到最细节的单元格数据校验都可通过 JS API 支持，目前看来 Excel JS API 并没有设置能力边界，而且还会不断完善...在 Excel JS API 之上，还有一个 通用 API，定义为跨应用的通用 API，这样 Excel JS API 就可以把精力聚焦在 Excel 产品本身能力上。
使用现代化的脚本进行 ArcGIS JS API 开发 ArcGIS JS API 基于古老的 JavaScript 框架 Dojo 开发， dojo 虽然是曾经的王者， 但是2020年的前端开发， 早已是...ES7, ES2018 等， 以下统称 ES6+, TypeScript) 进行 ArcGIS JS API 开发。...， 很容易和其它的框架发生冲突； 由于以上几点原因， 导致 ArcGIS JS API 在前端开发中比较难使用新的 JavaScript 语法， 和当今前端开发三大框架门槛集成的难度比较大。...根据 ArcGIS JS API 的发行说明中的描述， 大约有 96% 的代码直接使用 TypeScript 进行开发， 提供了完整的 TypeScript 类型定义 @types/arcgis-js-api...本地环境搭建 上面 StackBlitz 上的例子只是示例而已， 要想完整的体验使用 TypeScript 进行 ArcGIS JS API 开发， 最好还是搭建本地开发环境， 需要安装的工具有： Node.js
iOS JS与OC交互 本文内容导航 1、`UIWebView` JS 与 OC 交互 1.1 OC 调用 JS 函数 1.1.1 OC 拼接 JS 字符串调用 JS 方法 1.1.2 使用 JSContext...上下文环境调用 JS 函数 1.2 JS 调用 OC 函数 1.2.1 OC 拦截 JS 超链接操作请求 1.2.2 向 JS 中注入 OC 类 1.2.3 使用 JSContext 上下文，JS函数...拦截 JS 超链接请求 2.3.2 OC 接收 JS 发来的消息 3、第三方库实现 OC 与 JS 交互 3.1 `WebViewJavascriptBridge` 库使用 1、UIWebView JS...②使用 JSContext 上下文调用 JS 函数 第一种方法使用相对简单，但复杂业务可能无法实现。 1.1.1 OC 拼接 JS 字符串调用 JS 方法 JS 代码如下： <!...调用 JS 方法，使用block回调JS返回结果。
它允许开发者通过 JavaScript 代码将网页中的特定元素或整个文档切换到全屏模式，以便更好地利用屏幕空间。...通过 Fullscreen API，开发者可以通过按键、鼠标点击或触摸手势等方式触发全屏切换，并在全屏状态下进行自定义的交互和操作。...screenfull.js[3]：6.8k⭐，一个小巧的 Fullscreen API 库，支持多种浏览器和设备。...总结 本文介绍了 Fullscreen API，它是一种用于控制浏览器全屏显示的 JavaScript API。通过 Fullscreen API，开发者可以提供更好的用户体验和交互方式。 7....# 11 个需要避免的 React 错误用法 # 6 个 Vue3 开发必备的 VSCode 插件 # 3 款非常实用的 Node.js 版本管理工具 # 6 个你必须明白 Vue3 的 ref 和 reactive
「广泛支持」 几乎所有主流浏览器都支持 Geolocation API，使得开发人员可以在多个平台上使用该 API。...「实时性」 Geolocation API 可以提供实时的地理位置信息，帮助开发人员实现实时定位和导航等功能。...Turf.js[6]：8k⭐，一个用于地理空间分析的 JavaScript 库，提供了许多有用的地理空间函数和算法。.../github.com/openlayers/openlayers [5] Mapbox: https://github.com/mapbox/mapbox-gl-js [6] Turf.js: https...# 11 个需要避免的 React 错误用法 # 6 个 Vue3 开发必备的 VSCode 插件 # 3 款非常实用的 Node.js 版本管理工具 # 6 个你必须明白 Vue3 的 ref 和 reactive
Fetch API 在现代的前端开发中被广泛使用，特别适用于构建单页应用程序、使用 RESTful API 进行数据交互、实现异步数据加载等场景。...以上仅是 Fetch API 的一些常见应用场景，实际上，它在前端开发中的应用非常广泛，涵盖了各种数据交互和网络请求的需求。 4....isomorphic-fetch[8]: 7k⭐， 提供 Fetch API 兼容性支持的库，适用于浏览器和 Node.js 等环境。 5....通过进一步学习和实践，你将更加熟练地运用 Fetch API，提升前端开发的能力和效率。...# 11 个需要避免的 React 错误用法 # 6 个 Vue3 开发必备的 VSCode 插件 # 3 款非常实用的 Node.js 版本管理工具 # 6 个你必须明白 Vue3 的 ref 和 reactive
通过 Clipboard API，开发者可以将文本、图片和其他数据复制到剪贴板，也可以从剪贴板中读取数据，实现复制、剪切和粘贴等功能。...以上这些库都提供了简单易用的接口，可以帮助开发者快速实现 Clipboard API 相关功能。 6....然而，Clipboard API 的兼容性存在一定的问题，需要开发者进行兼容性处理。...为了更好地使用 Clipboard API，开发者需要注意以下事项： 在使用 Clipboard 接口时，需要获取用户的授权。...search=Clipboard [3] 「clipboard.js」: https://github.com/zenorocha/clipboard.js/ [4] 「clipboard-polyfill
WebSockets API 为多人游戏开发提供了强大的基础。...ws[3] 19.8K⭐ 一个简单易用的 WebSocket 客户端和服务器库，适用于 Node.js。它提供了基本的 WebSocket 功能，并支持自定义扩展。...总结 WebSockets API 为实时性和双向通信提供了便捷的解决方案。通过使用 WebSockets，开发者可以轻松构建实时聊天应用、实时数据监控和多人游戏等应用程序。...WebSockets API 的广泛支持和强大功能使其成为现代 Web 开发中不可或缺的一部分。通过合理的使用和注意事项，我们可以充分利用 WebSockets 实现更好的用户体验和功能。 7....# 11 个需要避免的 React 错误用法 # 6 个 Vue3 开发必备的 VSCode 插件 # 3 款非常实用的 Node.js 版本管理工具 # 6 个你必须明白 Vue3 的 ref 和 reactive
❝前期回顾： 1.Page Visibility API 2.Broadcast Channel API ❞ 1....什么是 Beacon API 1.1 概念介绍 Beacon API 是 HTML5 提供的一种新的浏览器 API，可以用于在浏览器后台异步地发送数据，而不影响当前页面的加载和性能。...通过 Beacon API，开发者可以在「页面卸载或关闭时」，「将数据发送给服务器」，从而实现一些监控和日志等功能。...开发 React 函数式组件？...# 11 个需要避免的 React 错误用法 # 6 个 Vue3 开发必备的 VSCode 插件 # 3 款非常实用的 Node.js 版本管理工具 # 6 个你必须明白 Vue3 的 ref 和 reactive
通过 Performance API，开发人员可以获取关于「页面加载时间」、「资源加载性能」、「用户交互延迟」等方面的详细信息，以便进行性能分析和优化。...1.2 作用和使用场景 Performance API 的作用在于帮助开发人员定位和解决性能问题，优化网页加载速度和用户体验。...3.3 用户交互延迟监测 用户体验是网页开发中至关重要的因素之一。Performance API 可以帮助我们监测用户与网页的交互延迟，以便进行优化。...PerformanceNow.js[4]：100⭐ 一个小巧的性能计时库，基于 Performance API 的高分辨率时间戳，提供更准确的性能测量功能。...# 11 个需要避免的 React 错误用法 # 6 个 Vue3 开发必备的 VSCode 插件 # 3 款非常实用的 Node.js 版本管理工具 # 6 个你必须明白 Vue3 的 ref 和 reactive
本文主要介绍如何在Vue和React项目中使用ArcGIS JS API进行开发，与以往的esri-loader开发方式不同的是，本文使用的是@arcgis/cli脚手架的开发方式。...如果想了解如何通过esri-loader来在Vue、React和Angular这种主流框架中使用JS API的开发，请移步至另外两篇文章： 《【番外】 React中使用ArcGIS JS API...4.14开发》 《【番外】 Vue中使用ArcGIS JS API 4.14开发》 操作步骤 安装@arcgis/cli脚手架 打开命令行工具，通过以下命令进行@arcgis/cli脚手架的全局安装：...2.6、此项目中所用的ArcGIS JS API是最新的4.14版本，地址引用的是官网地址。...此开发方式跟之前的esri-loader方法相比，有自身的优势也有不足之处，详情请看另一篇文章——《【测评】 使用@arcgis/cli脚手架和esri-loader方式进行ArcGIS JS API开发的测评
js调用天气API 文档参考链接: 天气API文档 1、首先登陆 天气API进行用户注册 点击右上角进行注册、登录 2、打开API文档如下图 其中appid和appsecret则在天气API...控制器中查看 其中appid和version和appsecret3者为必填选项，例如https://www.tianqiapi.com/api?...这三种参数可填可不填，不填则默认当前所在地址 3、写法 我用的是uni-app的写法，其实都差不多啦 uni.request({ url: "https://www.tianqiapi.com/api
// 初始化OAuth2.0授权 const authenticate = () => { return gapi.aut...
拖放 API 的灵活性和易用性使得它成为开发者们构建交互性强大的网页应用程序的理想选择。 2....需要一定的学习成本和开发时间来理解和实现。...4.3 工具推荐 以下是 5 个推荐的工具，可辅助您在使用拖放 API 进行开发时提高效率： Sortable[7]: 27k⭐，可拖放排序库，具有丰富的自定义选项和事件。...Vue component (Vue.js 2.0) or directive (Vue.js 1.0) allowing drag-and-drop and synchronization with...# 11 个需要避免的 React 错误用法 # 6 个 Vue3 开发必备的 VSCode 插件 # 3 款非常实用的 Node.js 版本管理工具 # 6 个你必须明白 Vue3 的 ref 和 reactive
在前端开发中，我们经常需要根据页面的可见性来控制资源的使用和提高页面的性能和响应速度。...游戏应用程序 如果我们正在开发一个基于 Web 的游戏，就可以使用 Page Visibility API 暂停和恢复游戏，以便玩家能够在离开游戏时不会丢失任何进度。...总结 通过本文的介绍，我们了解了 Page Visibility API 的概念、使用方法、兼容性和实际应用案例。在实际开发中，我们可以根据页面的可见性来控制资源的使用，提高用户体验和性能优化。...: https://www.w3.org/TR/page-visibility/ 往期回顾 # 如何使用 TypeScript 开发 React 函数式组件？...# 11 个需要避免的 React 错误用法 # 6 个 Vue3 开发必备的 VSCode 插件 # 3 款非常实用的 Node.js 版本管理工具 # 6 个你必须明白 Vue3 的 ref 和 reactive
Performance API ❞ 在 Web 开发中经常需要在客户端保存和获取数据，Web Storage API 提供了一种在浏览器中存储和检索数据的机制，它允许开发者在用户的本地浏览器中存储数据。...这些方法允许开发者在浏览器中保存和获取数据。 localStorage 用于「持久性存储数据」，数据会一直保留在用户的浏览器中，即使用户关闭了浏览器或重新启动设备。...总结 Web Storage API 可以帮助开发者在浏览器中管理数据。通过了解其概念、使用方法以及兼容性和优缺点，开发者可以更好地利用这个 API 来满足应用程序的需求。 7....html5-web-storage [5] LocalForage: https://github.com/localForage/localForage 往期回顾 # 如何使用 TypeScript 开发...# 11 个需要避免的 React 错误用法 # 6 个 Vue3 开发必备的 VSCode 插件 # 3 款非常实用的 Node.js 版本管理工具 # 6 个你必须明白 Vue3 的 ref 和 reactive
本文将介绍 Broadcast Channel API 的基本和高级使用方法，并提供示例代码来帮助读者更好地理解和使用该 API。 什么是 Broadcast Channel API？...如果开发人员没有必要的知识，那么 API 就可能不如预期地使用。 实际开发案例 接下来举一个实际开发案例。...总结和建议 Broadcast Channel API 是一种 Web API，能够「方便地在不同浏览器窗口之间共享数据」。希望本文能够帮助读者更好地使用该 API。...] react-broadcast-channel: https://github.com/ReactTraining/react-broadcast 往期回顾 # 如何使用 TypeScript 开发...# 11 个需要避免的 React 错误用法 # 6 个 Vue3 开发必备的 VSCode 插件 # 3 款非常实用的 Node.js 版本管理工具 # 6 个你必须明白 Vue3 的 ref 和 reactive
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
