JavaScript
文章平均质量分 63
_七七
delicate.
展开
-
JavaScript相关笔记
js相关面试题原创 2022-09-26 09:38:05 · 639 阅读 · 0 评论 -
Javascript 继承
继承是为了更大程度实现代码复用。原创 2023-08-29 15:29:04 · 151 阅读 · 0 评论 -
防抖处理this的两种方式
防抖处理this的两种方式。原创 2023-03-07 15:58:00 · 340 阅读 · 0 评论 -
JavaScript 根据指定年月获取该月的第一天和最后一天、获取上个月的年月、上个月月底日期
/取当前的年份 let month = date . getMonth();//取当前的月份 let d = new Date(new_year , new_month , 1);//取当年当月中的第一天 // 如果一个日期格式和一个毫秒相减,会变成一个时间毫秒戳 let lastDay = new Date(d . getTime() - 1000 * 60 * 60 * 24) . getDate();//获取当月最后一天日期。原创 2023-02-14 09:28:15 · 2201 阅读 · 0 评论 -
JavaScript 移动端网页特效、触屏事件
添加类:element . classList . add(’类名’)移除类:element . classList . remove(’类名’)切换类:element . classList . toggle(’类名’)原创 2022-10-12 12:12:33 · 122 阅读 · 0 评论 -
JavaScript 动画函数的封装、常见网页特效案例
回调函数原理:函数可以作为一个参数。将这个函数作为参数传到另一个函数里面,当那个函数执行完之后,再执行传进去的这个函数,这个过程就叫做回调。让动画一格一格的走,并且盒子每次移动的距离慢慢变小, 速度就会慢慢落下来。注意函数需要传递2个参数,动画对象和移动到的距离。可以让动画函数从 800 移动到 500。当我们点击按钮时候,判断步长是正值还是负值。注意,里面的x和y 不跟单位,直接写数字。回调函数写的位置:定时器结束的位置。如果是正值,则步长 往大了取整。如果是负值,则步长 向小了取整。原创 2022-10-12 11:24:09 · 130 阅读 · 0 评论 -
BOM对象:location 对象、navigator 对象、history 对象
统一资源定位符 (Uniform Resource Locator, URL) 是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的 URL,它包含的信息指出文件的位置以及浏览器应该怎么处理它。原创 2022-10-11 11:38:09 · 144 阅读 · 0 评论 -
JavaScript 本地存储、sessionStorage和localStorage
如果勾选记住用户名, 下次用户打开浏览器,就在文本框里面自动显示上次登录的用户名。// 当我们点击了之后,就可以把表单里面的值存储起来。// 当我们点击了之后,就可以把表单里面的值获取过来。// 当我们点击了之后,清除所有的。// 关闭浏览器失效。原创 2022-08-04 13:56:24 · 194 阅读 · 0 评论 -
BOM 概述、常见事件、定时器、执行机制
BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 window。BOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM 缺乏标准,JavaScript 语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C,BOM 最初是Netscape 浏览器标准的一部分。原创 2022-10-11 11:22:02 · 386 阅读 · 0 评论 -
JavaScript DOM的方法汇总(重要)
【代码】JavaScript DOM的方法汇总(重要)原创 2020-04-17 19:09:40 · 331 阅读 · 1 评论 -
JavaScript DOM:事件高级、监听机制、常用事件的分类、注册事件、删除事件、事件对象event、事件委托
事件监听机制概念:某些组件被执行了某些操作后,触发某些代码的执行。事件:某些操作。如:单击,双击,键盘按下了,鼠标移动了事件源:组件。如:按钮文本输入框…监听器:代码。注册监听:将事件,事件源,监听器结合在一起。当事件源上发生了某个事件,则触发执行某个监听器代码。常见的事件:点击事件:onclick :单击事件ondblclick :双击事件焦点事件on...原创 2020-04-21 13:25:22 · 558 阅读 · 1 评论 -
JavaScript 变量提升、预解析
对JS而言,只要变量是再同一个范围(同一函数)里,就视为已经声明,哪怕是在变量声明前就使用。JS允许在函数的任意地方声明多个变量,无论在哪里声明,效果都等同于在函数顶部声明。当先使用变量再在函数后面声明变量时可能会导致逻辑错误。这就是所谓的“提升”。原创 2022-10-09 15:24:07 · 220 阅读 · 0 评论 -
JS反选全选案例
【代码】JS反选全选案例。原创 2022-09-30 10:24:11 · 161 阅读 · 0 评论 -
JS根据对象属性值value排序 输出对应的key值数组
【代码】JS根据对象属性值value排序 输出对应的key值数组。原创 2022-09-29 00:04:32 · 908 阅读 · 0 评论 -
JavaScript DOM API中append和appendChild的不同点
append 接受Node对象和DOMString,而 .appendChild 只接受Node对象。与 .append 方法类似,该方法用于DOM中的元素,但在这种情况下,只接受一个Node对象。在可以使用 appendChild 的情况下,可以使用 append,但反过来不行。.append 没有返回值,而 .appendChild 返回附加的Node对象。这会将子元素追加到 div 元素,然后 div 看起来像这样。这会将子元素追加到 div 元素,然后 div 看起来像这样。原创 2022-09-28 14:46:22 · 936 阅读 · 0 评论 -
JavaScrip DOM:动画函数封装
JS动画函数封装原创 2022-08-04 09:30:20 · 70 阅读 · 0 评论 -
JavaScript DOM:轮播图实现
JS轮播图实现原创 2022-08-03 16:33:56 · 173 阅读 · 0 评论 -
JavaScript DOM:元素偏移量 offset 系列、元素可视区 client 系列、元素滚动 scroll 系列
offset、client、scroll、window.pageYOffset比较原创 2022-08-03 09:44:08 · 356 阅读 · 0 评论 -
JavaScript DOM: 盒子拖动mousedown、mousemove、mouseup、pageX、pageY、offsetLeft、offsetTop
H5\CSS\JS 盒子拖动mousedown、mousemove、mouseup、pageX、pageY、offsetLeft、offsetTop原创 2022-08-02 11:27:37 · 491 阅读 · 0 评论 -
JavaScript 注册时表单的校验
<style> .error{ color: red; } </style> <script> window.onload = function(){ //给表单绑定onsubmit事件 document.getElemen...原创 2020-04-21 18:40:23 · 153 阅读 · 0 评论 -
JavaScript 表格实现全选鼠标事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表格全选</ti...原创 2020-04-21 18:05:00 · 223 阅读 · 0 评论 -
JavaScript Global全局对象 encodeURI、decodeURI、encodeURIComponent、parseInt、 isNaN
Global全局对象特点:全局对象,这个Global中封装的方法不需要对象就可以直接调用。方法:encodeURI(): url编码decodeURI():url解码encodeURIComponent():url编码,编码的字符更多decodeURIComponent() :url解码var str = "百度"; var encode = encode...原创 2020-04-14 17:21:47 · 209 阅读 · 0 评论 -
JavaScript 正则表达式相关笔记
RegExp :正则表达对象正则表达式 : 定义字符串的组成规则。1.单个字符:[] 如: [a] [ab] [a-ZA-Z0-9_] 特殊符号代表特殊含义的单个字符: \d:单个数字字符[0-9] \w: 单个单词字符[a-ZA-Z0-9_]2.量词符号: ? :表示出现0次或1次 * :表示出现0次或多次 + ...原创 2020-04-14 15:07:51 · 293 阅读 · 0 评论 -
JavaScript 简单类型与复杂类型、堆和栈、简单类型的内存分配、复杂类型的内存分配、简单类型传参、复杂类型传参
函数的形参也可以看做是一个变量,当我们把一个值类型变量作为参数传给函数的形参时,其实是把变量在栈空间里的值复制了一份给形参,那么在方法内部对形参做任何修改,都不会影响到的外部变量。函数的形参也可以看做是一个变量,当我们把引用类型变量传给形参时,其实是把变量在栈空间里保存的堆地址复制给了形参,形参和实参其实保存的是同一个堆地址,所以操作的是同一个对象。1、栈(操作系统):由操作系统自动分配释放存放函数的参数值、局部变量的值等。引用类型变量(栈空间)里存放的是地址,真正的对象实例存放在堆空间中。原创 2022-10-10 15:04:48 · 76 阅读 · 0 评论 -
JavaScript 字符串对象、字符串相关方法
为了方便操作基本数据类型,JavaScript 还提供了三个特殊的引用类型:String、Number和 Boolean。基本包装类型就是把简单数据类型包装成为复杂数据类型,这样基本数据类型就有了属性和方法。原创 2022-10-10 14:51:20 · 65 阅读 · 0 评论 -
JavaScript Date日期对象、创建、日期格式化、toLocaleString、getTime
日期对象创建:var date = new Date(); var date =new Date();方法:toLocaleString():返回当前date对象对应的时间,本地字符串格式getTime():获取毫秒值。返回当前对象时间和1970年1月1日零点之间的毫秒值差document.write(date+"<br>");//Tue Apr 14 202...原创 2020-04-14 14:20:31 · 427 阅读 · 0 评论 -
JavaScript Math数学对象、random随机数参数、ceil向上取整、floor向下取整、round四舍五入、取1到100之间的整数
Math 对象不是构造函数,它具有数学常数和函数的属性和方法。跟数学相关的运算(求绝对值,取整、最大值等)可以使用 Math 中的成员。原创 2020-04-14 14:33:18 · 573 阅读 · 0 评论 -
JavaScript 对象、概述、创建、new一个对象的过程
现实生活中:万物皆对象,对象是一个具体的事物,看得见摸得着的实物。例如,一本书、一辆汽车、一个人可以是“对象”,一个数据库、一张网页、一个与远程服务器的连接也可以是“对象”。在 JavaScript 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。对象是由属性和方法组成的。属性:事物的特征,在对象中用属性来表示(常用名词)方法:事物的行为,在对象中用方法来表示(常用动词)原创 2022-10-10 10:18:31 · 495 阅读 · 0 评论 -
JavaScript 作用域、作用域链
通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。JavaScript(es6前)中的作用域有两种:全局作用域局部作用域(函数作用域)原创 2022-10-10 09:00:54 · 166 阅读 · 0 评论 -
JavaScript 数组、概念、创建数组、遍历数组、数组新增元素、数组相关方法
Array数组对象创建:1.var arr = new Array(元素列表);2.var arr = new Array(默认长度);3.var arr = [元素列表]; var arr1 = new Array(1,2,3); var arr2 = new Array(5); var arr3 = [1,2,3,4,5]; ...原创 2020-04-14 14:10:31 · 523 阅读 · 1 评论 -
JavaScript 函数Function、概念、使用、参数、返回值、arguments的使用
函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。原创 2020-04-13 16:29:59 · 1147 阅读 · 1 评论 -
JavaScript 99乘法表的实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>99乘法表</title> <style> td{ border: 1px solid ; ...原创 2020-04-13 15:57:52 · 745 阅读 · 0 评论 -
JavaScript 分支流程控制 if 、switch、循环for、while、do...while、continue和break
switch:在java中,switch语句可以接受的数据类型: byte int shor char,枚举(1.5) ,string(1.7)switch(变量):case值:在JS中, switch语句可以接受任意的原始数据类型 var a = 1; switch (a) { case 1: a...原创 2020-04-13 15:35:46 · 511 阅读 · 1 评论 -
JavaScript 三元运算符语法规则
判断表达式的值,如果是true则取值1,如果是false则取值2;原创 2020-04-13 15:21:34 · 1126 阅读 · 0 评论 -
JavaScript 逻辑运算符、短路运算、赋值运算符、运算符优先级
概念:逻辑运算符是用来进行布尔值运算的运算符,其返回值也是布尔值。后面开发中经常用于多个条件的判断。原创 2020-04-13 15:17:38 · 352 阅读 · 1 评论 -
JavaScript 算数运算符和比较运算符
【代码】JavaScript算数运算符和比较运算符。原创 2020-04-13 15:08:21 · 164 阅读 · 0 评论 -
JavaScript 递增和递减运算符(一元运算符)
一元运算符:只有一个运算数的运算符++,--,+(正号) -(负号)++(--) 在前,先自增(自减),再运算++(--) 在后,先运算,再自增(自减) var num = 3; var a = num++; document.write(num); //4 document.write(a); //3 +(-):正...原创 2020-04-13 14:54:06 · 242 阅读 · 0 评论 -
JavaScript 介绍、字面量、变量、数据类型、类型转换、常见错误
掌握 JavaScript 的引入方式,初步认识 JavaScript 的作用未定义是比较特殊的类型,只有一个值 undefined,只声明变量,不赋值的情况下,变量的默认值为 undefined,一般很少【直接】为某个变量赋值为 undefined。原创 2022-10-10 16:03:22 · 402 阅读 · 0 评论