华为云id: hwy_mghttps://bbs.huaweicloud.com/blogs/197346

华为云id: hwy_mghttps://bbs.huaweicloud.com/blogs/196036

华为云id: hwy_mg博客文章：浅谈我理解的Ajax和JQuery https://bbs.huaweicloud.com/blogs/194292Javascript数据类型总结 https://bbs.huaweicloud.com/blogs/194294

华为云id: hwy_mg补 第一章学习笔记 什么是 JavaScript？JavaScript 最初的目的是为了“赋予网页生命”。这种编程语言我们称之为 脚本。它们可以写在 HTML 中，在页面加载的时候会自动执行。脚本作为纯文本存在和执行。它们不需要特殊的准备或编译即可运行。现在，JavaScript 不仅仅是在浏览器内执行，也可以在服务端执行（Node.js），甚至还能在任意搭载了 JavaScript 引擎 的设备中都可以执行。浏览器中嵌入了 JavaScript 引擎，有时也称作 JavaScript 虚拟机。不同的引擎有不同的“代号”，例如：V8 —— Chrome 和 Opera 中的 JavaScript 引擎。SpiderMonkey —— Firefox 中的 JavaScript 引擎。……还有其他一些代号，像 “Trident”，“Chakra” 用于不同版本的 IE，“ChakraCore” 用于 Microsoft Edge，“Nitro” 和 “SquirrelFish” 用于 Safari，等等。浏览器中的 JavaScript 可以做与网页操作、用户交互和 Web 服务器相关的所有事情。例如，浏览器中的 JavaScript 可以完成下面这些事：在网页中插入新的 HTML，修改现有的网页内容和网页的样式。响应用户的行为，响应鼠标的点击或移动、键盘的敲击。向远程服务器发送网络请求，下载或上传文件（所谓 AJAX 和 COMET 技术）。获取或修改 cookie，向访问者提出问题、发送消息。记住客户端的数据（本地存储）。浏览器中的 JavaScript 不能做什么？为了用户的（信息）安全，在浏览器中的 JavaScript 的能力是有限的。这样主要是为了阻止**的网站获得或修改用户的私人数据。这些限制的例子有：网页中的 JavaScript 不能读、写、复制及执行用户磁盘上的文件或程序。它没有直接访问操作系统的功能。现代浏览器允许 JavaScript 做一些文件相关的操作，但是这个操作是受到限制的。仅当用户做出特定的行为，JavaScript 才能操作这个文件。例如，把文件“拖”到浏览器中，或者通过 标签选择文件。JavaScript 有很多方式和照相机/麦克风或者其他设备进行交互，但是这些都需要提前获得用户的授权许可。所以，启用了 JavaScript 的网页应该不会偷偷地启动网络摄像头观察你，并把你的信息发送到 美国国家安全局。不同的浏览器标签页之间基本彼此不相关。有时候，也会有一些关系。例如，一个标签页通过 JavaScript 打开另外一个新的标签页。但即使在这种情况下，如果两个标签页打开的不是同一个网站（域名、协议或者端口任一不相同的网站），他们都不能够相互通信。这就是“同源策略”。为了解决“同源策略”问题，两个标签页必须 都 包含一些处理这个问题的特殊的 JavaScript 代码，并均允许数据交换。本教程会讲到这部分相关的知识。这个限制也是为了用户的信息安全。例如，用户打开的 http://anysite.com 网页的 JavaScript 肯定不能访问 http://gmail.com（另外一个标签页打开的网页）也不能从那里窃取信息。JavaScript 通过互联网可以轻松地和当前网页域名的服务器进行通讯。但是从其他网站/域名的服务器中获取数据的能力是受限的。尽管这可以实现，但是需要来自远程服务器的明确协议（在 HTTP header 中）。这也是为了用户的数据安全。比 JavaScript “更好”的语言不同的人喜欢不同的功能，JavaScript 的语法也不能够满足所有人的需求。这是正常的，因为每个人的项目和需求都不一样。所以，最近出现了很多不同的语言，这些语言在浏览器中执行之前，都会被 编译（转化）成 JavaScript。现代化的工具使得编译速度非常快速且透明，实际上允许开发人员使用另一种语言编写代码并将其自动转换为 JavaScript。这些编程语言的例子有：CoffeeScript 是 JavaScript 的语法糖，它语法简短，明确简洁。通常使用 Ruby 的人喜欢用。TypeScript 将注意力集中在增加严格的数据类型。这样就能简化开发，也能用于开发复杂的系统。TypeScript 是微软开发的。Flow 也添加了数据类型，但是以一种不同的方式。由 Facebook 开发。Dart 是一门独立的语言。它拥有自己的引擎用于在非浏览器环境中运行（如：手机应用），它也能被编译成 JavaScript 。由 Google 开发。还有很多其他的语言。当然，即使我们在使用这些语言，我们也需要知道 JavaScript。因为学习 JavaScript 可以让我们真正明白我们自己在做什么。总结JavaScript 最开始是为浏览器设计的一门语言，但是现在也被用于很多其他的环境。现在，JavaScript 是一门在浏览器中使用最广、并且能够很好集成 HTML/CSS 的语言。有很多其他的语言可以被编译成 JavaScript，这些语言还提供了更多的功能。最好还是了解一下这些语言，至少在掌握了 JavaScript 之后简单地看一下。

华为云id: hwy_mg第五章Ajax案例实战笔记首先，Ajax是一项技术，借助javascript语言，可以实现异步执行和局部刷新的作用。Ajax不同于JQuery，JQuery是Javascript的库（或框架），封装了很多功能。其中，有个功能是发送Ajax请求。所以，不要把Ajax和JQuery弄混淆，两者有关联，但不是一回事。JQuery封装了下列几个发送Ajax的方法：$.get(url, data, callback, type)$.post(url, data, callback, type)$.ajax(option)其次，Ajax的实现, 本质上依赖四个关键步骤：创建XMLHttpRequest对象。 这里需要注意的是，要做兼容性检查。对于低版本的IE浏览器，直接创建XHR对象是不支持的。  示例代码：var xhr = null ; if (window.XMLHttpRequest){     xhr = new XMLHttpRequest();} else {    xhr = new ActiveXObject('Microsoft.XMLHTTP')}初始化请求参数，调用Open()方法。这里Open可以是GET请求，也可以是POST请求。示例代码：GET请求　　xhr.open("get", "checkUsername.php?username=" + username, true) // 参数出现在URL中，最后一个表示是否异步                    xhr.send(null)POST请求     xhr.open("post", "checkUsername.php", true)                     var param = "username=" + username                    xhr.send(param)  //参数出现在请求体中发送请求，调用Send()方法。示例代码如上所示根据OnReadyStateChange属性，接受返回的数据。 示例代码：xhr.onreadystatechange =     function(){   if (xhr.readyState == 4 ) {        if (xhr.status == 200) {               console.log(xhr.responseText);   // 如果是xml格式的数据，则结果是 xhr.reponseXML               document.getElementbyId("result").innertext = xhr.responseText       }  }           }注意： readstate = 0 表示XHR对象创建完成 1 表示已经发送了请求  2 表示浏览器收到了服务器的响应， 3 表示正在解析数据， 4 表示解析完成，可以使用了http 状态码 200 表示相应成功， 404表示没有找到， 500 表示服务端错误

华为云id: hwy_mg第六章学习笔记内置对象： Math, Date, Array, String等等所有内置对象可以查阅MDN文档创建自定义对象的方法：用{}赋值var obj = new Object();设计构造函数， 然后利用构造函数创建数据类型分为基本数据类型和复杂数据类型基本类型存储在栈，作为参数传递时，复制的是值本身复杂类型存储在堆，作为参数传递时，复制的是对象的地址

华为云id: hwy_mg第五章 对象对象的三种创建方式字面量 用一对 {} 表示 括号内是键值对new Object() 然后赋值利用构造函数 + new 创建。 构造函数可以理解为其他语言中的类。new 的执行过程建立空对象分配this指针指向这个空对象执行构造函数的代码，添加属性和方法返回对象的引用