ODST_TheSolverO5的博客

Javascript基础知识体系化学习总结（十一）运行环境一、页面加载1.运行环境这里统称为浏览器。2.页面加载的内容：（1）html代码；（2）媒体文件（如图片、音频等）；（3）js、css3.页面加载的过程：（1）DNS解析即域名解析成IP地址；（2）发起TCP连接；（3）发送http请求给服务器；（4）服务器根据http请求返回报文，接收到这些报文后渲染整个页面；（5）结束连接4.页面渲染的过程：（1）根据html代码渲染成DOM树；（2）根据css代码渲染出CSSOM树

Javascript基础知识体系化学习总结（十）开发环境一、git1.git是最常用的代码版本管理工具，必须熟悉，大型开发必用！2.一些简单的git命令：Git add. 就是把你改完确定没有问题的代码都提交上去（可以加文件名，当然并不是真的提交，进入了一个类似预提交的区域）Git checkout xxx文件名 就可以把你觉得做错的某文件还原Git commit -m “xxx” 提交一条记录Git push…推送到服务端，pull就是从服务端下载Git branch 可以看一下已经有的分

Javascript基础知识体系化学习总结（九）存储一、cookie1.本身是由于浏览器和服务端的通信，被用来做存储。2.既然是借用的，那么会存在一些问题如：储存量小仅仅是4K；必须http请求时需要发送到服务器端，增加了请求的数据量；语法并不是十分的契合js的语法。3.使用方式是document.cookie= ‘内容’,cookie储存的数据间是使用；进行分割。4.可以在浏览器的application和network中看到cookie。二、sessionStorage1.H5专门设置

Javascript基础知识体系化学习总结（八）Ajax一、XMLHttpRequset1.这个是ajax中最核心的API，不过一般不需要我们去手写，学习阶段倒是可以。2.它是一个对象，使用时需要new创建。3.该对象包含open方法、onreadystatechange方法、send方法。4.open方法有三个参数，第一个是选择请求方式（get/post等等），第二个是请求的地址，第三个是是否异步（写布尔值，一般采用true即异步）。5.onreadystatechange方法可以监听请求的状

Javascript基础知识体系化学习总结（七）事件一、事件绑定1.事件绑定就是element.addEventListener（type，fn）.2.接收两个参数，type（绑定事件的类型如’click’ 点击事件）、fn（事件函数，书写具体的事件）3.fn中接收一个参数，一般写为e/event，代表我们绑定的元素，很多操作例如e.preventDefault（）阻止默认行为、e.target获取当前点击元素，都是借助这个参数来实现。二、事件冒泡1.什么是冒泡：通俗的讲就是不仅仅触发当前元素的

Javascript基础知识体系化学习总结（六）BOM一、navigator1.主要使用的是它的userAgent属性，即查看浏览器的简要信息，由于浏览器考虑到兼容性的问题，会在简要信息里面存放很多内容，我们无法做比较严格的检测，但是可以利用indexOf查看里面是否包含我们想要的内容。二、screen1.width属性，即浏览器的宽度。2.height属性，即浏览器的高度。三、location1.href属性，查看完整的链接url。2.hash属性，查看url#后面的内容。3.pathn

Javascript基础知识体系化学习总结（五）DOM一、树形结构1.DOM的本质其实是由html文件/语言经过浏览器校验生成的树形结构，也就是一棵树。2.html可以说是XML的一种特定的写法。二、节点操作1.针对节点的操作就是查询/获取节点。主要分为通过ID、class、标签名等获取，大概如下：三、属性针对DOM节点操作还可以利用property和attribute。1.property就是通过js去修改对象的属性不会影响DOM结构：2.attribute是通过js去修改HTML的

Javascript基础知识体系化学习总结（四）异步一、单线程1.javascript是单线程语言，只能同时做一件事，代码从上往下执行，一个个加载。2.javascript和DOM渲染共用一个线程，即两者只能同时进行一个。3.浏览器和node.js已经支持javascript启动进程，例如WebWorker。二、callback1.callback即是回调函数，是来处理异步的，至于为什么会出现异步的情况，是因为js单线程很可能导致我们加载某些内容的时候等待时间过长卡住。2.callback本身

Javascript基础知识体系化学习总结（三）作用域和闭包一、作用域1.作用域是一个变量的合法使用范围。2.作用域分为全局作用域（在哪里都能使用该变量，如document、window）、函数作用域（只能在当前函数使用该变量）、块级作用域（由let/const搭配{}构成）。二、自由变量1.自由变量是指在当前作用域没有定义但是被使用了。2.自由变量的查找规则是在当前作用域向上一层层查找。三、闭包1.闭包有两种情况：函数作为返回值返回或者函数作为参数被传入。2.闭包中所有自由变量的值是在函

Javascript基础知识体系化学习总结（二）原型和原型链一、class1.首先是讲一下class，其实大部分语言都是利用class来继承而js是基于原型来继承，当然ES6中是对原型继承进行了一定的封装，所以可以用class来继承，但是要记住这个本质上还是基于原型继承的！2.ES6中class继承比较简单，基本的语法就是： class 类名 { constructor () { // 括号中可以传一些参数 // 在这里定义类的属性 } get () { // 定义方法 //

Javascript基础知识体系化学习总结（一）变量一、值类型和引用类型1.首先讲一下值类型是什么，即String、Number、Symbol、Boolean、Undefined；而引用类型包括对象和数组、函数，其中由于函数是不储存数据的，我们在这里不讲函数。这是最简单的描述。2.然后是两者的区别：（1）值类型是存放在栈中，以键值对的形式即（值类型变量名：对应的值）不会涉及到堆。（2）而引用类型是涉及到堆和栈，当我们声明了一个引用类型时，会在栈中准备一个空间储存我们引用类型的变量名，对应的值是一个