![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Javascrip
人生本该如此
从头开始,但行好事,莫问前程
展开
-
Day18_Senior课堂笔记
Day18 JavaScript 高级笔记1 回顾1.1 垃圾回收机制- 引用计数 -- 标记清除 -1.2 执行上下文和执行栈① 执行上下文对象全局执行上下文对象:① 代码执行之前创建,将全局执行上下文对象赋值给 window② 预处理: 变量提升 函数提升 this 赋值③ 正式执行全局代码函数的执行上下文对象:① 调用函数的时候创建执行上下文对象② 预处理: 形参赋值 arguments 赋值 局部变量提升 局部函数提升 this 赋值(调原创 2021-09-11 20:34:19 · 141 阅读 · 1 评论 -
Day17_JavaScript高级课堂笔记
Day18 JavaScript 高级 笔记1 JavaScript 中的垃圾回收机制(GC)1.1 垃圾回收相关概念① 什么是垃圾没有被使用(引用)的数据(对象)就是垃圾。② 什么是垃圾回收把没有被引用的对象销毁,内存被释放,就是垃圾回收。C、C++ 等编程语言需要手动垃圾回收。Java、JavaScript、PHP、Python 等编程语言自动垃圾回收。③ 变量的生命周期(何时会被回收)如果一个变量或者属性的值指向某个对象(数据),该对象就是被引用的。如果变量的值不再指向某个对象,原创 2021-09-09 18:48:49 · 159 阅读 · 0 评论 -
Day16_DOM课堂笔记
Day16 DOM 笔记1 回顾1. 事件触发流程 捕获阶段 目标阶段 冒泡阶段2. 常用事件总结 2.1 鼠标事件: click dblclick contextmenu mousedown mouseup mosurmove mouseenter mouseleave 2.2 键盘事件 keydown keyup keypress 2.3 文档事件 load DOMContenLoaded原创 2021-09-08 19:53:47 · 110 阅读 · 0 评论 -
Day15_DOM课堂笔记
Day15 DOM 笔记1 回顾1.1 节点(元素)创建添加删除替换克隆1. 创建元素 document.createElement(); 2. 添加子节点 父元素.appendChild(新节点); 父元素.insertBefore(新节点, 旧节点) 3. 删除子节点 父元素.removeChild(要删除的节点); 4. 替换子节点 父元素.replaceChild(新节点, 旧节点); 5. 克隆节点 元素.cloneNode原创 2021-09-07 19:34:44 · 82 阅读 · 0 评论 -
Day14_DOM课堂笔记
Day14 DOM 笔记1 回顾 元素操作1. 元素的属性操作 1.1 读写内置属性 1.2 读写自定义属性 1.3 读写data-形式的自定义属性2. 元素的样式操作 2.1 读写元素的行内样式 元素.style.属性名 2.2 读取计算样式 getComputedStyle(元素).属性名 2.3 元素类名操作 className 2.4 元素类名操作 classList 元素.classList.add()原创 2021-09-06 19:31:46 · 89 阅读 · 0 评论 -
Day13_DOM课堂笔记
Day13 DOM 笔记1 回顾 元素的操作① 获取元素1. 根据 ID 名 document.getElementById() 2. 根据标签名 document.getElementsByTagName() 返回 HTMLCollection 对象 元素对象.getElementsByTagName() 3. 根据类名 document.getElementsByClassName() 返回 HTMLCollection 对象 元素对象.getE原创 2021-09-04 19:24:09 · 119 阅读 · 0 评论 -
Day12_DOM课堂笔记
Day12 JavaScript DOM 课堂笔记1 回顾1. window 属性: name、length、innerWidth、innerHeight 方法: alert()、confirm()、prompt()、 open()、close()、print()、scrollTo()、scrollBy() setInterval() clearInterval() setTimeout() clearTimeout()2. history 属性: leng原创 2021-09-03 18:52:00 · 73 阅读 · 0 评论 -
轮播图左右切换自动播放
1.轮播图布局,图片,左右箭头切换,下标序号,实现样式布局方法有很多,这个仅供参考<div class="box"> <ul class="img-wrapper"> <li class="img active"> <a href=""> <img src="./01.jpg" alt=""> ...原创 2021-09-02 16:09:09 · 1633 阅读 · 0 评论 -
Day11_BOM&DOM课堂笔记
Day11 BOM&DOM 笔记1 回顾1. 内置构造函数 Boolean2. 内置构造函数 Number toFixed()、toString() Number.MAX_VALUE、Number.MIN_VALUE3. 内置构造函数 String charAt()、indexOf()、lastIndexOf()、slice()、substring()、substr()、split()、toUpperCase()、toLowerCase()、charCodeAt()原创 2021-09-02 12:55:13 · 85 阅读 · 0 评论 -
Day10_JavaScript课堂笔记
Day10 JavaScript 内置对象JavaScript 内置了很多构造函数,如 Array、Number、String、Boolean、Function、Object 等。内置构造函数的实例,称为内置对象。内置构造函数本身的属性和方法以及内置构造函数实例的属性和方法。Array.from(); // 构造函数本身的属性var arr = [];[].push(); arr.push(); // 实例的属性内置对象的在线文档(MDN):https://developer原创 2021-09-01 19:36:40 · 70 阅读 · 0 评论 -
Day09_JavaScript课堂笔记
Day09 JavaScript 笔记1 回顾1.1 构造函数1. 构造函数的概念2. 构造函数和对象的关系 构造函数是对象的描述,对象是构造函数的实例3. 判断对象是否是构造函数的实例 运算符 instanceof 属性 constructor4. 自定义构造函数5. 实例化构造函数 new6. 原始类型数据的对象特性 Number、String、Boolean var num = 100; 100.constructor; /*原创 2021-08-31 21:04:16 · 88 阅读 · 0 评论 -
可拖动的元素窗口
学JS的第15天,今天案例,案例虽小,知识具全,类似于电脑窗口一样可拖动的元素,在视口中移动,需要的拿走不谢。//获取元素 var box = document.querySelector('.box'); //鼠标按下 box.onmousedown = function (event) { //获取鼠标在目标元素上的位置 var eLeft = event.offsetX; va原创 2021-08-30 21:59:00 · 116 阅读 · 0 评论 -
Day08_JavaScript课堂笔记
Day08 JavaScript 课堂案例1 回顾1. Object 对象的概念 Object 对象是值的无序集合 Object 对象由属性组成,属性由属性名和属性值组成,属性名用字符串表示,属性值可以是任意类型的数据 2. 创建 Object 对象 ① 直接量方式 {} ② Object 函数 ③ Object 构造函数 3. 对象属性的读写 . [] 4. 遍历对象的属性 for in 5. 删除对象的属性 del原创 2021-08-30 20:01:29 · 78 阅读 · 0 评论 -
Day07_JavaScript课堂笔记
Day07 JavaScript 笔记1 回顾1. 函数的参数 1.1 形参和实参 1.2 形参和实参数量 1.3 形参的默认值(可选参数) 1.4 arguments 2. 作用域和作用域链 2.1 作用域 2.2 作用域链 3. 变量提升 3.1 变量提升 3.2 函数提升 4. 匿名函数5. 立即执行的函数(自调用函数)2 函数2.1 回调函数① 什么是回调函数一个函数,如果满足以下三个条件,这个函数就是原创 2021-08-30 19:55:37 · 117 阅读 · 0 评论 -
Day06_JavaScript课堂笔记
Day06 JavaScript 课堂笔记1 回顾 数组1. 数组 值的有序集合, 由元素组成,元素有索引和值 对象类型中的一种2. 创建数组 []; Array(); new Array();3. 读写数组的元素 数组[索引]4. 稀疏数组5. 遍历数组6. 数组元素的添加和删除 添加元素: 数组[数组.length]、数组.push()、数组.unshfit()、数组.splice(位置, 0, 新元素...) 删除元素: 数组.length原创 2021-08-28 19:20:54 · 83 阅读 · 0 评论 -
网页电子时钟
如图就是一个简易的网页电子时钟,利用Javascript和 html和 css就可以制作<div class="wrapper"> <div class="time-box"> <div class="hour"></div> <div class="sec"></div> </div> <div class...原创 2021-08-25 21:27:49 · 2341 阅读 · 2 评论 -
Day05_JavaScript课堂笔记
Day05 JavaScript 笔记1 回顾1.1 条件语句(分支结构)1. 单向分支2. 双向分支3. 多向分支 else if4. 多向分支 switch case5. 嵌套分支1.2 循环语句(循环结构)1. while 循环2. do while 循环3. for 循环1.3 跳转语句1. break2. continue2 数组2.1 什么是数组1. 数组是值的有序集合2. 数组中的每个值(成员)称为元素(元素包括索引和值)3. 元素在数组中有位置,原创 2021-08-25 19:18:35 · 92 阅读 · 0 评论 -
Day04_JavaScript课堂笔记
Day04 JavaScript 笔记1 回顾1. 单向分支2. 双向分支3. 多向分支 else if4. 多向分支 switch case5. 嵌套分支2 循环语句2.1 while 循环while (条件表达式) { 语句; 语句; ...}循环成功的条件:1. 循环条件不能永远成立2. 随着循环次数增加,应该越来越趋向于不成立。2.2 do while 循环do { 语句; 语句; ....} while (条件表达式)原创 2021-08-24 20:08:20 · 108 阅读 · 0 评论 -
Day03_JavaScript课堂笔记
Day03 JavasScript 笔记1 回顾① 数据类型转换1. 转换规则 1.1 转为 number: string->number: 纯数字字符串转为对应的数字、空字符串转为0,其他转为NaN boolean->number: true转为1,false转为0 null->number: 0 undefined->number: NaN 1.2 转为 string: 1.3 转为 boolea原创 2021-08-23 19:33:21 · 96 阅读 · 0 评论 -
Day02_JavaScript课堂笔记
Day02 JavaScript 笔记1 回顾① JS 在 HTML 中的使用1. 行内式2. 内嵌式3. 外链式② JS 的基本语法1. 语法特点: 严格区分大小写 每条语句后面有指令结束符:分号或者换行 2. 注释 // /* */ 3. 输出内容 alert() document.write() console.log()③ 变量1. 数据、直接量、变量2. 变量的必要性: 数据重复使用、前后数据一致3. 变量的语法:原创 2021-08-20 20:19:11 · 106 阅读 · 0 评论 -
Day01_JavaScript课堂笔记
JavaScript Day01 笔记1 JavaScript 概述① JavaScript 的特点JavaScript 是一门动态的,弱类型的,解释型的,基于对象的脚本语言。动态: 程序执行的时候才会确定数据类型。 静态: 书写代码的时候提前确定数据类型。弱类型: 数据类型可以自动转换。 强类型: 数据类型无法自动转换。解释型: 边编译,边运行,开发效率更高。 编译型: 边编译,边运行,开发效率更高。**脚本:**一般都是可以嵌在其它编程语言当中执行。② javaScript 的运行环境原创 2021-08-16 20:32:26 · 95 阅读 · 0 评论 -
判断一个数是否为质数(素数)
/**封装函数方式 * 判断是否是质数 * @param 要判断的数字 * @return boolean true表示是质数、false表示不是质数 */ function isPrime(num) { // 循环 从2开始到num-1 for (var i = 2; i <= num - 1; i++) { // 判断 i 能否..原创 2021-08-16 20:00:16 · 528 阅读 · 0 评论 -
JS输出所有的水仙花数
for (var i = 100; i <= 999; i++) { var a = parseInt(i / 100); var b = parseInt((i - a * 100) / 10); var c = i % 10; if (a * a * a + b * b * b + c * c * c == i) { console.log(i); ..原创 2021-08-16 19:50:46 · 857 阅读 · 0 评论