使用ArcGIS API for JavaScript开发WebGIS应用幻灯片.pptx

使用ArcGIS API for JavaScript开发WebGIS应用内容提要使用Javascript 开发Web应用--技术特点、开发思路、开发技能使用ArcGIS API for Javascript开发WebGIS应用 --工作机制、功能、如何使用、V4.0 Web系统开发梳理HTTPWeb前端开发的特点-优点Web前端开发的特点-缺点Web前端开发工作的思路/步骤1、利用HTML构建DOM树LogoLeftRightWeb前端开发工作的思路/步骤2、利用CSS进行页面布局、美化DOM的展现logoleftrightWeb前端开发工作的思路/步骤3、利用JS对DOM进行事件绑定4、在事件的处理方法中实现DOM操作/前后端通信/其他逻辑logoleftright我是按钮按钮控制我的可见性开发思路/步骤利用HTML构建DOM树利用CSS进行页面布局、美化DOM的展现利用JS对DOM进行事件绑定在事件的处理方法中实现DOM操作/前后端通信/其他逻辑Web前端开发者的基本技能HTML/CSSJavaScriptHTTP框架Web前端开发者的技能①-HTML/CSS参考资料：/zh-cn/kb/Web前端开发者的技能②-JavaScript参考资料：《javascript权威指南》Web前端开发者的技能③-HTTPWeb前端开发者的技能④-框架根据项目需求选择…Web前端开发者的工具哪里写代码？哪里调试？哪里部署？调试后端接口？Sublime TextChromeIIS Jsonview、Postman内容提要使用Javascript 开发Web应用--技术特点、开发思路、开发技能使用ArcGIS API for Javascript开发WebGIS应用 --工作机制、功能、如何使用 ArcGIS API for Javascript 是什么？WebGIS开发者必备浏览器中调用ArcGIS功能的JS库基于dojo框架开发当前版本V3.16，另有V4.0ArcGIS API for Javascript工作机制ArcGIS API for Javascript浏览器端HTTPREST APIArcGIS Server服务器端GeodatabaseArcGIS API for Javascript 能干什么？ArcGIS API for Javascript 怎么用？MapLayerGraphicGeometryPointPolylinePolygonExtentQueryTask…包含300+个类地图-图层图层-要素查询分析使用QueryTask进行查询的示例代码ArcGIS JavaScript API 4.0 V4.1V3.2…V3.16V3.1不是3.X的简单功能升级，而是另起炉灶编程模型与3.X基本一致，只是略有调整目前版本为 4.0V4.0编程模型变化API 3.XAPI 4.0API 4.0-精简一致的接口访问规律一：所有属性都能传入构造函数示例：属性的访问和设置示例：属性传入构造函数API 4.0-精简一致的接口访问规律二：所有属性的变化都能被监听示例：监听地图范围的改变示例：监听底图标题的改变ArcGIS JavaScript API 4.0 重新设计的API精简一致的接口支持Web3D内容总结使用Javascript 开发Web应用--技术特点、开发思路、开发技能使用ArcGIS API for Javascript开发WebGIS应用 --工作机制、功能、如何使用、V4.0 相关资源ArcGIS API for JavaScript文档/javascript/http:///javascript//javascript/ArcGIS产品相关文档/zh-CN/help/http/zh-CN/help/:///zh-CN/help/zh-CN/help//谢谢！全平台 --真正支持全平台，无论。。。只要设备能上网，就有浏览器，有浏览器就能运行html5--通过webgl，可以直接调用gpu实现硬件加速，极大提高渲染效率，通过websockt，可以实现浏览器与服务器的双向通信，不再局限于http协议的请求-响应模式Node.js--通吃前后台，从此一统前后端开发框架 --众多成熟的jsbackbone/bootstrap jquery/dojo社区 --历史悠久，积累很多，资料多-----------------优点讲完了，没有缺点世界和平，讲缺点缺点的目的，认识到js开发的艰巨性，以及开发中待解决的问题，7天精通的可能性不大浏览器兼容性 --各浏览器内核对w3c标准的支持力度不同；特别是移动端众多的浏览器，碎片化严重，还有bug页面布局难度大 --需要对css原理的深入理解原生控件粒度小 --如果