WebGIS 基础
1. 平常网页地图用的什么投影
绝大多数用的是 Web 墨卡托投影,编码为 EPSG:3857。几乎所有主流在线地图服务(如高德、百度、腾讯、谷歌、必应)都使用这种投影,兼容性最好。
2. 平常网页地图有什么数据;矢量和栅格,用什么格式
第一类是底图数据,通常是瓦片,即切好的图片。 第二类是业务数据。前端开发最常用的是 GeoJSON 格式,基于 JSON,轻量且易解析。另有 Shapefile 等 GIS 专用格式,通常需转换为 GeoJSON 或切片后使用。
3. WebGIS 的一些控件和内容
常用控件包括:缩放控件、比例尺、鹰眼控件、图层切换器、图例。 核心内容包括:图层管理、空间查询(点选查属性)、地图量算(测距测面)及数据可视化(热力图、轨迹回放)。
4. 知道 ArcGIS 和 QGIS 吗?怎么用的?
ArcGIS 是 ESRI 的商业软件全家桶。通常用 ArcGIS Pro(或 ArcMap)做数据处理和制图,然后用 ArcGIS Server 发布服务,前端通过 API 调用。 QGIS 是开源免费的桌面端软件。功能和 ArcGIS 类似,主要用于数据处理、格式转换和简单分析,因免费且插件丰富而常用。
前端基础
5. 如何实现元素垂直居中
主要用 Flex 布局,给父盒子设 display: flex; align-items: center; justify-content: center;。若不确定宽高,也可用绝对定位配合 transform: translate(-50%, -50%)。
6. CSS 怎么实现两个元素重叠 点击响应下方元素
重叠可用绝对定位。要点击下方元素,给上层元素加 CSS 属性:pointer-events: none;。这样鼠标事件会穿透上层元素,直接作用到下层。
7. HTTPS 状态码
HTTP 状态码说明:
- 200:成功
- 301/302:重定向
- 304:缓存命中
- 404:找不到资源
- 401:未授权
- 403:禁止访问
- 500:服务器内部错误
8. 前端储存
- Cookie:容量小(4KB),请求自动携带,适合存 Token。
- LocalStorage:容量大(5MB),永久存储,适合用户偏好。
- SessionStorage:容量 5MB,页面关闭失效,适合临时数据。
9. Webpack 打包
Webpack 打包涉及入口配置、Loader 处理和 Plugin 插件扩展。通过 Tree Shaking 去除死代码,利用 Code Splitting 实现懒加载,能有效优化构建产物体积和加载速度。
10. 异步调用;宏任务和微任务的实现顺序
主流推荐使用 async/await,它是 Promise 的语法糖,写法清晰,支持 try/catch 捕获错误,解决了回调地狱问题。
11. 知道 JSONP 吗
一种跨域解决方案。利用 <script> 标签不受同源策略限制的特点,动态创建 script 标签,后端返回函数调用,前端执行回调获取数据。仅支持 GET 请求,现多用 CORS 解决。
12. Vue 中双向数据绑定怎么实现的
Vue 2 用 Object.defineProperty 进行数据劫持,配合发布 - 订阅模式。Vue 3 改用 代理,性能更好,能监听属性新增和删除。


