.前端
前端是网站和用户交互的主要接口。 开发语言为HTML、 CSS、JS.
①HTML
一种文本、图片、链接等多元素编辑语言。通过这种语言以网站页面为编辑区域，任意指定页面具有哪些元素，包括文字、图片、多媒体等。并任意指定不同元素在页面的基本格式。如文字字体、大小、位置，图片大小、位置、链接颜色、状态变化等等。这种语言利用标签标记，将多种不同类别的元素、甚至不同位置的文件关联在一起，因此叫做超文本标记语言。并且通过定义元素的属性，设置元素的格式，最终形成整体页面效果，这种语言可以利用多种文本编辑工具编辑，例如记事本。只需扩展名修改为.html 或.htm 即可。
HTML5就是 HTML 语言的最新标准，这种标准制定使页面可以表现的内容更加强大。
随着网站开发的发展，前端可以展现的元素格式越来越丰富，代码也越
来越臃肿。因此逐渐形成了另一种新的语言 CSS，将 HTML 语言中描述各元
素属性的代码从 HTML 文件中抽离出来，使 HTML 专门描述前端页面具有什
么内容， CSS 语言编写的CSS 文件专门描述 HTML 中的每个元素以什么格式
在页面展示。
②css 层叠样式表
CSS专门用于描述HTML 中各元素用什么样式展示。HTML+CSS 组合完成页面内容和格式的设计。
CSS主要实现了页面内容的静态布局效果。更复杂的动态变化还是需要另一种专门的语言来实现，这就是JS语言。
③JavaScript脚本语言简称JS
js语言当前普遍被用于网站开发前端编程，在html提供的内容和css提供的格式之外，由js提供更复杂的界面展示效果和逻辑处理。在此存在很多可以直接使用的代码库，如jQuery等。
js语言可以实现对页面元素的复杂功能编程，例如页面的时钟数字变化
效果，图片的走马灯轮换效果，粒子动画效果等。
除了可以看到的动态效果之外，js还可以实现用户看不到页面数据处理
工作。例如数据加解密、文字过滤分析等。
④脚本语言
js是一种脚本语言。脚本语言是一种逐句执行的直译语言，也就是这种语言不需要提前编译，直接由终端（如浏览器）解释运行即可。
脚本语言与其他编程语言的关键区别在于是否需要经过编译链接形成二进制机器语言。
要运行该脚本文件，需要运行环境中安装js软件，通常浏览器中已经集成了js解析标准，直接可以解析js脚本文件，因此，js脚本语言通常被用作前端页面特殊效果的编程语言。但是，只要具有js的解释环境(js软件)就可以运行js文件，像node.js等运行环境，js语言可以逐渐适用于服务器端，客户端等产品。同属于脚本语言的有,PHP/ASP/JSP/python/ruby/VBScript/Perl等。
⑤浏览器
浏览器就是对HTML+CSS+JS文件内容进行翻译，并允许用户通过页面与网站进行交互的一种软件，不同的浏览器具有不同的内核。
⑥AJAX(Asynchronous Javascript And XML)异步JavaScript和XML
利用已有的js/css/xml等技术达到前端数据及时更新的效果。其基本思路是前端js与后台不断通讯,及时获取前端某部分数据的变化信息,及时进行自动数据获取更新,使用户无需刷新网页即可保持页面数据最新的状态。
⑦文档对象模型（Document Object Model，简称DOM）
DOM是一种独立的规范。
浏览器作为前端的展示工具，按照DOM规范将页面划分为不同层次结构，
形成多个可操作的对象。例如,window对象、history对象、link对象等。
window对象就是用户看到的页面、history对象就是浏览历史、link对象就是链接等，按照这种规范即可直接通过编程操作html页面的各种元素，控制其显示/隐藏等效果。js中也提供了符合该规范的API函数接口。通过js可以动态操作页面元素的状态。
2.数据交换格式
[if !supportLists]① [endif]json/xml格式
xml是可扩展标记语言通常用于传输和储存数据，Json功能与之类似。
前端和服务器之间通常需要一种双方都认可的格式进行数据的传递和存储。xml/Json或其他格式指定了数据内容的存储格式，使用该数据的双方只需按照规定的格式写入/读出内容即可完成数据的传输和存储。
前端的一些配置信息，如用户登录名称、性别、网页底色等信息都可以暂存在xml/Json文件中根据需要随时读取。
服务器后台也可将前端需要的数据内容，以xml/Json的格式发送给前端，达到数据交互的目的。
②GeoJSON格式
GeoJSON是基于JavaScript对象表示法的地理空间信息数据交换格式。GeoJSON是一种对各种地理数据结构进行编码的格式，GeoJSON对象可以表示几何、特征或者特征集合。GeoJSON支持下面几何类型：点、线、面、多点、多线、多面和几何集合，GeoJSON里的特征包含一个几何对象和其他属性，特征集合表示一系列特征。
一个完整的GeoJSON数据结构总是一个（JSON术语里的）对象。在GeoJSON里，对象由名/值对--也称作成员的集合组成。对每个成员来说，名字总是字符串。成员的值要么是字符串、数字、对象、数组，要么是下面文本常量中的一个：“true”、“false”和“null”。数组由上面所说的元素组成。
Json与GeoJSON格式的关系
GeoJSON是一种对地理数据结构进行编码的格式。它只是一个采用上述JSON格式的用于描述地理信息的格式。它的语法和JSON是一样的，只是对各名称做了规范。
JSON（JavaScript Object Notation）是一种轻量级的数据交换语言，以文字为基础，且易于让人阅读。尽管JSON是Javascript的一个子集，但JSON是独立于语言的文本格式，并且采用了类似于C语言家族的一些习惯。
② Pbf格式简要介绍
Pbf全称为Protocol Buffers，是一种以有效并可扩展的格式编码结构化数据的方式，Google开发了Protocol
Buffers使用于内部的服务。它是一种二进制格式,允许你使用规范的语言定义一个模式，Pbf格式也是一种数据交换格式，类似于Json和GeoJSON，OSM数据对应的pbf文件和MapBox对应的矢量切片pbf文件是不一样的，可以看下面一段话：
大概意思就是说，pbf格式和Json格式相似，它被用于对很多不同的数据进行编码，有很多格式的文件后缀都是用的pbf格式，就好像有很多Json文件用的json后缀一样，因此以pbf格式结尾的数据与osm数据没有什么必然的联系。