皮皮网

1.前端工程师不可不知的前端前端时间和地理坐标
2.教程 - 在 Vue3+Ts 中引入 CesiumJS 的最佳实践@2023

前端工程师不可不知的时间和地理坐标

       关于时间GMT和UTC，GMT即格林尼治标准时间，地球地球是源码源码用世界时，基于太阳横穿格林尼治子午线的前端前端时间，但因地球自转不均匀，地球地球已不作为世界标准时间。源码源码用可修改游戏源码而UTC是前端前端以原子时秒长为基础，尽量接近于GMT的地球地球时间计量系统，用于确保与GMT相差不超过0.9秒，源码源码用目前作为世界标准时间。前端前端

       地球自西向东旋转导致东边比西边早看到太阳，地球地球为统一时间，源码源码用国际经度会议于年规定了个时区，前端前端中国北京处于东8区，地球地球若英国时间为6点，源码源码用北京时间则为点。

       计算机中的UNIX时间戳以年1月1日为起点，记录到具体时间的秒数，不考虑闰秒，简化了计算机对时间的操作。例如，balrum源码电脑系统时间在年2月日点分0秒，转换为UTC时间则为7点分0秒，UNIX时间戳为秒。

       在设置浏览器中cookie的过期时间时，Chrome浏览器遵循UTC时区，即北京标准时间减8小时，查看时默认加8小时即可。而IE和FF浏览器则默认以本地时间设定cookie过期时间。

       年问题是指使用POSIX时间的位计算机程序，在格林尼治时间年1月日凌晨::（北京时间：年1月日中午::）后无法正常工作，源码面前因为时间戳超过（2^）的最大值。例如，在年6月4日的欧洲航天局火箭发射事故中，整数溢出导致硬件故障，损失超过3亿美元。

       全球定位系统（GPS）是一种提供准确地理位置、车行速度及精确时间信息的导航定位系统，服务全球任何地点及近地空间。互联网地图坐标系包括WGS（世界大地测量系统国际标准，用于GPS设备），正弦源码GCJ（中国坐标系，由国测局发布），百度坐标系（在GCJ基础上加密）等，这些坐标系可以互相转换。

       地图坐标系的原点位于西非附近的大西洋，称为零度经线，即高中学过的本初子午线与赤道的交点，漂浮着一个气象浮标，被称为“灵魂”和“空虚岛”。中国的dreamtime源码火星坐标系也有一个大地原点。

       更多前端小技巧，可以点击进入知乎暗号了解更多。

教程 - 在 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. 示例下载

       提供两个不同阶段的示例工程，供读者参考和改造。