arcgis api for javascript web应用开发.pptxVIP

ArcGIS API for Javascript Web应用开发 是世界上最流行的编程语言 之一 Web开发 前端开发 JavaScript HTML CSS 后端开发 Java 或 DoNet 或 … HTTP 听过许多道理，却依然学不好前端 Web前端开发的套路 1、利用HTML构建DOM树 Left Right Logo Web前端开发的套路 2、利用CSS进行页面布局、美化DOM的展现 left right logo Web前端开发的套路 3、利用JS对DOM进行事件绑定 4、在事件的处理方法中实现DOM操作/前后端通信/其他逻辑 logo 我是按钮 left 按钮控制我的可见性 right ① HTML/CSS ② JavaScript ③ HTTP ④ 框架 Web前端开发者的内功 • 层叠 • 盒模型 • 包含块 CSS基本概念 CSS定位体系 • 常规流(BFC\IFC) • 浮动 • 绝对定位 • 工作模式 • 内核差异 浏览器兼容性 Web前端开发者的内功①-HTML/CSS 参考资料：/zh-cn/kb/ 语言基础 • 数据类型 • 流程控制 • 运算符 • 数组 • 对象 • 正则 •… 入门操作 • DOM操作 • BOM操作 • 事件绑定 • 事件冒泡 面向对象 • Function •类 • 原形链 运行机制 • this • 作用域 • 闭包 Web前端开发者的内功②-JavaScript 参考资料：《javascript权威指南》 HTTP 通信 Cookie 原理 Session 原理 跨域 JSONP 缓存 机制 Web前端开发者的内功③-HTTP GET POST Web前端开发者的内功④-框架 根据需求选择 … 哪里写代码？ 哪里调试？ 哪里部署？ 调试后端接口？ SublimeText Chrome IIS Jsonview、 Postman Web前端开发者的武器  WebGIS开发者必备  浏览器中调用ArcGIS功能的JS库  基于dojo框架开发  当前版本V3.17，另有V4.0 ArcGIS API for Javascript 是什么？ ArcGIS API for Javascript工作机制 Geodatabase ArcGIS API for Javascript HTTP REST API ArcGIS Server 浏览器端 服务器端 ArcGIS API for Javascript 能干什么？ ArcGIS API for Javascript功能 封装对REST API 的访问 访问空间数据 增删查改数据 访问GP服务 空间分析 浏览器端渲染空 间数据 渲染栅格数据 地图展示 渲染矢量数据 点线面绘制 Geometry Point Polyline Polygon Extent QueryTask … 包含300+个类 ArcGIS API for Javascript 怎么用？ Map Layer Graphic Map Layer Graphic Geometry Point Polyline 1 n Layer -visible -... ... -... GraphicsLayer -... FeatureLayer -... TiledMapServiceLayer -... ArcGISTiledMapServiceLayer -... DynamicMapServiceLayer -... ArcGISDynamicMapServiceLayer -... 地图-图层 Map -extent -addLayer(layer) -... Geometry -... Point -x -y -... Polyline -paths -addPath(path) -... Polygon -rings -addRing(ring) -... 图层-要素 GraphicsLayer -graphics -add(graphic) -... 1 n Graphic -attributes -geometry -... QueryTask -url -execute(parameters,callback) -... Geoprocessor -url -execute(parameters,callback) -... IdentifyTask -url -execute(parameters,c