JavaScript开发技术探讨.pptx

JavaScript开发技术探讨;JavaScript开发技术特点 JavaScript开发理论 JavaScript开发实践;JavaScript开发技术特点;ArcGIS API for JavaScript ArcGIS API for Flex ArcGIS API for Silverlight;JavaScript开发技术的特点-优点;JavaScript开发技术的特点-缺点;JavaScript开发理论;1、利用HTML构建DOM树;2、利用CSS进行页面布局、美化DOM的展现;3、利用JS对DOM进行事件绑定 4、在事件的处理方法中实现DOM操作/前后端通信/其他逻辑 ;页面布局 JavaScript语言 网络通信;JavaScript开发所需技能之-页面布局;JavaScript开发所需技能之- JavaScript语言;JavaScript开发所需技能之-网络通信;性能优化 JS模块化 Web前端开发工程化;减少网络请求数量 --合并js/css文件；CSS Sprite; 内联图片; 压缩网络传输内容 --压缩js/css/image；开启gzip; 充分利用http缓存策略 --利用http头的Expires和Etag; 文件名添加MD5后缀;;JavaScript技能进阶之- JS模块化;Web前??开发的模块化;JavaScript技能进阶之- Web前端开发工程化;Javascript开发实践;文本编辑器，例如：sublime、ultraedit chrome浏览器 webserver ， 例如：iis、apache ;酷黑的IDE是开发者装13的必备品;系统原型界面;接口1：图书检索接口 发送待查询关键字，返回：;利用HTML构建DOM树 利用CSS进行页面布局、美化DOM的展现 利用JS对DOM进行事件绑定 在事件的处理方法中实现DOM操作/前后端通信/其他逻辑 ;页面布局;DOM事件模型;方法一：直接给查询按钮绑定事件 方法二：通过事件委托绑定事件?;?跨域访问后端接口的情况 ? 需要后端接口支持jsonp才能进行通信 chrome之外的高版本浏览器(ie8+/safari)，会禁用第三方cookie，导致用户状态失效，也就是后端的session失效;利用前端模板引擎处理后端返回的json数据;利用前端模板引擎将后端返回的json数据渲染成HTML：;通过事件委托绑定全局事件，可以实现开发方便、性能提升;内容总结;Web前端开发学习心经