console.log(navigator)
var explorer = navigator.userAgent;
var Browser;
// IE  判断浏览器是否支持ActiveX控件，如果浏览器支持ActiveX控件可以利用,
if (!!window.ActiveXObject || "ActiveXObject" in window) {
  Browser = 'ie';
  console.log("当前浏览器为：IE");
}
//IE  documentMode是一个IE的私有属性，在IE8+中被支持。
if (window.document.documentMode) {
  Browser = 'ie';
  console.log("当前浏览器为：IE");
}
//firefox
else if (explorer.indexOf("Firefox") >= 0) {
  Browser = 'Firefox';
  console.log("当前浏览器为：Firefox");
}
//Chrome
else if (explorer.indexOf("Chrome") >= 0) {
  Browser = 'Chrome';
  console.log("当前浏览器为：Chrome");
}
//Opera
else if (explorer.indexOf("Opera") >= 0) {
  Browser = 'Opera';
  console.log("当前浏览器为：Opera");
}
//Safari
else if (explorer.indexOf("Safari") >= 0) {
  Browser = 'Safari';
  console.log("当前浏览器为：Safari");
}
//Netscape
else if (explorer.indexOf("Netscape") >= 0) {
  Browser = 'Netscape';
  console.log('当前浏览器为：Netscape');
}

一、概念

我们在编程的时候需要持久化的存储一些数据。对于网络化编程，一般将这项任务交给了服务器端的数据库或者浏览器端的cookie。

HTML5 提供了两种客户端存储数据的新方法：

• localStorage（本地存储） - 没有时间限制的数据存储
• sessionStorage（会话存储） - 针对一个 session 的数据存储

之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。

在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。

对于不同的网站，数据存储于不同的区域，并且一个网站只能访问其自身的数据。

HTML5 使用 JavaScript 来存储和访问数据。

经常用ajax进行请求操作，那么除了ajax，还有什么请求方式呢，今天我们来学一下几种前端请求数据方式吧~

学习参考:
https://blog.csdn.net/weixin_43992119/article/details/100514686
https://www.cnblogs.com/cc123nice/p/12593857.html

1. XMLHttpRequest

ajax是一种技术方案，但并不是一种新技术。它依赖的是现有的CSS/HTML/Javascript，而其中最核心的依赖是浏览器提供的XMLHttpRequest对象，是这个对象使得浏览器可以发出HTTP请求与接收HTTP响应。

所以我用一句话来总结两者的关系：我们使用XMLHttpRequest对象来发送一个Ajax请求

<script>
    var xhr = new XMLHttpRequest();
    xhr.open("get", "http://i2.mediapower.mobi/adpower/vm/Bora/js/test.js", true);
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4 && xhr.status == 200) {
        console.log(xhr.responseText);
        }
    };
    xhr.send(null);
</script>

今天我们来学一下什么是ajax请求吧~
学习参考:
https://blog.csdn.net/chaopingyao/article/details/106481895

一、定义

1. 什么是Ajax

Ajax：即异步 JavaScript 和XML。Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。而传统的网页(不使用 Ajax)如果需要更新内容，必需重载整个网页面。

2. 同步与异步的区别

同步提交：当用户发送请求时，当前页面不可以使用，服务器响应页面到客户端，响应完成，用户才可以使用页面。

异步提交：当用户发送请求时，当前页面还可以继续使用，当异步请求的数据响应给页面，页面把数据显示出来 。

作为前端必备知识点，怎么能不会Jquery呢，今天我们来学一下Jquery吧~

jQuery基本语法

jQuery语法

jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。
基础语法： $(selector).action()

• 美元符号定义 jQuery
• 选择符（selector）”查询”和”查找” HTML 元素
• jQuery 的 action() 执行对元素的操作

// 实例
$(this).hide() //隐藏当前元素
$("p").hide() //隐藏所有 <p> 元素
$("p.test").hide() //隐藏所有 class="test" 的 <p> 元素
$("#test").hide() //隐藏 id="test" 的元素

undefined、null和NaN都属于javascript中的数据类型，那么三者有什么区别呢，又要如何区分呢，今天我们来学一下undefined、null与NaN~

学习参考:
https://www.cnblogs.com/pangguoming/p/7690816.html
https://www.jianshu.com/p/9cc8411fa431

undefined、null和NaN都属于javascript中的数据类型。

• undefined的类型是一个对象，代表没有定义。
• null的类型是个一对象，代表一个空值。
• NaN的类型是一个number，代表不是数值类型。

学习参考：
https://segmentfault.com/a/1190000017569816
https://www.jianshu.com/p/f254ec665e57
https://www.cnblogs.com/cc-freiheit/p/10591992.html

一、链表和数组的区别

大家都用过js中的数组，数组其实是一种线性表的顺序存储结构，它的特点是用一组地址连续的存储单元依次存储数据元素。而它的缺点也正是其特点而造成，比如对数组做删除或者插入的时候，可能需要移动大量的元素。
这里大致模拟一下数组的插入操作：

function insert(arr, index, data) {
    for (let i = arr.length; i >index; i--) {
        arr[i] = arr[i - 1];
    }
    arr[index] = data;
}

从上面的代码可以看出数组的插入以及删除都有可能会是一个O(n)的操作。从而就引出了链表这种数据结构，链表不要求逻辑上相邻的元素在物理位置上也相邻，因此它没有顺序存储结构所具有的缺点，当然它也失去了数组在一块连续空间内随机存取的优点。

今天我们来学习js事件，一起来学习吧~
学习参考：
https://blog.csdn.net/weixin_44388523/article/details/86616710

常用事件类别详见：
https://blog.csdn.net/allen_hdh/article/details/31374379

兼容性详见：
https://www.jb51.net/article/28772.htm

更多事件详见：
https://www.runoob.com/jsref/dom-obj-event.html

一、事件三要素

• 事件对象
• 事件名称
• 事件处理函数

二、常见事件的写法

1. 嵌入式(传统事件绑定)

优点：简单易懂
缺点：将JavaScript代码与html代码混为一起，不利于多人协作开发

//例如：(直接在HTML中写入JS代码)
<button onclick="alert('hello')" onmouseover="show()" id='btn'>点击</button>

1. 对象字面量方式

var person = {
name: "XiaoMing",
age: 29,
job: "Software Engineer",
sayName: function () {
    alert(this.name)
}

2.object构造函数

var person = new Object();
person.name = "XiaoMing";
person.age = 18;
person.job = "software Engineer";

person.sayName = function () {
alert(this.name);
}

使用object构造函数和对象字面量方式创建对象有一个缺点：如果我们想创建与该对象同类型的对象，就会产生大量重复的代码。

1. 打开控制面板主页。