1.前端工程师不可不知的前端前端时间和地理坐标
2.教程 - 在 Vue3+Ts 中引入 CesiumJS 的最佳实践@2023
前端工程师不可不知的时间和地理坐标
关于时间GMT和UTC,GMT即格林尼治标准时间,地球地球是源码源码用世界时,基于太阳横穿格林尼治子午线的前端前端时间,但因地球自转不均匀,地球地球已不作为世界标准时间。源码源码用问答系统源码 java而UTC是前端前端以原子时秒长为基础,尽量接近于GMT的地球地球时间计量系统,用于确保与GMT相差不超过0.9秒,源码源码用目前作为世界标准时间。前端前端
地球自西向东旋转导致东边比西边早看到太阳,地球地球为统一时间,源码源码用国际经度会议于年规定了个时区,前端前端中国北京处于东8区,地球地球若英国时间为6点,源码源码用北京时间则为点。
计算机中的UNIX时间戳以年1月1日为起点,记录到具体时间的秒数,不考虑闰秒,简化了计算机对时间的操作。例如,psd源码原创电脑系统时间在年2月日点分0秒,转换为UTC时间则为7点分0秒,UNIX时间戳为秒。
在设置浏览器中cookie的过期时间时,Chrome浏览器遵循UTC时区,即北京标准时间减8小时,查看时默认加8小时即可。而IE和FF浏览器则默认以本地时间设定cookie过期时间。
年问题是指使用POSIX时间的位计算机程序,在格林尼治时间年1月日凌晨::(北京时间:年1月日中午::)后无法正常工作,react源码参考因为时间戳超过(2^)的最大值。例如,在年6月4日的欧洲航天局火箭发射事故中,整数溢出导致硬件故障,损失超过3亿美元。
全球定位系统(GPS)是一种提供准确地理位置、车行速度及精确时间信息的导航定位系统,服务全球任何地点及近地空间。互联网地图坐标系包括WGS(世界大地测量系统国际标准,用于GPS设备),卖网页源码GCJ(中国坐标系,由国测局发布),百度坐标系(在GCJ基础上加密)等,这些坐标系可以互相转换。
地图坐标系的原点位于西非附近的大西洋,称为零度经线,即高中学过的本初子午线与赤道的交点,漂浮着一个气象浮标,被称为“灵魂”和“空虚岛”。中国的cs连跳源码火星坐标系也有一个大地原点。
更多前端小技巧,可以点击进入知乎暗号了解更多。
教程 - 在 Vue3+Ts 中引入 CesiumJS 的最佳实践@
Vue3+Ts中引入CesiumJS的最佳实践@
如果你对Vue3和CesiumJS的集成有所兴趣,但又不想深入到源码层面,这篇文章将提供一些实用的步骤和最佳实践,让你在项目中轻松引入CesiumJS。本文着重于原理和指导,而非现成工具,适合有一定前端基础的开发者。1. 适用范围与目的
本文假定读者是通过npm拉取CesiumJS依赖,适用于大多数应用开发场景。文章目标是介绍如何在Vue3工程中引入CesiumJS,以及如何封装地图组件。2. 牛刀小试 - 直接体验三维地球
快速创建一个能展示3D地球的示例,是让读者对CesiumJS有直观认识的关键步骤。首先,从创建Vue3项目并安装CesiumJS开始,然后清理不必要的文件并创建三维地球。2.1. 安装和配置CesiumJS
确保具备基本的前端工具链知识,然后通过命令行安装和配置CesiumJS,指定固定版本以管理依赖。2.2. 创建三维地球示例
在App.vue中创建Viewer,通过 CESIUM_BASE_URL 定位CesiumJS的资源。配置完成后,启动开发服务器,浏览器中将展示地球场景。3. CesiumJS基础知识
了解CesiumJS的内部结构和依赖,包括库文件组成,以及如何通过 CESIUM_BASE_URL 访问资源。4. 现代前端工具与CesiumJS的优化
讨论Vite作为开发工具的优势,以及如何通过外部化CesiumJS来优化打包和性能。4.1. Vite的选择与配置
说明Vite在项目中的应用和它如何简化开发过程。4.2. 外部化CesiumJS
介绍如何使用vite-plugin-externals插件外部化CesiumJS,减少打包负担。5. 教程 - 实现最佳实践
从创建工程到配置CesiumJS,逐步优化开发流程,包括使用Vite插件管理库文件和引入路径。5.1. 创建项目
使用create-vite工具快速创建项目并安装CesiumJS。5.2. 精细化配置
讲解如何明确依赖版本和管理锁文件。5.3. 优化外部化
详细说明如何使用插件实现CesiumJS的打包时外部化。5.4. 引入Cesium.js到index.html
解释在打包后如何在HTML中正确引入Cesium.js。5.5. 组件封装与共享
讨论如何封装地图组件和共享核心 Viewer 对象,避免响应式问题。6. 组件封装策略
提供两种工程类型(看板式和后台管理系统)中地图组件的不同设计思路。7. 示例下载
提供两个不同阶段的示例工程,供读者参考和改造。