计算机网络模型（五层）

物理层：将2台计算机连接起来，才能通信，传输数据。可以通过光纤、电缆、双绞线连接。
数据链路层：对比特流的数据进行分组,以太网协议、ARP协议
网络层：建立主机到主机的通信,IP协议、ARP协议
传输层：建立端口到端口的通信,TCP协议、UDP协议
应用层：最终负责建立连接，数据格式转换，呈现给用户

堆和栈

在JS中，每个数据都需要一个内存空间，内存空间分为 栈内存(stack)与堆内存(heap)。

栈内存一般储存基础数据类型和引用类型的引用地址

 String Number Boolean Null Undefined Symbol

堆内存一般储存引用数据类型

对象放在heap（堆）里，常见的基础类型和函数放在stack（栈）里，函数执行的时候在栈里执行。栈里函数执行的时候可能会调一些Dom操作，ajax操作和setTimeout定时器

基本数据类型的转换

转数字Number()

console.log(Number("x")) // NaN console.log(Number(undefined)) // NaN console.log(Number(null)) // +0 console.log(Number(false)) // +0 console.log(Number(true)) // 1 console.log(Number("1")) // 1 console.log(Number("-1")) //-1 console.log(Number("1.2")) // 1.2 console.log(Number("0123")) // 123 console.log(Number("-0123")) // -123 console.log(Number("")) // 0 console.log(Number({a: 1})) // NaN console.log(Number([1, 2, 3])) // NaN console.log(typeof (parseInt(aaa123.4wwwwq)))//number parseInt(aaa123.4wwwwq)=NaN

转字符串 String()

console.log(String()) // 空字符串 console.log(String(undefined)) // undefined console.log(String(null)) // null console.log(String(false)) // false console.log(String(true)) // true console.log(String(0)) // 0 console.log(String(-0)) // 0 console.log(String(NaN)) // NaN console.log(String(1)) // 1 console.log(String({a: 1})) // "[object Object]" console.log(String([1, 2, 3])) // "1,2,3"

转布尔值

Boolean(false) //false Boolean(undefined) //false Boolean(null) //false Boolean(+0) //false Boolean(-0) //false Boolean(NaN) //false Boolean("") //false

字符串转数组split，数组转字符串join

var str='12345678' var shuzu=str.split('') console.log(shuzu)//["1", "2", "3", "4", "5", "6", "7", "8"] var strs=shuzu.join("-") console.log(strs)//1-2-3-4-5-6-7-8

ajax原理是什么？如何实现？

一、ajax是什么

AJAX全称(Async Javascript and XML) 即异步的JavaScript 和XML，是一种创建交互式网页应用的网页开发技术，可以在不重新加载整个网页的情况下，与服务器交换数据，并且更新部分网页。

Ajax的原理简单来说就是通过XmlHttpRequest对象来向服务器发送异步请求，从服务器获取数据，然后用javascript来操作DOM从而更新页面

二、实现过程

创建Ajax的核心对象XMLHttpRequest对象
通过XMLHttpRequest对象的open()方法与服务器建立连接
将数据通过XMLHttpRequest对象的send()方法发送给服务端
通过XMLHttpRequest对象提供的onreadystatechange事件监听服务器的状态 (readyState)
然后XMLHttpRequest.responseText属性来接收并处理服务端的响应结果
最后将处理结果更新到HTML页面中

//封装一个ajax请求
function ajax(options) {
    //创建XMLHttpRequest对象
    const xhr = new XMLHttpRequest()


    //初始化参数的内容
    options = options || {}
    options.type = (options.type || 'GET').toUpperCase()
    options.dataType = options.dataType || 'json'
    const params = options.data

    //发送请求
    if (options.type === 'GET') {
        xhr.open('GET', options.url + '?' + params, true)
        xhr.send(null)
    } else if (options.type === 'POST') {
        xhr.open('POST', options.url, true)
        xhr.send(params)

    //接收请求
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            let status = xhr.status
            if (status >= 200 && status < 300) {
                options.success && options.success(xhr.responseText, xhr.responseXML)
            } else {
                options.fail && options.fail(status)
            }
        }
    }
}

前端