雨会感到难过吗-CSDN博客

原创走马灯效果（vue-marquee-text-component）的实现&安装了marquee插件但是运行不了的解决方案

关于vue-marquee-text-component失败的原因

2022-08-19 22:56:52 1252 1

原创 ajax笔记

XMLHttpRequest发起GET请求1.创建xhr对象2.调用xhr.open(`请求方式`,`接口地址`)函数3.调用xhr.send(post请求的参数)函数4.监听load事件序列化：真实数据转换为字符串格式。JSON.parse()反序列化：字符串格式转换为真实数据。JSON.stringify()原声ajax......

2022-08-12 10:45:09 149

Window对象 BOM(浏览器对象模型):BOM(Browser Object Model ) 是浏览器对象模型window 是浏览器内置中的全局对象，我们所学习的所有 Web APIs 的知识内容都是基于 window 对象实现的window 对象下包含了 navigator、location、document、history、screen 5个属性，即所谓的 BOM （浏览器对象模型）document 是实现 DOM 的基础，它其实是依附于 window 的属性。注：依附于

2022-04-22 15:41:50 253

原创 DOM- 网页特效篇

1.节点操作2.时间对象3.重绘和回流

2022-04-22 15:26:41 1166

原创 DOM- 事件高级

1.事件对象获取事件对象事件对象:也是个对象，这个对象里有事件触发时的相关信息例如：鼠标点击事件中，事件对象就存了鼠标点在哪个位置等信息如何获取:在事件绑定的回调函数的第一个参数就是事件对象一般命名为event、ev、e事件对象常用属性部分常用属性type 获取当前的事件类型 clientX/clientY 获取光标相对于浏览器可见窗口左上角的位置 offsetX/offsetY 获取光标相对于当前DOM元素左上角的位置 key 用户按下的键盘键的值.

2022-04-22 15:07:08 64

原创 javascript（节点操作，时间对象，重绘和回流）

1.节点操作DOM节点DOM树里每一个内容都称之为节点节点类型 :元素节点 :所有的标签比如 body、 div html 是根节点属性节点: 所有的属性比如 href文本节点所有的文本其他（1）查找节点节点关系：父节点子节点兄弟节点父节点查找： parentNode 属性返回最近一级的父节点找不到返回为null子节点查找： childNodes 获得所有子节点、包括文本节点（空格、换行...

2022-04-22 14:49:06 140

原创 DOM-事件基础

事件：就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称为注册事件语法：元素.addEventListener(`事件`，要执行的函数)事三要素件监听：事件源：那个dom元素被事件触发了，要获取dom元素事件：用什么方式触发，比如鼠标单击 click、鼠标经过 mouseover 等事件调用的函数：要做什么事例： //获取元素 let btn=document.querySelector(`button`) //事件监听..

2022-04-08 14:53:27 51

原创 DOM-获取DOM元素、修改属性

Web API 基本认知作用: 就是使用 JS 去操作 html 和浏览器分类：DOM (文档对象模型)、BOM（浏览器对象模型）DOM树是什么将 HTML 文档以树状结构直观的表现出来，我们称之为文档树或 DOM 树描述网页内容关系的名词作用：文档树直观的体现了标签与标签之间的关系什么是DOMDOM（Document Object Model——文档对象模型）是用来呈现以及与任意 HTML 或 XML文档交互的API 白话文：DOM是浏览器提供的一套专门用来操作网.

2022-04-08 13:19:17 2240

原创 JavaScrip(对象)

什么是对象？1.object(JavaScript里的一种数据类型)2.无序的数据的集合对象的特点是什么？1.无序的数据的集合2.可以详细的描述描述某个事物对象的使用 let 对象名={}列： //我声明一个为star的对象 let star={ name:`尹大大`, ars:19 }对象有属性和方法组成属性：信息或叫特征（名词）。比如手机尺寸、颜色、重量等…方法：功能或叫行为（动词）。比如手机打

2022-04-06 08:29:01 66

原创 JavaScrip（函数）

什么是函数？函数有什么用？1.function执行特定任务的代码块2.可以实现代码复用，提高开发效率函数的使用声明语法:function 函数名(){ 函数体}列：function sayHi(){ document.write(`你好~`)}函数名命名规范和变量命名基本一致’尽量小驼峰式命名法前缀应该为动词命名建议：常用动词约定函数体函数体是函数的构成部分，它负责将相同或相似代码“包裹”起来，直到函数调用时函数体内的代码才会被

2022-04-05 16:09:45 67

原创（JavaScript）数组

数组：数组(Array)是一种可以按顺序保存数据的数据类型语法：列：数组在编号叫索引或下标，数组可以储存任意类型，计算机中的编号从0开始，所以小明的编号为0，小刚编号为1，以此类推如何在数组中获取数据？语法：列：数组长度：数组中数据的个数，通过数组的length属性获得列：遍历数组：把数组的每一个元素都访问到，使用for循环语法：列：数组增加新的数据：1数组名.pushi（新增的数据）将一个或多个元素添加到数组的末尾，并返回该数组的新...

2022-03-31 21:13:15 565

原创 While循环和for循环

While循环利用 while 循环在指定条件为 true 时来循环执行代码。下面的例子定义了一个循环程序，这个循环程序的参数 i 的起始值为 0。该程序会反复运行，直到 i 大于 10 为止。i 的步进值为 1。while (i<=10){document.write("The number is " + i)document.write("<br />")i=i+1}注意：除了<=，还可以使用其他的比较运算符for循环语法：for (语句

2022-03-29 17:50:52 277

原创 if分支语句和三元运算符

lif语句有三种使用：单分支、双分支、多分支单分支： let a=3 if(a>1){ alert('a是大于1的') }if(条件){代码}：条件满足时则会执行｛｝里的代码，不满足则不执行｛｝里的代码双分支语句： let a=3 if(a>4){ alert('a是大于4的') } else{ alert('a是小于4的') }if(条件){代码1}else{代码2}：如果条件满足，则会执行代码1

2022-03-27 22:02:49 350

原创 JavaScript中的运算符

1.算术运算符算术运算符有：+，-，*，/，%五种取余（%）：在这里重点说一下取余，取余的一个意思是一个数除以另一个数，得到一个整数，然后剩下的那个则为余数，如13/4,结果等于3，余数是1，那么13/4取余的结果为1，13/4可以叫做13除以3、4除13，13被4整除优先级：*，/，%的优先级大于+，-计算顺序是优先级相同时从左到右计算，优先级不同时，优先级高的则会先执行，可以用()来提升优先级2.赋值运算符赋值运算符有：+=，-=，*=，/=，%=如a+=b,就是在a的基

2022-03-27 21:37:14 834

原创数据类型的转换

转换为数字类型的方式1.一个表达式中如果有减号 (-)、乘号 (*) 或除号 (/) 等运算符时，JS 引擎在计算之前，会试图将表达式的每个分项转化为 Number 类型（使用 Number(x) 做转换）。如果转换失败，表达式将返回 NaN，而加号 (+) 不会将其两边的变量转化为 Number 类型，这是因为JS表达式的执行顺序是按照运算符的优先级从左到右依次进行的，如果加号 (+) 两边的变量都是 Number 类型时，才会做数字相加运算，如果其中有一个变量是字符串，则会将两边都作为字符串相加

2022-03-26 12:07:04 89

weixin_46451036的博客