![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
weixin_45989924
这个作者很懒,什么都没留下…
展开
-
异步的相关知识
前言我们知道Javascript语言的执行环境是"单线程"。也就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务。这种模式虽然实现起来比较简单,执行环境相对单纯,但是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假死),往往就是因为某一段Javascript代码长时间运行(比如死循环),导致整个页面卡在这个地方,其他任务无法执行。在h5中js引入了web worker这个标准,允许js创建多个子线程,但是子线程完全原创 2022-02-15 21:03:50 · 313 阅读 · 0 评论 -
JavaScript本地存储
JavaScript本地存储为什么会用本地存储随着互联网的发展,页面的运用越来越普遍,同时也越来越复杂,为了满足各种各样的需求,会经常在本地存储大量的数据,html5提出了相关的解决方案本地存储的特性(1)数据存储在用户浏览器中,(2)设置读取方便,甚至刷新页面也不会丢失数据(3)容量较大, localStorage约20M,约sessionStorage 5M(4)只能存储字符串,可以用json.stringfy()编码后存储...原创 2021-05-02 16:27:36 · 37 阅读 · 0 评论 -
立即执行函数
立即执行函数概念:立即执行函数: 不需要调用,立马能够自己执行的函数语法:1.(function() {})() 或者 2. (function(){}()); (function(a, b) { console.log(a + b); var num = 10; })(1, 2); // 第二个小括号可以看做是调用函数 (function sum(a, b) { console.log原创 2021-05-02 16:14:14 · 61 阅读 · 0 评论 -
2021-05-02
仿淘宝固定侧边栏原创 2021-05-02 16:10:55 · 45 阅读 · 0 评论 -
仿京东页面放大镜效果
仿京东页面放大镜效果原创 2021-05-02 15:29:24 · 129 阅读 · 0 评论 -
元素的偏移offset 系列
元素的偏移offset 系列offset 概述offset翻译过来就是偏移量的意思,我们使用offset的相关属性可以动态获得该元素的位置大小获得元素距离需带有定位父级元素的位置可以获得元素自身的大小(宽度和高度)注意:返回的数值都不带单位<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conten原创 2021-05-02 15:18:45 · 123 阅读 · 0 评论 -
PC端的网页特效
PC端的网页特效元素的偏移offset 系列原创 2021-05-02 14:19:43 · 54 阅读 · 0 评论 -
JS的执行机制
JS的执行机制js语言的最大特点就是单线程,意思就是同一时间只能做一件事单线程就意味着,所有的任务需要排队,前一个任务结束后,才会执行后一个任务,这样所导致的问题就是:如果JS执行的时间过长,这样就会造成页面的渲染不连贯,导致页面渲染加载阻塞为了解决,单线程可能造成的问题,利用多核CPU的计算能力,HTML5提出web worker标准,允许JS脚本创建多个线程,于是JS中出现了同步和异步同步:前一个任务结束后,再执行后一个任务,程序的执行顺序和任务的排列顺序是一致的异步:同时做多个任务、同步原创 2021-05-02 12:43:51 · 95 阅读 · 0 评论 -
this的指向问题
this的指向问题this 指向问题 一般情况下this的最终指向的是那个调用它的对象全局作用域或者普通函数中this指向全局对象window( 注意定时器里面的this指向window) console.log(this); function fn() { console.log(this); } window.fn(); window.setTimeout(function() {原创 2021-05-02 11:48:22 · 42 阅读 · 0 评论 -
BOM
BOM什么是BOM?BOM:Browser Object Model 是浏览器对象模型,浏览器对象模型提供了独立与内容的、可以与浏览器窗口进行互动的对象结构,BOM由多个对象构成,其中代表浏览器窗口的window对象是BOM的顶层对象,其他对象都是该对象的子对象。关于BOM知识的思维导图浏览器的顶级对象window页面加载事件以及注意事项代码执行都是从上向下,js的代码必须在元素下才有效,如果在文档中js放在任何地方都能正常使用,必须使用 页面加载事件,当文档内容完全加载完毕之后才原创 2021-05-01 10:16:39 · 42 阅读 · 0 评论 -
DOM事件高级
DOM事件高级注册事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">原创 2021-05-01 09:28:14 · 64 阅读 · 1 评论 -
dom的重点核心
dom的重点核心关于DOM主要针对元素的操作,主要有创建增删,改,查属性操作,事件操作创建元素的三种方法增加元素appendChild 指定元素后面添加节点insertBefore 指定元素前面添加节点删除元素 删除节点用 removeChild(父节点.子节点)查询元素: 主要查询dom 的元素dom提供的API方法h5提供的新方法利用节点操作获取元素:父 (parentNode) 子(children) 兄(previousElementSibling nextElemen原创 2021-04-30 16:34:46 · 34 阅读 · 1 评论 -
三种创建元素方式的区别
三种创建元素方式document.write() 创建元素 如果页面文档流加载完毕,再调用这句话会导致页面重绘innerHTML 创建元素 通过拼接i字符串的方式,效率会慢,但会导致页面重绘,采用数组形式拼接效率更高document.createElement() 创建元素,重新创建一个元素,效率稍微低一点,但是结构更清晰<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"原创 2021-04-30 14:27:04 · 142 阅读 · 0 评论 -
DOM的节点操作
DOM的节点操作为什么要节点操作?因为获取元素的两种常用的方法:(1)利用DOM提供的方法获取,比如通过 document.querySelector(“div”) document. 的方式获取元素逻辑性不强 ,比较繁琐 (2)利用节点层级关系获取元素,会更方便节点的概述:一般的节点一般会有,nodeType(节点类型),nodeName(节点名称) ,nodeValue(节点值) 这三个基本属性值元素节点 nodeType为1属性节点 nodeType为2文本节点 node原创 2021-04-22 00:34:46 · 39 阅读 · 0 评论 -
操作元素自定义属性的操作
自定义属性的操作获取元素的属性值的方法<body> <div id="damo"></div> </body><script> var div=document.querySelector("div") // 获取元素的属性值 // 通过element.属性值获取 console.log(div.id); // 方法二:通过element..getAttribute("属性名")原创 2021-04-15 19:36:15 · 354 阅读 · 0 评论 -
表单的取消和全选
表单的取消和全选<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit原创 2021-04-15 19:02:11 · 45 阅读 · 0 评论 -
鼠标经过和鼠标离开事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2021-04-15 17:23:59 · 692 阅读 · 0 评论 -
js点击切换图片
注意字符串的拼接<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit原创 2021-04-15 16:57:50 · 133 阅读 · 0 评论 -
javascript的流程控制结构
javascript的流程控制结构本质:改变代码执行顺序的js语法1. 分支结构:由上到下执行代码的过程中,根据不同的条件条件执行不同的路径代码,从而得到不同的结果JS提供了两种分支结构语句(1)if语句(2)swich语句2. 循环结构:让流程代码反复执行3. 顺序结构:按照写代码的先后顺序依次执行...原创 2021-03-20 01:02:21 · 181 阅读 · 0 评论 -
javascript的运算符
javascript的运算符1. 算数运算符:±*/%;++;–2. 关系运算符:=;;=;!=;!==;>;<;>=;<=3. 赋值运算符:=;+=;-=;/=;%=;*=4. 逻辑运算符:||两种条件,满足其中一种;&&:两种条件必须都要满足:!:取反**逻辑中断逻辑与:**注意逻辑与短路运算:如果表达式1 结果为真,则返回表达式2,如果表达式1为假,那么返回表达式1**逻辑中断逻辑或:**注意逻辑与短路运算:如果表达式1 结果为真,则返回表达式1,如原创 2021-03-20 00:51:43 · 38 阅读 · 0 评论 -
2021-03-18
数据类型1. 数据类型简介什么是数据类型:定义的变量需要在内存里面分配空间,如果内存检测到要进行计算,则发送请求到cpu计算完成后在返回内存里面。 数据类型就是用于定义当前定义之在内存空间里面到底分配多大的内存。。在js中因为是弱类型语言,不需要指定数据具体是什么,只需要声明var 就可以了内存空间到底分配多大,值来决定。。比如java就是强类型语言。在javascript里面每个数据类型都代表不同空间的大小。2. 数据类型基本数据类型:number ;string;boolean;simbol,原创 2021-03-18 23:44:34 · 40 阅读 · 0 评论 -
2021-03-18
变量1. 什么是变量?变量是用于存放数据的容器,我们通过变量名获取数据,甚至数据可以修改。变量的本质是:程序在内存中申请的一块来存放数据的空间2. 变量的使用分为两步:1.声明变量 2.赋值<script> // 声明变量 var age //声明一个名称为age的变量 // var 是JS关键字,用来声明变量,使用该关键字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管 // age :是程序员定义的变量名,我们要通过变量名来访问内存原创 2021-03-18 23:07:49 · 62 阅读 · 0 评论 -
2021-03-18
javascript初识1. 计算机的组成2. 计算机的数据存储计算机内部使哦用二进制0和1来表示数据,所有的数据包括文件,图片等都是以二进制(0和1)的形式存放在硬盘中的,所有的程序包括操作系统本质都是各种数据也以二进制数据的形式存放在硬盘中,平时所说的安装软件,其实就是把程序文件复制到硬盘中。3. 计算机的存储单位1byte是最小的存储单位,一个byte等于8位,每一位就是存放二进制的1或者0,能存的最大值为255,如果考虑符号位:存值范围位-125-127js在定义变量的过程中,无法直接原创 2021-03-18 00:58:55 · 28 阅读 · 0 评论