04 2022 档案
摘要：1.接口的概念 使用Ajax请求数据时，被请求的URL地址，就叫做数据接口（简称接口），同时，每个接口必须有请求方式。 2.分析接口的请求过程 2.1通过GET方式请求接口的过程 2.2通过POST方式请求接口的过程 3.接口测试工具 3.1什么是接口测试工具 为了验证接口能否被正常访问，我们需要使
阅读全文
摘要：TCP/IP四层应用模型 应用层：HTTP，DNS，FTP，SMTP，TELNET 传输层：TCP，UDP 网络层：IP，ICMP，ARP，RARP 接口层：各种物理通信网络接口 TCP/IP协议传输示意图 网络层：IP（网络之间互联的协议） Internet Protocol 相当于网络中的一个节
阅读全文
摘要：1.HTTP协议原理 HTTP的原理就是浏览器和服务器的一个交互，简单来说就是浏览器通过HTTP协议给服务器发送请求，服务器接受请求后，会通过请求条件，把HTML页面或者JavaScript的动态效果展现在浏览器中。我们可以把HTTP协议看作是浏览器和服务器之间的一个语言，就像我们中国人和中国人交流
阅读全文
摘要：本地存储的特性 1.数据存储在浏览器中 2.设置和读取是非常方便的，甚至页面刷新数据都不会丢失的 3.容量比较大，sessionStorage约5M、localStorage约20M 4.只能存储字符串，可以将对象JSON.stringify()编码后储存 （1）window.sessionStor
阅读全文
摘要：移动端click事件会有300ms的延时，原因是移动端屏幕双击会缩放页面。 解决方案： 1.禁止缩放 浏览器禁用默认的双击缩放行为并且去掉300ms的点击延时 <meta name="viewport" content="user-scalable=no"> 2.利用touch事件自己封装这个事件解
阅读全文
摘要：1.触屏事件概述 移动端浏览器兼容性较好，我们不需要考虑以前JS的兼容性问题，可以放心的使用原生JS书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch，Android和IOS都有。 touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔，触屏事件可相应的是手指和触摸笔
阅读全文
摘要：代码思路 1.利用动画函数做动画效果 2.原先筋斗云的起始位置是0 3.鼠标经过某个小 li，就把当前小 li 的 offsetLeft 位置作为目标值即可 4.鼠标离开某个小 li ，就把目标值设为0 5.如果点击了某个小 li，就把 li 当前的位置存储起来，作为筋斗云的起始位置。 HTML代码
阅读全文
摘要：#1.动画实现原理 核心原理：通过定时器setlnterval（）不断移动盒子位置 1. 获取盒子当前位置 2. 让盒子在当前位置加上1个移动距离 3. 利用定时器不断重复这个操作 4.加一个结束定时器的条件 5. 注意此元素需要添加定位，才能使用element.style.left
阅读全文
摘要：当鼠标移动到元素上时就会触发mouseenter事件 mouseover 鼠标经过自身盒子触发，经过子盒子还会触发。mouseenter 只会经过自身盒子触发 原因是因为mouseover事件会又事件冒泡，而mouseenter事件没有事件冒泡 当你使用mouseenter时可以搭配鼠标离开事件mo
阅读全文
摘要：#1.什么是loadtion对象 window对象给我们提供了一个loadtion属性用于获取或设置窗体的URL，并且可以用于解析URL。因为这个属性返回的是一个对象，所以我们将这个属性也称为loadtion对象。 #2.URL 统一资源定位符是互联网上标准资源的地址。互联网上的每个文件都有一个唯一
阅读全文
摘要：#1.JS执行机制 由于主线程不断的重复获取任务，执行任务，在获取任务，在执行，所以这种机制被称作事件循环。
阅读全文
摘要：#1.JS是单线程 JavaScript语言的一大特点就是单线程，也就是说，同一时间只能做一件事。这是因为JavaScript这门脚本语言诞生的使命所致--JavaScript是为处理页面中用户的交互，以及DOM而诞生的。 #2.同步异步 为了解决这个问题，利用多核CPU的计算能力，HTML5提出W
阅读全文
摘要：#1.定时器 window对象给用户提供了两种定时器 1.setTimeout() 2.setlnterval() 1.1 setTimeout()定时器 setTimeout()方法用于设置一个定时器，该定时器在定时器到期后执行调用函数。 setTimeout()这个调用函数我们也称为回调函数 c
阅读全文
摘要：#1.窗口加载事件 1.window.onload事件 window.onload 是窗口加载事件，当文档内容完全加载完成会触发该事件（包括图像、脚本文件、CSS、文件等），就调用的处理函数。 注意：1.有了window.onload就可以把js代码写到页面元素上方，因为onload是等页面内容全部
阅读全文
摘要：#1.什么是BOMBOM即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。 BOM由一系列对象组构成，并且每个对象都提供了很多属性和方法。 BOM缺乏标准，兼容性差。 #2.BOM的概述 BOM比DOM更大，它包含DOM。 window 对象是浏览器的顶级对
阅读全文
摘要：#1.创建元素和添加元素 1.创建元素 createElement（‘元素名’） 2.添加节点，在末尾添加 node.appendChild（‘添加的元素’） 3.添加节点，在开头添加 node.inserBefore(child, 指定元素) 4.我们想要在页面上添加一个新元素，1.创建元素 2.
阅读全文
摘要：#1.DOM简介 1.1.什么是DOM 文本对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言（HTML或XML）的标准编程接口 1.2.DOM 树 1.文档：一个页面就是一个文档，DOM使用 document 表示 2.元素：页面中的所有标签都
阅读全文
摘要：#1.web APIs 和 js 基础关联性 1.1 JS 的组成 #2.API 和 Web API 1.API （Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需
阅读全文
摘要：#1.简单数据类型和复杂数据类型 简单类型又叫做基本数据类型，复杂类型又叫做引用类型 ·类型值：简单数据类型/基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型 string ， number ， boolean ， undefined ， null null 比较特殊，他输出返回的是一个空
阅读全文
摘要：#1.内置对象 1.JavaScript 中的对象分为3中：自定义对象、内置对象、浏览器对象 2.前面两种对象是js 基础内容，属于 ECMAScript；第三个浏览器对象属于我们的js独有的，我们js API讲解 3.内置对象就是指js语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或
阅读全文
摘要：#1.作用域 1.1作用域概述 1.就是代码名字（变量）在某个范围内起作用和效果，目的是为了提高程序的可靠性更重要的是减少命名冲突 2.js作用域（es6）之前：全局作用域和局部作用域 3.全局作用域：整个script标签或者是一个单独的js文件 4.局部作用域（函数作用域）在函数内部就是局部作用域
阅读全文
摘要：#1.函数的概念 函数：就是封装了一段可重复被调用的代码块 #2.函数的使用 函数使用分为 声明函数和使用函数 2.1.声明函数 和 调用函数 <script type="text/javascript"> // 函数使用分为 声明函数和使用函数 // 1.声明函数 // function 函数名(
阅读全文
摘要：#1.创建数组 1.数组（Array）：就是一组数据的集合，存储在单个变量下的优雅方式 2.利用 new 创建数组 <script type="text/javascript"> let arr = new Array(); // 创建空数组 // 注意 A 要大写 </script> 3.利用数组
阅读全文
摘要：#1.循环 1.循环的目的 在实际问题中，有许多具有规律性和的重复操作，因此在程序中要完成这类操作就需要重复执行某些语句。 #2.for 循环 1.在程序开发中，一组重复被执行的语句叫做循环体，能否继续重复执行，取决于循环条件。有循环体及循环的终止条件组成的语句，被称之为循环语句. <script
阅读全文
摘要：#1.流程控制 1.在一个程序执行过程中，各条代码的执行顺序对程序的结果是有直接影响的。有很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。 简单结构：流程控制就是来控制我们的代码按照什么结构顺序来执行 流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行
阅读全文
摘要：#1.运算符 运算符也被成为操作符，是用于现实赋值，比较和执行算数运算符等功能的符号。 #2.算术运算符 概念：算数运算使用的符号，用于执行两个变量或值的算数运算。 2.浮点数 浮点数值的最高精准度是17为小数，但在进行算术计算时其精确度远远不如整数。 建议：千万不要直接判断两个浮点数是否相等！！！
阅读全文
