随笔分类 - web前端
摘要：💚获取元素的坐标位置 clientX clientY : 事件触发时, 鼠标相当于浏览器窗口(坐标原点)的偏移值 pageX pageY : 事件触发时,鼠标相当于文档坐标原点的偏移值 offsetX offsetY : 事件触发时,鼠标相对于事件源对象的偏移值 screenX screenY :
阅读全文
摘要：注册事件（绑定事件） 给元素添加事件，称为注册事件或者绑定事件 注册事件有两种方式：传统方式和方法监听注册方式 传统注册方式 利用on开头的事件 onclick <button onclick = 'alert("hi~")'></button> btn.onclick = function(){}
阅读全文
摘要：if : 条件语句（判断语句） for : 循环语句 while ：循环语句 each : 循环语句 html结构： HTML <h1 class="text">hello</h1> <div class="wrap">选择器</div> <p class="item">多选一吧</p> <p cl
阅读全文
摘要：作用域： 声明变量： 全局变量： 在页面的最外边声明的变量是全局变量。拥有全局作用域 局部变量： 在某个选择器内或函数内声明的变量就是局部变量 ， 拥有局部作用域 变量的作用域： 全局作用域: 在任何地方都可以访问使用 局部作用域: 只能在变量声明的地方使用 html结构： HTML <ul cla
阅读全文
摘要：sass变量的声明： 通过 $ 声明变量 ， $ 后边的就是变量的名字， 比如：$wd;声明变量后需要给变量赋值 ,比如 $wd:200px 变量的命名规则： 变量名都是自定义的 变量名可以使用字母，_ 作为开头，后边可以使字母，数字，_ , - 的组合，比如：$wd:100px $_ht:100p
阅读全文
摘要：三种动态创建元素的区别 docment.write( ) element.innerHTML docment.createElement( ) 区别 docment.write( ) 是直接将内容写入页面的内容流，但是文档流执行完毕，则它会导致页面全部重绘 innerHTML 是将内容写入某个DOM
阅读全文
摘要：节点操作 利用节点层级关系获取元素 网页中所有内容(标签，属性，文本，注释)都是节点，节点使用node 来表示 利用父子兄节点关系获取元素 逻辑性强，但是兼容相差 节点至少有nodeType(节点类型)，nodeName(节点名称)和nodeValue(节点值)这三个基本属性 元素节点 nodeTy
阅读全文
摘要：API和 Web API 1.API是为程序员提供的一个接口，帮助我们实现某种功能 2.Web API是浏览器提供的一套操作浏览器和页面元素的API(BOM和DOM) 3.Web API主要是针对浏览器提供的接口，主要针对浏览器做交互效果 4.Web API一般都有输入和输出（函数的传参和返回值），
阅读全文
摘要：图示： 栈内存： 栈内存空间大小是固定的，存储的是基本数据类型 ； 变量名和值在同一空间中 堆内存： 堆内存空间是动态分配的， 大小不固定, 存储的是引用数据类型； 值在堆内存， 变量名在栈内存中，此时变量名称之为地址 指针： 指针也就是内存地址，指针变量是用来存放内存地址的变量，不同类型的指针变量
阅读全文
摘要：计时器控制元素移动 setTimeout() setTimeout(handler, timer) : 间隔指定的时间 执行一次代码 JS let count =1; let time = setTimeout(function(){ count++; console.log(count); },1
阅读全文
摘要：说明： this 指向它所引用的对象 （this最终代表的是一个对象） this指向可以更改； 通过 call() 和 apply()方法 修改this指向 注意💡： 全局作用域下 this 指向window JS // 全局作用域下： window是顶层对象(window 对象的属性和方法拥有全
阅读全文
摘要：Math对象介绍： 是js内置的对象，可以直接使用 ； 它拥有一些数学常数属性和数学函数方法 ； Math 不是一个函数对象。 Math 用于 Number 类型 Math的属性： JS console.log(Math.E); //2.718281828459045 //Math.PI 圆周率 c
阅读全文
摘要：js对象与json对象的区别 对象： js的对象 object ; 它用于存储各种键值集合和更复杂的实体 JSON ： 是一种轻量级的数据交换格式；采用完全独立于编程语言的文本格式来存储和表示数据，用于在服务器之间传递数据 注意⚠️： json 对象只有数组和对象组合形式； 不存在方法 js 对象是
阅读全文
摘要：对象 object：属性和属性值是以键值对key/value的形式存在的 对象中可以存储任意类型的数据；它用于存储各种键值集合和更复杂的实体 定义对象： JS let obj = { key1:value1, key2:value2, ... } 示例1： JS let school ={ // 键
阅读全文
摘要：函数(方法)： 通过function关键字声明函数；函数必须被调用才能执行 1.无参函数 JS //name是自定义的函数名遵循变量的命名规则 function name(){ //函数体： } 调用执行函数： 通过 函数名( ) 调用执行函数 2.有参函数 参数个数不受限制 JS function
阅读全文
摘要：indexOf() lastIndexOf() 实现数组去重 JS // indexOf() lastIndexOf() 实现数组去重 let arr = [1, 2, 3, 1, 2, 3, 4, 5, 1, 1, 1, 1]; for(let i = 0; i < arr.length; i++
阅读全文
摘要：for循环遍历数组 JS let arr = [10, 23, 45, 56, 89]; for(let i = 0; i < arr.length;i++){ console.log(i,arr[i]); } for-in循环 JS let arr = [10, 23, 45, 56, 89];
阅读全文
摘要：解释说明 数组 : 数组对象是使用单独的变量名来存储一系列的值。 数组可以用一个变量名存储所有的值，并且可以用索引值访问数组中的任何一个值。 数组中的每个元素都有自己的的ID(索引值)，以便它可以很容易地被访问到。 数组对象的属性 length : 数组的长度 声明数组的方式 数组中可以存放任何值
阅读全文
摘要：字符串不可变（所以不要大量拼接字符串） 字符串所有的方法都不会改变字符串本身（字符串不可变），操作完成会返回一个新的字符串 属性： length ：获取字符串的长度 JS // 获取字符串的长度 let str = 'hello'; let len = str.length; console.log
阅读全文
摘要：算数运算符 + - * / % 注意⚠️： + 运算符比较特殊：进行求和运算或字符串拼接操作 求和: + 两边的操作数都是数值类型，进行求和运算 拼接： + 只要有一边是字符串类型，则执行拼接操作，结果是一个字符串 示例🟢 : 数值类型和字符串类型的运算 JS var num = 10, coun
阅读全文
浙公网安备 33010602011771号