jQuerry

3/16
数组：

//这是array的forEach
array.forEach(function(currentValue, index, arr), thisValue) 
参数：function(currentValue, index, arr)    必需。 数组中每个元素需要调用的函数。
					    函数参数:
						currentValue	必需。当前元素
						index	可选。当前元素的索引值。
						arr	可选。当前元素所属的数组对象。


创建对象：
①Object.create();
②let obj = {key1 : 123, key2: []};
③function Person(name){this.name = name};  let obj = new Person("二蛋");


立即执行函数: 
① (function(){})();
② (function(){}());
**  ： 对于常见的(function($){})(jQuery); 即是将实参jQuery传入函数function(&){},通过形参&来接收。 在立即执行函数前加防御型分号。
在DOM加载完成后执行的回调函数，并且只会执行一次。
$(document).ready(function(){});
上述的简写形式
$(function(){});
再次举列：
$(document).ready(function(){ alert("iHola Mundo!"); $("blackBox").hide();});
上述代码等效于：
window.downLoad = function(){
  alert("iHola Mundo!");
  document.getElementById("blackBox").style,display = "none";
}




通过 Cookie 和 Session 技术来实现记录访问者的一些基本信息
Cookie 是由 Web 服务器保存在用户浏览器上的小文本文件，它包含有关用户的信息
在 Internet 中，Cookie 实际上是指小量信息，是由 Web 服务器创建的，将信息存储在用户计算机上的文件。
一般网络用户习惯用其复数形式 Cookies，指某些网站为了辨别用户身份、进行 Session 跟踪而存储在用户本地终端上的数据，而这些数据通常会经过加密处理.



session
HTTP协议是无状态协议（这一次请求和上一次请求无关）
session，从上面的描述来讲，它就是在一次会话中解决2次HTTP的请求的关联，让它们产生联系，让2两个页面都能读取到找个这个全局的session信息。
session信息存在于服务器端，所以也就很好的解决了安全问题。




let arr1 = [1,2,3];
let arr2 = [4,5,6];
//-- 注意：如果使用箭头函数表达式来传入函数参数， thisArg 参数会被忽略，因为箭头函数在词法上绑定了 this 值
arr1.forEach(element => {
    console.log(element);
    console.log(this);
}, arr2);

arr1.forEach(
    function (para) {
        console.log(para);
        console.log(this);
    }, arr2
)






JSON 和 XML 均可用于从web服务器接收数据。

{
   "": 255，
   "": [""pasate", "qirui", "BMW"]
}
JSON的常规用途是同web服务器进行数据传输。


var text =  '{ "name":"Bill Gates", "birth":"1955-10-28", "city":"Seattle"}';
var obj = JSON.parse(text);
console.log(typeof obj);  //object
var str = JSON.stringify(text);
console.log(typeof str); //string


for(key in obj){}


jQurey是JavaScript库： 它包含了，处理浏览器不兼容性，并简化HTML DOM操作、事件处理、动画、Ajax。
jQuery选择器，以及选择出来后对节点内容和节点元素 所做的增删改 隐藏，以及对元素的样式的修改。

const $: JQueryStatic
(selector: string, context?: Element | JQuery) => JQuery (+8 overloads)

//-- 选择出节点
var myElement = $("#id01");
var myElement = document.getElementById("id01");

var myElements = document.querySelectorAll("p.intro");

jQuery设置文本内容  myElement.text("Hello Shanghai!");
JavaScript设置文本内容 myElement.textContent = "Hello Shanghai!";


jQuery设置HTML内容 myElement.html("<h2>Hello Shanghai!</h2>");
JavaScript设置HTML内容 myElement.innerHTML = "<h2>Hello Shanghai!</h2>";

jQuery 隐藏一个 HTML 元素 myElement.show();
       显示 myElement.style.display = "none";
JavaScript 隐藏一个HTML元素 myElement.hide();
           显示 myElement.style.display = "";

jQuery 样式化HTML元素  myElement.css("front-size", 35px);
JavaScript 样式化HTML元素  myElement.style.fontSize = "35px";

jQuery 删除元素  myElement.remove(); 
JavaScript 删除元素  myElement.parentNode.removechild(myElement);

jQuery选择父节点 ： myElement.parent();
JavaScript选择父节点: myElement.parentNode();


jquery.min.js 这个是jquery的库，是压缩版，jquery.js这个文件是完整版，如果需要用到jquery操作
html的话必须要引入jquery的库。这两个文件那个都可以。
它的作用是：
1、取得页面中的元素。如果不使用JavaScript库，遍历DOM树，以及查找HTML文档结构中某个特殊的部分，
必须编写很多行代码，jquerry使用选择符可准确获得需要检查或操纵的文档元素。
2、修改页面外观。 jquerry提供了跨浏览器的标准解决方案，即使在页面已经呈现后，也能改变文档中某个部分的
类或者个别的样式属性。
3 、改变页面的内容。jQuery 能够影响的范围并不局限于简单的外观变化，使用少量的代码，jQuery 就能改变文档的内容。
可以改变文本、插入或翻转图像、对列表重新排序，甚至，对HTML 文档的整个结构都能重写和扩充——所有这些只需一个简单易用的API 。
4 、响应用户的页面操作。即使是最强大和最精心设计的行为，如果我们无法控制它何时发生，那它也毫无用处。
jQuery 提供了截取形形色色的页面事件 （比如用户单击一个链接）的适当方式，而不需要使用事件处理程序搞乱HTML代码。
此外，它的事件处理API 也消除了经常困扰Web 开发人员的浏览器不一 致性。
5 、为页面添加动态效果。为了实现某种交互式行为，设计者也必须向用户提供视觉上的反馈。
jQuery 中内置的一批淡入、擦除之类的效果，以及制作新效果的工具包，为此提供了便利。
6 、无需刷新页面即可从服务器获取信息。这种编程模式就是众所周知的AJAX （Asynchronous JavaScript and XML ，异步JavaScript 和XML ），
它能辅助Web 开发人员创建出反应灵敏、功能丰富的网站。jQuery 通过消除这一过程中的浏览器特定的复 杂性，使开发人员得以专注于服务器端的功能设计。



$(function() {}) 是$(document).ready(function()的简写。
这个函数什么时候执行的呢？
答案：DOM加载完毕之后执行。

socket-io.js：
1: socket.io是基于 TCP socket/Websocket封装的 上层的一个框架;
2: 使得人们能方便的使用类似事件的模式来处理网络数据包;
==================================================================
http： 客户端主动请求数据后服务端反馈， 服务端不会主动发送数据
Websocket：服务端无需客户端的请求也可以主动发送数据。  服务端和客户端都能主动发起通讯。

sock.io 模块，封装可Websocket以及其它的一些协议，并且实现了Websocket的服务代码。
搭建环境安装socket.io模块
npm install socket.io