人生本该如此-CSDN博客

原创 Day18_Senior课堂笔记

Day18 JavaScript 高级笔记1 回顾1.1 垃圾回收机制- 引用计数 -- 标记清除 -1.2 执行上下文和执行栈① 执行上下文对象全局执行上下文对象：① 代码执行之前创建，将全局执行上下文对象赋值给 window② 预处理：变量提升函数提升 this 赋值③ 正式执行全局代码函数的执行上下文对象：① 调用函数的时候创建执行上下文对象② 预处理：形参赋值 arguments 赋值局部变量提升局部函数提升 this 赋值（调

2021-09-11 20:34:19 125 1

原创 Day17_JavaScript高级课堂笔记

Day18 JavaScript 高级笔记1 JavaScript 中的垃圾回收机制（GC）1.1 垃圾回收相关概念① 什么是垃圾没有被使用（引用）的数据（对象）就是垃圾。② 什么是垃圾回收把没有被引用的对象销毁，内存被释放，就是垃圾回收。C、C++ 等编程语言需要手动垃圾回收。Java、JavaScript、PHP、Python 等编程语言自动垃圾回收。③ 变量的生命周期（何时会被回收）如果一个变量或者属性的值指向某个对象（数据），该对象就是被引用的。如果变量的值不再指向某个对象，

2021-09-09 18:48:49 120

原创 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 95

原创 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 75

原创 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 77

原创 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 94

原创 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 67

原创轮播图左右切换自动播放

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 1578

原创 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 75

原创 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 58

原创 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 70

原创可拖动的元素窗口

学JS的第15天，今天案例，案例虽小，知识具全，类似于电脑窗口一样可拖动的元素，在视口中移动，需要的拿走不谢。//获取元素 var box = document.querySelector('.box'); //鼠标按下 box.onmousedown = function (event) { //获取鼠标在目标元素上的位置 var eLeft = event.offsetX; va

2021-08-30 21:59:00 109

原创 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 70

原创 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 101

原创 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 61

原创网页电子时钟

如图就是一个简易的网页电子时钟，利用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 2208 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 74

原创 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 82

原创 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 63

原创 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 93

原创 Day01_JavaScript课堂笔记

JavaScript Day01 笔记1 JavaScript 概述① JavaScript 的特点JavaScript 是一门动态的，弱类型的，解释型的，基于对象的脚本语言。动态：程序执行的时候才会确定数据类型。静态：书写代码的时候提前确定数据类型。弱类型：数据类型可以自动转换。强类型：数据类型无法自动转换。解释型：边编译，边运行，开发效率更高。编译型：边编译，边运行，开发效率更高。**脚本：**一般都是可以嵌在其它编程语言当中执行。② javaScript 的运行环境

2021-08-16 20:32:26 71

原创判断一个数是否为质数（素数）

/**封装函数方式 * 判断是否是质数 * @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 511

原创 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 816

原创 Day15_CSS3课堂笔记

Day15 CSS3 笔记1 回顾多列布局设置给多列容器：column-countcolumn-widthcolumnscolumn-gapcolumn-rule-stylecolumn-rule-colorcolumn-rule-widthcolumn-rule设置给子元素column-span: none/all-webkit-column-break-inside: auto/avoid-webkit-column-break-before: auto/avoid/al

2021-08-14 16:35:09 75

原创 Day14_CSS3课堂笔记

Day14 CSS3 笔记1 回顾1. 变换1.1 变换相关 CSS 属性 transform transform-origin transform-style: preserve-3d perspective perspective-origin backface-visibility1.2 变换的方法 2D变换：位移：translateX() translateY() translate() 缩放：scaleX() scaleY() scale() 旋转：rotate()

2021-08-13 18:37:50 64

原创 for循环，制作九九乘法表

如图，三种形式的九九乘法表，通过改变循环变量的值产生不同的效果，第一个正常九九乘法表代码如下document.write('<table>');for(vari=1;i<=9;i++){document.write('<tr>')for(varj=1;j<=i;j++){document.write('<td...

2021-08-13 18:33:37 3292

原创尚品汇首页

利用浮动以及定位制作的尚品汇首页，虽然目前还没办法跟后端产生链接，HTML框架代码如下，代码内容篇幅太多，只能通过截图方式呈现，因为采用的是外链式CSS样式设置，所有并没有在此展示这是学了一个星期之后开始做到，花了差不多三个上午左右的时间完成的，如果对这个感兴趣可以评论，可以把所有的原代码贡献给需要的小伙伴这是一部分css样式设置的代码块，如果有高效的操作方法也欢迎一起来交流！！！...

2021-08-12 16:23:27 1020 5

原创 Day13_CSS3课堂笔记

Day13 CSS3 课堂笔记1 回顾1. CSS3 盒子模型相关样式 box-sizing: content-box / border-box box-shadow: 盒子阴影 opacity: 盒子的不透明度2. CSS3 新增背景属性 background-origin：padding-box / border-box / content-box background-clip: border-box / padding-box / content-box /

2021-08-12 15:25:46 70

原创 Day12_CSS3课堂笔记

Day12 CSS3 笔记1 CSS3 新增盒子模型相关样式① box-sizing 属性该属性可以调整给元素设置 width 和 height 是设置内容宽高还是元素总宽高，box-sizing 属性取值如下：content-box 默认值，width 和 height 设置的是内容宽高。border-box width 和 height 设置的元素的总宽高（内容+内边距+边框）② 盒子阴影 box-shadow使用 CSS 属性 box-shadow 可以设置元素的阴影，可以指定阴影

2021-08-11 18:30:58 65

原创 Day11_CSS3课堂笔记

Day11 HTML5&CSS3 课堂笔记1 HTML5 音视频1.1 音视频标签标签名功能和语义属性单标签还是双标签video视频src：设置视频文件的路径。width：设置视频宽度。height：设置视频高度。controls：显示控制条，无值。muted：设置默认静音，无值。autoplay：设置自动播放，无值。loop：设置循环播放，无值。preload：设置预先加载，无值。poster：设置封面图片的路径。双标签audio音频src：设置音频文

2021-08-11 18:15:55 56 1

原创 Day10_HTML5&CSS3课堂笔记

Day10 HTML5 课堂笔记1 HTML5 新增语义化标签1.1 新增页面结构标签标签名语义和功能属性单标签还是双标签header定义页面头部双标签footer定义页面脚部双标签nav定义导航条双标签section定义文章或页面中一部分双标签article定义文章、新闻或者帖子等双标签aside定义侧边栏双标签注意：main 标签表示主要内容，只有W3C标准规定了该标签！1.2 新增状态标签

2021-08-09 20:20:52 77

原创 Day09_CSS&页面布局课堂笔记

Day09 CSS&页面布局课堂笔记1 页面布局1.1 样式重置方案一： reset.css方案二： normalize.css1.2 版心PC页面布局需要一个版心，主要内容要限制在版心中，版心宽度固定，居中显示1.3 标题栏图标<link rel="shortcut icon" href="图片地址">icon 图标在线制作工具：http://www.ico51.cn/http://www.bitbug.net/2 定位2.1 相对定位① 如何设置相

2021-08-09 20:18:14 91

原创 Day08_CSS课堂笔记

Day08 CSS 课堂案例1 回顾1. 盒子模型 1.1 盒子模型的组成 1.2 内容 width/max-width/min-width height/max-height/min-height 1.3 内边距 padding/padding-left/padding-right/padding-top/padding-bottom 1.4 边框 border-style/border-color/border-width/border ... 1.5 外边距 marg

2021-08-06 20:58:13 65

原创 Day07_CSS课堂笔记

Day07 CSS 课堂笔记1 回顾1. CSS样式：背景 background-color background-image background-repeat background-position / background-position-x / background-position-y background-attachment background2. CSS样式：鼠标光标样式 cursor: pointer / move3. CSS样

2021-08-05 20:48:41 85

原创 Day06_CSS课堂笔记

Day06 CSS 课堂笔记1 回顾1. CSS 中的长度单位 px em 百分比2. CSS 中颜色设置方式颜色名 rgb() hex 十六进制方式3. CSS 四种基本选择器 ID选择器类选择器标签名选择器全局选择器4. 盒子模型元素的显示模式 4.1 三种显示模式： inline block inline-block 4.2 元素默认的显示模式 4.3 设置元素的显示模式 display5. CSS

2021-08-04 15:32:27 78

原创 Day05_CSS课堂笔记

Day05 CSS 课堂笔记1 CSS 长度和颜色设置1.1 CSS 中的长度单位px 像素em 字体大小的倍数% 百分比1.2 CSS 中的颜色设置方式① 使用颜色名表示颜色red、orange、yellow、green、cyan、blue、purple、pink、yellowgreen、deeppink....② rgb 方式表示颜色计算机三原色：红色、绿色、蓝色；计算机能够表示的颜色都可以通过三元色调制出来；r -> red; g -> green; b -&

2021-08-03 20:45:56 78

原创 Day04_HTML&CSS课堂笔记

Day04 HTML&CSS 课堂笔记1 回顾1.1 列表ul 无序列表，列表项前默认显示实心原点ol 有序列表，列表项前默认显示序号li 列表项dl 定义列表dtdd1.2 表格table 表格属性：width、height、border、cellspacing、cellpaddingcaption 表格标题thead 表格头属性： align、valigntbody 表格主体属性： align、valigntfoot 表格脚

2021-08-02 21:28:11 65

原创 Day03_HTML课堂笔记

Day03 HTML 课堂笔记1 回顾1.1 文本标签em 文本加强，默认斜体显示，只需把需要加强的文字套入该标签中strong 文本加强，默认粗体显示，同上ins 插入，多用于价格更新，默认有下划线，加粗del 文字删除线，用于价格删除，更新sup 上标字，用于数学公式，次方sub 下标字，用于化学表达式，例如水的化学表达式1.2 图片标签img 属性： src、alt、width、height1.3 相对路径和绝对路径绝对路径：完整的URL相对路径：参考当前文件

2021-08-01 21:06:27 141

原创 Day02_HTML课堂笔记

Day02 HTML 课堂笔记1 回顾1.1 HTML 基本语法① 文档声明<!doctype html>② 注释③ 如何掌握一个标签1. 标签的语义、功能2. 标签的属性以及属性值如何设置3. 单标签还是双标签1.2 HTML 标签① 主体结构标签html 根标签双head 页面头部双body 页面主体双② HEAD 中的标签meta 设置元信息属性：charset 单title 设置标题栏标

2021-08-01 20:57:35 98

原创 Day01_HTML课堂笔记

Day01 HTML 课堂笔记3 Markdown 的用法3.1 markdown 格式# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题* 列表项* 列表项* 列表项```代码块中的内容代码块中的内容```文本中需要**强调**的内容3.2 typora - markdown 编辑工具1. 视图 -> 源代码模式2. 视图 -> 大纲4 HTML 基本语法4.1 HTML 文件htm

2021-07-28 17:50:56 65