操作DOM 6.2.1 更新DOM 6.2.2 插入DOM - 2 - 本文档使用 书栈(BookStack.CN) 构建 6.2.3 删除DOM 6.3 操作表单 6.4 操作文件 6.5 AJAX 6.6 Promise 6.7 Canvas 7 jQuery 7.1 选择器 7.1.1 层级选择器 7.1.2 查找和过滤 7.2 操作DOM 7.2.1 修改DOM结构 7 好处要等到后面学了 AJAX以后才能体会到。 没有generator之前的黑暗时代，用AJAX时需要这么写代码： 1. ajax('http://url-1', data1, function (err, result) { 2. if (err) { 3. return handle(err); 4. } 5. ajax('http://url-2' (err, result) { 6. if (err) { 7. return handle(err); 8. } 9. ajax('http://url-3', data3, function (err, result) { 10. if (err) { 11. return

end('not found'); } }) JavaScript 常⽤用⽅方法 isPost() 当前是否是 post 请求 isAjax() 是否是 ajax 请求 ip() 获取请求⽤用户的 ip redirect(url) 跳转到⼀一个 url，返回⼀一个 pedding promise 阻⽌止后⾯面的逻辑继续执⾏行 echo(data) form_parse 。 可以在项⺫⽬目的 App/Conf/tag.js ⾥里指定⾏行为切⾯面 form_parse 对应的⾏行为进⾏行解析的⼯工作。如： ThinkJS ⽀支持表单⽂文件上传和 ajax ⽂文件上传 2 种⽅方式，解析后的数据放在 http.file 对象⾥里， Controller ⾥里直接使⽤用 file ⽅方法获取即可。 { "name": 单个表单⻓长度最⼤大值，默认为 2MB post_file_upload_path: APP_PATH + '/Runtime/Temp', // ⽂文件上传的临时⺫⽬目录 ⾼高级浏览器下⽀支持使⽤用 ajax 来上传单个⽂文件，如： js var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function(e){ } xhr.open("POST"

OOA/OOD/OOP，Java、C# 面向组件 软件系统是由许多小的组件构建和装配起来的 采用标准规范开发 J2EE, MS.NET 全面采用框架技术 Struts、Spring、Hibernate、AJAX、 WebWork 软件系统采用分层结构和设计模式 MVC 工厂化流水线开发模式 CVS 可视化软件建模 UML、RUP、ROSE 大纲 软件开发现状 Java EE 概述 Java EE OOA/OOD/OOP，Java、C# 面向组件 软件系统是由许多小的组件构建和装配起来的 采用标准规范开发 J2EE, MS.NET 全面采用框架技术 Struts、Spring、Hibernate、AJAX、 WebWork 软件系统采用分层结构和设计模式 MVC 工厂化流水线开发模式 CVS 可视化软件建模 UML、RUP、ROSE 大纲 软件开发现状 Java EE 概述 Java EE OOA/OOD/OOP，Java、C# 面向组件 软件系统是由许多小的组件构建和装配起来的 采用标准规范开发 J2EE, MS.NET 全面采用框架技术 Struts、Spring、Hibernate、AJAX、 WebWork 软件系统采用分层结构和设计模式 MVC 工厂化流水线开发模式 CVS 可视化软件建模 UML、RUP、ROSE 大纲 软件开发现状 Java EE 概述 Java EE

5已引入 ✔ 24. SEO 支持 对于大部分的单页应用程序，访问都是基于权限的，所 以没有SEO的必要。 对于公开的页面，可以考虑使用 A jax based SEO。 Consider Ajax based SEO with either Prer ender.io or headless browser support in you r web-server. 部署 部署 25. 编译工具 HTML/CSS or if you do need to use dynamic content, co nsider Ajax based SEO as described below. Ajax based SEO: For the indexing of dynamic / ajax-based single page web apps, all you have to do is to generate to set up the headless browser support in your web-server which is an additional effort. ExtJS: Ajax based seo is possible in ExtJS with hashbang urls' support in your w eb-server. AngularJS: AngularJS

有的 then 方法。 到底什么样的对象能算是thenable的呢，最简单的例子就是 jQuery.ajax()16，它的返回 值就是thenable的。 因为 jQuery.ajax() 的返回值是 jqXHR Object17 对象，这个对象具有 .then 方法。 $.ajax('/json/comment.json');// => 拥有 `.then` 方法的对象 这个thenable的对象可以使用 Promise.resolve($.ajax('/json/comment.json'));// => promise对象 promise.then(function(value){ console.log(value); }); 16 https://api.jquery.com/jQuery.ajax/ 17 http://api.jquery.com/jQuery.ajax/#jqXHR JavaScript JavaScript Promise 迷你书（中文版） 16 jQuery和thenable jQuery.ajax()18的返回值是一个具有 .then 方法的 jqXHR Object19对 象，这个对象继承了来自 Deferred Object20 的方法和属性。 但是Deferred Object并没有遵循Promises/A+或ES6 Promises标准，所 以即使看上去这个对象转

} JavaScript JSONP ������ ���� isGet() ����� GET �� isPost() ����� POST �� isAjax() ��� AJAX �� ip() ������� ip redirect(url) ����� url write(data) ���������� JSON.stringify end(data) max_file_size: 1024 * 1024 * 1024, //1G max_fields: 100, max_fields_size: 2 * 1024 * 1024, //2M, ajax_filename_header: 'x-filename', file_upload_path: runtimePrefix + '/upload', file_auto_remove: GET ��� return {Boolean} ��������� POST ��� method {String} ���� return {Boolean} ��������� Ajax ��� name {String} callback �������� callback return {Boolean} ��������� jsonp ��� name {String}

动态标准 JavaScript 对象表示法 (JSON) Javascript 对象表示法是在异步的浏览器／服务器交流方式（AJAJ）中所使用的主流的 数据格式，并且基本上已经取代 XML（被 AJAX 所使用）。虽然 JSON 是从 Javascript 中衍生出的数据格式，但它实际上是独立于语言的。在许多的编程语言中都有现成的， 用于解析和生成 JSON 数据的代码。JSON 数据格式的规范最开始是由 JavaScript 动画 CSS 动画 图表/图形 UI 控件 代码质量测试 代码覆盖率测试 代码复杂性分析 集成测试 命令行/命令行界面 模板策略 模板引擎 单页应用 XHR 请求（亦称 AJAX） Web /浏览器 安全 HTML 语义 浏览器开发工具 前端开发技能 25 前端开发者为 ... 而开发 前端开发者所编写的 HTML、CSS 和 JS 代码，通常运行在基于下列某种操作系统（或称 Crockford - 第一章：历史那些事 [观看] Crockford - 第二章：JS的产生 [观看] Crockford - 第三章: 函数 [观看] Crockford - 第四章：Ajax的变化 [观看] Crockford - 第五章：安全和性能 [观看] Crockford - 第六章：循环 [观看] JavaScript 模式 [阅读][$] JavaScript 面向对象精要

XMLHttpRequest 接口，允许 JavaScript 周边大事记 历史 - 24 - 本文档使用 书栈(BookStack.CN) 构建 发出 HTTP 请求，为后来大行其道的 Ajax 应用创造了条件。 2000年，KDE 项目重写了浏览器引擎 KHTML，为后来的 WebKit 和 Blink 引擎打下基础。这一年的10月23日，KDE 2.0发布，第一次将 KHTML 编程框架的时代 开始来临。 2004年，WHATWG 组织成立，致力于加速 HTML 语言的标准化进程。 2005年，苹果公司在 KHTML 引擎基础上，建立了 WebKit 引擎。 2005年，Ajax 方法（Asynchronous JavaScript and XML）正 式诞生，Jesse James Garrett 发明了这个词汇。它开始流行的标 历史 - 25 - 本文档使用 书栈(BookStack 个地方，其他任务无法执行。JavaScript 语言本身并不慢，慢的是 读写外部数据，比如等待 Ajax 请求返回结果。这个时候，如果对方 服务器迟迟没有响应，或者网络不通畅，就会导致脚本的长时间停滞。 如果排队是因为计算量大，CPU 忙不过来，倒也算了，但是很多时候 CPU 是闲着的，因为 IO 操作（输入输出）很慢（比如 Ajax 操作 从网络读取数据），不得不等着结果出来，再往下执行。JavaScript

ool($name, $default = null) Request Cml\Http\Request 用来获取请求的一些信息如 用户ip 、 是 否为移动端发起请求 、 是否为ajax请求 等; 获取用户IP地址 \Cml\Http\Request::ip() 获取用户标识 \Cml\Http\Request::userAgent() 获取主机名称 \Cml\Http\Request::host() sMobile() 判断是否为POST请求 \Cml\Http\Request::isPost() 判断是否为GET请求 \Cml\Http\Request::isGet() 判断是否为AJAX请求 \Cml\Http\Request::isAjax() 判断是否以cli方式运行 \Cml\Http\Request::isCli() 获取POST过来的二进制数据,与手机端交互 的调试信息外, 在debug=true下, 框架本身就提供了详尽的调试信息. 普通请求会看到页面下的cmlphp控制台里面显示了程序运行信息 ajax请求(Html渲染引擎),打开浏览器调试工具,会在浏览器控制台 看到程序运行信息 ajax请求(Json渲染引擎),打开浏览器调试工具,会在浏览器请求响 应中看到返回的sql信息 在debug=true开发环境下以上几种调试信息一般已经满足开发

l($name, $default = null) 38 Request Cml\Http\Request 用来获取请求的一些信息如 用户ip 、 是否为移动端发起请求 、 是否为ajax 请求 等; 获取用户IP地址 \Cml\Http\Request::ip() 获取用户标识 \Cml\Http\Request::userAgent() 获取主机名称 \Cml\Http\Request::host() sMobile() 判断是否为POST请求 \Cml\Http\Request::isPost() 判断是否为GET请求 \Cml\Http\Request::isGet() 判断是否为AJAX请求 \Cml\Http\Request::isAjax() 判断是否以cli方式运行 \Cml\Http\Request::isCli() 获取POST过来的二进制数据,与手机端交互 外, 在debug=true下,框架本身就提供了详尽的调试 信息. 普通请求会看到页面下的cmlphp控制台里面显示了程序运行信息 100 ajax请求(Html渲染引擎),打开浏览器调试工具,会在浏览器控制台看到程序运行信息 ajax请求(Json渲染引擎),打开浏览器调试工具,会在浏览器请求响应中看到返回的sql信息 在debug=true开发环境下以上几种调试信息一般已经满足开发中的调试需求了。