个人介绍

No.1
段文豪
我是中国地质大学(武汉)地理与信息工程学院地理空间信息工程专业的一名学生
知乎主页
No.2
专业学习
  • 前端学习:VUE、OpenLayers、MapBox都有接触
  • 前端后续学习:学习UI设计、接触三维GIS、了解WebGL原理(WebGL的动画渲染比Canvs好看!)
  • 后端学习:之前比赛没有负责后端，是用flask写的，所以准备从flask入手后续转SpringBoot
  • 深度学习:刚入门，加入炼丹之旅
GitHub主页
No.3
未来打算
目前希望可以顺利升学！
以后会多花心思在DL上，期待遥感GPT的早日到来！

json格式解读

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯(包括C, C++, C#, Java, JavaScript, Perl, Python等)。 这些特性使JSON成为理想的数据交换语言。

JSON格式示例

1 2 3 4 5 6 7 8 9 10
/*
    这是一个JSON格式展示
*/
{
    "姓名": "段文豪",
    "性别": "男",
    "年龄": "20",
    "爱好": "ctrl",
}

在前后端的交互过程中，一些数据的传输通常就是用JSON格式。利用ajax发送请求，数据间的传输就利用JSON，方便快速处理response。并在VUE中可以利用axios这一基于Promise的网络请求库，使用起来更简单，提供了易于扩展的接口。

openlayers体验

天地图

天地图的地名都是根据全国地名标准化技术委员会的资料来的，其权威性和准确性，百度和谷歌是无法比拟的。

天地图是谁在做？国家测绘地理信息局。



openlayers

很好用的WebGIS库！！！可以做很多很多东西，最新版本也更新了WebGL的一些新属性，开始支持GLSL语法。

技术介绍

TweenMax

TweenMax作为动画库，完成了本次设计的大部分动画(除了Swiper之外的所有动画均有TweenMax实现)。之间有了解的一个动画库是Animate.css，这个插件封装的的确很好，但在做一些缓动方面的动画，它也有一定的不足之处。

TweenMax动画库的官方网址: http://greensock.com/timelinemax

model-viewer

Easily display interactive 3D models on the web & in AR.

开头的小太阳和这里的箭头均是一个小三维模型！

github网址: https://github.com/google/model-viewer



Swiper

Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. It is intended to be used in mobile websites, mobile web apps, and mobile native/hybrid apps.

It is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity.

Swiper, along with other great components, is a part of Framework7 - a fully-featured framework for building iOS & Android apps. Swiper is also a default slider component in the Ionic Framework.
https://swiperjs.com/

jquery

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

website: https://jquery.com/