04 2022 档案
offset、client、scroll系列属性
摘要：元素偏移值offset系列属性 offset翻译过来就是偏移量,我们使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素父元素的位置 获得元素自身的大小（宽度高度） 注意：返回的数值不带单位 offset系列常用属性： offset与style的区别
了解flexible.js
摘要：什么是flexible.js lexible.js是手淘开发出的一个用来适配移动端的js框架。手淘框架的核心原理就是根据制不同的width给网页中html根节点设置不同的font-size，然后所有的px都用rem来代替，这样就实现了不同大小的屏幕都适应相同的样式了。其实它就是一个终端设备适配的解决
了解立即执行函数的使用
摘要：立即执行函数 不需要调用，立马就能自己执行的函数 语法格式 (function() {})() 或者 (function(){}()) 写法 // 1. 正常函数写法 function fn() { console.log('hello world'); } fn(); // 2. 立即执行函数 写
箭头函数与普通函数的区别
摘要：普通函数 语法格式：function(){} 箭头函数 语法格式：() => {} ()中定义参数，如果只有一个参数，可以不写括号 {}中写函数体，如果函数体中只有返回值，可以不写return Demo01普通函数： 创建一个对象，输出姓名，此时内容是正确输出的 let obj={ name:'小明
简单理解Javascript执行机制
摘要：JS是单线程 JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。这是因为Javascript这门脚本语言诞生的使命所致一JavaScript 是为处理页面中用户的交互,以及操作DOM而诞生的。比如我们对某个DOM元素进行添加和删除操作,不能同时进行。应该先进行添加,之后
BOM中 location、navigator、history对象
摘要：location对象 什么是location对象 window对象给我们提供了一个location属性用于获取或设置窗体的URL ,并且可以用于解析URL。因为这个属性返回的是一个对象,所以我们将这个属性也称为location对象。 什么是URL 统一资源定位符(Uniform Resource L
JavaScript案例--五秒后自动跳转页面
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> div { width: 300px; height: 100px; line-height: 100px; text-align: center
This指向问题
摘要：this只有在函数执行的时候才能确定this到底指向谁，一般情况下this的最终指向的是那个调用它的对象 全局作用域或者普通函数中this指向全局对象window,（注意定时器里面的this指向window） console.log(this); // 指向window全局对象 function f
JS坐标和位置宽高获取
摘要：💚获取元素的坐标位置 clientX clientY : 事件触发时, 鼠标相当于浏览器窗口(坐标原点)的偏移值 pageX pageY : 事件触发时,鼠标相当于文档坐标原点的偏移值 offsetX offsetY : 事件触发时,鼠标相对于事件源对象的偏移值 screenX screenY :
JS事件
摘要：注册事件（绑定事件） 给元素添加事件，称为注册事件或者绑定事件 注册事件有两种方式：传统方式和方法监听注册方式 传统注册方式 利用on开头的事件 onclick <button onclick = 'alert("hi~")'></button> btn.onclick = function(){}
三种动态创建元素的区别
摘要：三种动态创建元素的区别 docment.write( ) element.innerHTML docment.createElement( ) 区别 docment.write( ) 是直接将内容写入页面的内容流，但是文档流执行完毕，则它会导致页面全部重绘 innerHTML 是将内容写入某个DOM
DOM操作之节点操作
摘要：节点操作 利用节点层级关系获取元素 网页中所有内容(标签，属性，文本，注释)都是节点，节点使用node 来表示 利用父子兄节点关系获取元素 逻辑性强，但是兼容相差 节点至少有nodeType(节点类型)，nodeName(节点名称)和nodeValue(节点值)这三个基本属性 元素节点 nodeTy
DOM的基本操作
摘要：API和 Web API 1.API是为程序员提供的一个接口，帮助我们实现某种功能 2.Web API是浏览器提供的一套操作浏览器和页面元素的API(BOM和DOM) 3.Web API主要是针对浏览器提供的接口，主要针对浏览器做交互效果 4.Web API一般都有输入和输出（函数的传参和返回值），
栈内存与堆内存
摘要：图示： 栈内存： 栈内存空间大小是固定的，存储的是基本数据类型 ； 变量名和值在同一空间中 堆内存： 堆内存空间是动态分配的， 大小不固定, 存储的是引用数据类型； 值在堆内存， 变量名在栈内存中，此时变量名称之为地址 指针： 指针也就是内存地址，指针变量是用来存放内存地址的变量，不同类型的指针变量
js计时器
摘要：setTimeout() setTimeout(handler, timer) : 间隔指定的时间 执行一次代码 let count =1; let time = setTimeout(function(){ count++; console.log(count); },1000) console.
this指向
摘要：说明： this 指向它所引用的对象 （this最终代表的是一个对象） this指向可以更改； 通过 call() 和 apply()方法 修改this指向 注意💡： 全局作用域下 this 指向window // 全局作用域下： window是顶层对象(window 对象的属性和方法拥有全局作用
Math对象与Date对象
摘要：Math对象介绍： 是js内置的对象，可以直接使用 ； 它拥有一些数学常数属性和数学函数方法 ； Math 不是一个函数对象。 Math 用于 Number 类型 Math的属性： console.log(Math.E); //2.718281828459045 //Math.PI 圆周率 cons
json对象
摘要：js对象与json对象的区别 对象： js的对象 object ; 它用于存储各种键值集合和更复杂的实体 JSON ： 是一种轻量级的数据交换格式；采用完全独立于编程语言的文本格式来存储和表示数据，用于在服务器之间传递数据 注意⚠️： json 对象只有数组和对象组合形式； 不存在方法 js 对象是
js中的对象
摘要：对象 object：属性和属性值是以键值对key/value的形式存在的 对象中可以存储任意类型的数据；它用于存储各种键值集合和更复杂的实体 定义对象： let obj = { key1:value1, key2:value2, ... } 示例1： let school ={ // 键值对 key
JS函数
摘要：函数(方法)： 通过function关键字声明函数；函数必须被调用才能执行 1.无参函数 //name是自定义的函数名遵循变量的命名规则 function name(){ //函数体： } 调用执行函数： 通过 函数名( ) 调用执行函数 2.有参函数 参数个数不受限制 function name(
数组的去重
摘要：indexOf() lastIndexOf() 实现数组去重 // 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循环遍历数组 let arr = [10, 23, 45, 56, 89]; for(let i = 0; i < arr.length;i++){ console.log(i,arr[i]); } for-in循环 let arr = [10, 23, 45, 56, 89]; for(le
JavaScript数组
摘要：解释说明 数组 : 数组对象是使用单独的变量名来存储一系列的值。 数组可以用一个变量名存储所有的值，并且可以用索引值访问数组中的任何一个值。 数组中的每个元素都有自己的的ID(索引值)，以便它可以很容易地被访问到。 数组对象的属性 length : 数组的长度 声明数组的方式 数组中可以存放任何值
JavaScript字符串类型属性和方法
摘要：字符串类型的属性和方法 属性： length ：获取字符串的长度 // 获取字符串的长度 let str = 'hello'; let len = str.length; console.log(len); // 5 通过索引值index访问字符串中的每个字符 索引值index从 0 开始 // 通
