- 博客(68)
- 收藏
- 关注
RSS订阅原创 linux & git 常用命令
Liunx命令 ls 查看当前文件夹下的文件 (list 单词的缩写 ) cd 进入某一个文件夹内 （change directory 缩写） clear 清屏（也可以使用 ctrl + l 快捷键） mkdir 创建文件夹（make directory），创建多个文件夹用空格分割。 touch 创建一个文件，创建多个文件用空格分割 rm 删除文件或者目录 。如果要删除多个用空格分割 rm one -r 删除目录（空目录，目录当中有内容） rmdir one 删除空目录one cat 查
2022-02-24 17:22:33
782
原创 git 命令 笔记
Git 介绍 Git 是一款开源免费的分布式的版本控制系统，是一个应用程序。 作用 版本控制系统在项目开发中作用重大，主要的功能有以下几点 代码备份 版本回退 协作开发 权限控制 下载安装 下载地址 https://git-scm.com/ 安装方式与 QQ 安装相同，一路下一步，中间可以设置软件的安装路径。 Linux 常用命令 Linux 是一套开源免费的操作系统。与系统的交互通常用命令来实现，常用的命令有： ls 查看当前文件夹下的文件 (list 单词的缩写 ) $ ls a
2022-02-24 17:22:06
863
原创 js - 执行上下文和执行栈和闭包
2 执行上下文和执行栈 2.1 执行上下文 ① 全局执行上下文 1. 全局代码正式执行之前，创建全局执行上下文对象，赋值给 window。 2. 对全局的数据进行预处理 ① 所有使用 var 声明的全局变量进行提升，添加为 window 的属性。 ② 所有使用 function 关键字声明的函数进行提升，添加为 window 的方法。 ③ 给 this 赋值为 window 3. 开始执行全局代码 ② 函数内的执行上下文 1. 当函数被调用的时候，函数体内的代码执行之前，先创建函数的执行
2021-06-04 19:40:43
348
原创 JavaScript 中的垃圾回收机制（GC）
1 JavaScript 中的垃圾回收机制（GC） 1.1 垃圾回收相关概念 ① 什么是垃圾 没有被使用（引用）的对象就是垃圾。 ② 什么是垃圾回收 没有被引用的对象被销毁，内存被释放，就是垃圾回收。 C、C++ 等编程语言需要手动垃圾回收。 Java、JavaScript、PHP、Python 等变成语言自动垃圾回收。 ③ 变量的生命周期（何时会被回收） 全局变量： 整个脚本执行完毕，全局变量就被销毁。 局部变量： 函数调用完毕，局部变量就被销毁。 ④ 垃圾没有及时回收的后果 没有被及时回收的垃圾会常驻内
2021-06-04 19:39:31
5842
1
原创 js - 什么是原型，执行上下文以及闭包
二、函数高级 1、原型与原型链 1.1、prototype原型对象（显示原型对象） 每个函数都有一个prototype属性, 它默认指向一个拥有constructor属性对象，该对象被称为原型对象，也被称作为显式原型对象。 1.2、constructor(构造器) 原型对象中有一个属性constructor, 它指向函数对象 给原型对象添加属性(一般都是方法)，函数的所有实例对象自动拥有原型中的属性(方法) 1.2、__proto__（隐式原型对象） 每个实例对象都有一个__p
2021-06-04 19:38:41
236
原创 js - 什么是函数？为什么要用函数？
4、函数 4.1、 什么是函数 函数是包裹在花括号中的代码块,前面使用了关键词function:当调用该函数时,会执行函数内的代码。可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由JavaScript在任何位置进行调用。 4.2、为什么要用函数 提高代码复用 便于阅读和交流 4.3、函数的组成 函数名：命名规则同变量名一致。 函数体： 函数的内容，代码块。 参数： 分为形参和实参。 * 形参：声明函数的时候，给的参数， 类似于变量名；在声明函数的时候，参数是没有值。
2021-06-04 19:36:31
1641
原创 js - 数据、内存和变量
2、数据、内存和变量 2.1、什么是数据 存储在内存中代表特定的信息的东西，本质上是一串二进制组成的，如01110011… 数据的特点是：可传递（var a=2;var b=a;）、可运算(var c = a+b;) 万物皆数据，函数也是数据 内存中所有操作的目标：数据（如能进行算术、逻辑、赋值、运行函数…） // 所有的内容都是数据，只要是数据就会占用内存。 var str = "abcdefg";// 分配内存给字符串。 var obj = {};// 分配内存给对象。 var arr
2021-06-04 19:33:47
233
原创 JS基础深入复习与总结 - 数据类型
《JavaScript高级部分》（重要） 张培跃 15101125517 pc端项目 less jquery mongodb node express session cookie ajax axios gulp webpack es6 JavaScript:是直译型的脚本语言。是一个动态类型，弱类型，基于原型的语言。需要通过解释器对语句进行翻译，而这个翻译官就是JS引擎。 脚本语言：需要一个宿主。依赖于引擎，在浏览器当中执行。 动态类型：类型是可以变化的。 var a = 1; a = "abc
2021-05-31 19:51:08
308
3
原创 javaScript - DOM - DOM 对象深入分析
4 DOM 对象深入分析 4.1 元素对象的原型链关系 div元素 -> HTMLDivElement.prototype -> HTMLElement.prototype -> Element.prototype -> EventTarget.prototype -> Object.prototype 4.2 事件对象的原型链关系 鼠标事件对象 -> MouseEvent.prototype -> UIEvent.protptype -> Event.pr
2021-05-31 19:48:33
190
原创 javaScript - DOM - Event 对象
2 Event 对象 2.1 获取 Event 对象 1. 如果是第一种方式监听事件 使用关键字 event 2. 如果是第二种方式或第三种方式监听事件， 回调函数自动接收参数，写个形参 2.2 鼠标事件对象 MouseEvent 的属性和方法 offsetX / offsetY 获取鼠标在目标元素上的位置 pageX / pageY 获取鼠标在页面上的位置 clientX / clientY 获取鼠标在视口上的位置 screenX / screenY 获取鼠标在屏幕上的位置 button
2021-05-31 19:47:27
428
1
原创 javaScript - DOM - 文档，表单，图片，动画过渡以及其他事件
1.3 文档事件 load 文档加载完毕，监听到window上或者body元素 DOMContentLoaded 文档加载完毕 load 事件和 DOMContentLoaded 事件的区别： load 事件需等到页面中所有的一切（包括外部文件）加载完毕才能触发； DOMContentLoaded 事件只要页面中的元素加载完毕（不包括外部文件）就可以触发。 DOMCOntentLoaded 只能使用 addEventListener 方法监听。 1.4 表单事件 submit 表单提交的时候触发
2021-05-31 19:46:06
142
原创 javaScript - DOM - 常用事件（鼠标，键盘事件）
2 常用事件总结 2.1 鼠标事件 click 单击 dblclick 双击 contextmenu 右键单击 mouseover 鼠标进入元素，建议用 mouseenter 代替 mouseout 鼠标离开元素，建议用 mouseleave 代替 mouseenter 鼠标进入元素 mouseleave 鼠标离开元素 mousedown 鼠标按键按下 mouseup 鼠标按键抬起 mousemove 鼠标移动 1. mouseenter、mouseleave 与 mouseov
2021-05-28 19:53:27
182
原创 JavaScript - DOM -事件
3 事件 3.1 事件监听 ① 给元素监听事件的三种方式 第一种： 把事件作为HTML标签的属性 <button onclick="code..."></button> 第二种： 把事件作为元素对象的方法 元素对象.onclick = function() { code ... }; 第三种：使用 addEventListener 方法 元素对象.addEventListener('click', function() { code ... }); add
2021-05-26 19:21:06
113
原创 javaScript - DOM
DOM 知识体系 1. 五种类型的节点 2. 元素的操作 2.1 获取元素 2.2 根据文档关系获取元素 2.3 读写元素的属性 2.4 读写元素的样式 2.5 读写元素中的内容 2.6 获取元素的尺寸 2.7 获取元素的位置 2.8 读写元素中内滚动的距离 3. 节点的创建添加删除替换克隆 document.createElement() 父元素.appendChild() 父元素.insertBefore() 父元素.removeC
2021-05-26 19:19:41
112
原创 javaScript - DOM
1 元素的各种操作 1.1 获取元素 1. 根据元素的ID名 document.getElementById() 返回 null 或者元素对象 2. 根据元素的标签名 document.getElementsByTagName() 返回HTMLCollection类型的数据（伪数组） element.getElementsByTagName() 3. 根据元素的类名 document.getElementsByClassName() 返回HTMLCollection类型的数
2021-05-25 20:56:38
131
原创 JavaScript - DOM
1 文档结构（元素关系） 1.1 节点树 childNodes 获取所有子节点组成的集合，是个NodeList类型的对象 firstChild 获取第一个子节点 lastChild 获取最后一个子节点 parentNode 获取父节点 previousSibling 获取前一个兄弟节点 nextSibling 获取后一个兄弟节点 1.2 元素树 children 获取所有子元素组成的集合，是个HTMLCollection类型的对象 firstElementChild 获取第一个子元素
2021-05-24 23:38:08
220
原创 Javascript - 内置构造函数
1 内置构造函数 1. Boolean 2. Number 实例的属性和方法： toFixed() toStirng() 构造函数本身的属性和方法： Number.MAX_VALUE Number.MIN_VALUE 3. String 实例的属性和方法 length charAt() indexOf() lastIndexOf() slice() substring() substr()
2021-05-21 18:56:45
586
原创 总结-行内&行内块&块级元素的水平和垂直居中方法
行内&行内块&块级元素的水平和垂直居中方法总结 行内元素 <div class="box1"> <span>行内元素</span> </div> .box1{ width: 300px; height: 300px; border: 1px solid #000; text-align: center; //设置水平居中（给父元素设置） } .box1 span
2021-05-20 23:06:47
430
原创 JavaScript - 内置构造函数（内置对象）
3 内置构造函数（内置对象） 在线文档：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects 3.1 Boolean // 直接量方式创建布尔类型的数据 true; false; // 使用 Boolean 构造函数创建布尔类型的数据 new Boolean(); // 使用 Boolean 函数创建布尔类型的数据 Boolean(); 3.2 Number ① 实例的属性和方法 toFixed
2021-05-19 18:25:11
617
原创 JavaScript - 值类型和引用类型
2 值类型和引用类型 2.1 值类型和引用类型的概念 值类型： 原始类型的数据也是值类型，传值方式是值传递。 引用类型： 对象类型的数据也是引用类型，传值方式是引用传递。 2.2 值类型和引用类型的存储方式 值类型： 值类型数据存储在栈结构中， 赋值的时候传递的就是数据本身。 引用类型： 引用类型的数据，本身存储在堆结构中，栈结构中存的地址， 赋值的时候传递的是地址。 2.3 不可变和可变 不可变类型： 就是值类型或者原始类型，数据结构简单只能作为一个整体存在，无法改变数据中的一部分。 可变类型： 就是引用
2021-05-19 18:24:25
113
原创 JavaScript - 关于原型的几个问题
1. 关于原型的几个问题 ① constructor 1. 对象通过 construct 属性，能够获取对象的构造函数，但是不是所有的对象都是准确的 2. 对象a 的 原型是对象 b 对象a本身上没有construct属性，使用的是原型上的属性，结果得到就是 a 的构造函数。 对象b本身山有constructor，值指向以自己为原型的对象（a）的构造函数。 ② instanceof 1. 对象与自己的构造函数，成立 2. 对象与它的原型链上的对象的构造函数，成立 3. JS中所有的对象（除了修
2021-05-19 18:23:20
122
原创 JavaScript - 原型及原型链
4 原型 4.1 原型的概念 1. 每个对象都有原型， 原型也是一个对象类型的数据。 2. 对象可以继承它原型上的属性和方法。 4.2 如何获取对象的原型 ① 隐式原型方式 对象.__proto__ ② 显示原型方式 构造函数.prototype 注意： 构造函数.protype 获取的是实例的原型！！！！！ 4.3 对象、构造函数、原型之间的关系 ① 对象和构造函数 1. 对象是构造函数的实例，构造函数是对象的抽象（描述）。 2. 一个构造函数对应多个对象，一个对象只能对应一个构造函数。 ②
2021-05-18 18:26:29
215
原创 JavaScript - this 介绍
3 this 3.1 this 的含义 this 就是 JS 中内置的一个变量，通常在函数中使用 3.2 this 的指向（this的值） 在构造函数中使用 this： this 的值是构造函数实例化出来的对象。 在函数（方法）中使用 this： this 的值是调用该函数（方法）的对象。 3.3 window 介绍 1. JS 中有一个全局对象，所有的全局变量其实都是全局对象的属性，全局的函数其实是全局对象的方法 2. 运行在浏览器上的JS，全局对象是 window 3. 一打开页面，window 对象
2021-05-18 18:25:09
74
原创 JavaScript - 什么是构造函数？
2 构造函数 2.1 什么是构造函数？ 1. 构造函数相当于其他编程语言里的类（ES6 中引入了类的概念） 2. 每个对象都有与之对应的构造函数，构造函数描述对象的特性（属性和方法） 3.2 构造函数和对象的关系 1. 对象是构造函数的实例，构造函数是对象的抽象（描述）。 2. 一个构造函数对应多个对象，一个对象只能对应一个构造函数。 2.3 判断对象的构造函数 ① 运算符 instanceof 对象 instanceof 构造函数； 1. instanceof 是一个二元运算符。 2. 组成的表达式
2021-05-18 18:23:59
469
原创 JavaScript - 什么是Object 对象
3 Object 对象 广义的理解： 一切皆对象，数组、函数都是对象的一种。 狭义的理解： Object 数据类型，是对象类型中的一种，与Array、Function是等价的。 3.1 什么是 Object 1. Object 是值的无序集合。 2. Object 由多个属性组成， 每个属性有属性名也有属性值，属性名一般用字符串表示，属性值可以是任意类型的数据 3. 如果某个属性的值是 function 类型的数据，可以称该属性为方法。 3.2 如何声明 Object 类型的对象 ① 第一种 直接量方式
2021-05-17 18:30:17
1814
原创 JavaScript - 递归函数
2 递归函数 ① 什么是递归函数 函数内部再次调用自己，成为函数的递归调用，这样的函数叫递归函数 ② 递归函数成功的条件 1. 必须有明确地结束递归的条件 2. 有一个趋向于结束递归调用的趋势 ③ 递归函数的缺点 - 函数递归调用很容易发生灾难（内存泄漏）而调用失败。 - 函数递归调用效率不高，能不用就不用。 ④ 递归函数应用场景 - 后端的目录操作（删除、复制、剪切） - 前端中对后端数据进行递归处理 ...
2021-05-17 18:29:13
159
原创 JavaScript -函数总结
2 函数 2.1 函数概述 ① 什么是函数 1. 函数就是具有特定功能的代码块，可以被多次调用 2. 函数是 JS 中的一种数据类型，属于对象类型； 使用 typeof 判断可以返回 function ② 函数的作用 1）解决代码的冗余问题，形成代码复用。 2）可以把整个代码项目，进行函数模块化。 3）封装代码，让函数内部的代码对外部不可见。 ③ 函数的组成 函数名： 函数名本质上就是个变量，函数名的命名规则就是变量名的命名规则。 参数： 参数本质上就是个变量，只能在函数内使用，在调用函数的时候才能
2021-05-17 18:28:14
526
3
原创 JavaScript - 基本的穷举法，求水仙花数、阶乘、求和、找因数、找质数等
<!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js-穷举算法</title> 6 </head> 7 <body> 8 <script> 9 //找出能被num整除的所有数 10 var num=parseInt(prompt("请输入一
2021-05-14 20:20:17
465
2
原创 JavaScript - 数组
2 数组 2.1 什么是数组 数组是值的有序集合。 每个值叫做一个元素。 每个元素在数组中有一个位置, 以数字表示,称为索引 (有时也称为下标)。 数组的元素可以是任何类型。 数组索引从 0 开始, 最大为 2^32-2，数组最大能容纳 4294967294 个元素。 2.2 声明数组的方式 ① 直接量方式 []; // 空的数组 [100, 200, 300, '小乐', true, null, undefined, ['aa', 'bb']]; // 有 8 个元素的数组
2021-05-14 18:49:18
228
原创 JavaScript - 跳转语句
3 跳转语句 ① break 1. 在 switch case 结构中使用， break 能够跳出 case 2. 在循环结构中（while、do while、for）使用， break 语句可以终止循环，循环没有下一次了。 ① continue 1. 在循环结构中（while、do while、for）使用，continue 语句可以跳出本次循环，下一次循环继续。 ...
2021-05-13 18:21:12
355
原创 JavaScript - 循环语句
2 循环语句 2.1 while 循环 while (循环条件表达式) { 循环体语句 ...; } 总结： 循环条件不能永远都成立，否则造成死循环。 随着循环次数的增加，循环条件应该越来越趋向于不成立。 2.2 do while 循环 do { 循环体语句 ...; } while (循环条件表达式); while 结构与 do whle 结构的区别： do while 相比于 while，只是第一次循环没有条件判断，以后每一次都进行条件判断。 如果循环次数较多，使用 wh
2021-05-13 18:20:18
135
原创 JavaScript -分支结构
3 分支结构 （条件语句） 3.1 单向分支 if (条件表达式) { 语句 ...; } 3.2 双向分支 if (条件表达式) { 语句 ...; } else { 语句 ...; } 3.3 多向分支 else if if (条件表达式) { 语句 ...; } else if (条件表达式) { 语句 ...; } else if (条件表达式) { 语句 ...; } else if (条件表达式) { 语句 ...; } else { 语句
2021-05-12 19:00:11
139
原创 JavaScript - 运算符
4 运算符 4.1 运算符和表达式 ① 运算符 1. 运算符就是用于运算的符号， 像+、-、*、/ 等。 2. 与运算符一起运算的数据（变量或者直接量或者表达式）称之为操作数。 ② 表达式 1. 由运算符与数据组成的式子，称之为表达式； 表达式有一个计算结果，称为表达式的值。 2. 最简单的表达式叫“原始表达式”，一个变量、一个直接量。 3. 多个简单的表达式可以组成一个复杂的表达式。 4. 有些表达式具有副作用，副作用指的是会改变参与运算的变量； 副作用由运算符决定。 4.2 运算符的分类 ① 按照运
2021-05-11 18:51:18
125
1
原创 JavaScript - 数据类型及类型转换
2 数据类型 2.1 数据类型的划分 ① 原始类型 number 数值类型 string 字符串类型 boolean 布尔类型 undefined 未定义类型 null 空类型 ② 对象类型 Array 数组类型 Object 对象类型 Function 函数类型 .... 2.2 判断数据的类型 typeof() 注意（特殊现象）： 使用 typeof 判断 null 的数据类型，返回的是 object。 2.3 number 数值类型 ① 整型 整型就是整数的数字。 数字直接
2021-05-11 18:49:55
509
原创 JavaScript - 数据类型
4 数据类型 4.1 数据类型的划分 ① 原始类型 number 数值类型 string 字符串类型 boolean 布尔类型 undefined 未定义类型 null 空类型 ② 对象类型 Array 数组类型 Object 对象类型 Function 函数类型 .... 4.2 判断数据的类型 typeof() 4.3 number 数值类型 ① 整型 整型就是整数的数字。 数字直接量有十进制表示法，八进制表示法以及十六进制表示法。 892; // 10 进制表示法 065;
2021-05-11 18:37:39
88
原创 JavaScript -变量
3 变量 3.1 数据、直接量、变量 **数据：**编程语言就是对数据进行运算，运算的结果还是数据。 直接量： 直接使用数据就是直接量。 变量： 给数据取个名字，就是变量。 3.2 变量的意义 对于结构复杂的数据，使用变量表示更便捷。 通过变量可以把数据存储在内存中，保证每次使用的都是原来的那一个数据。 3.3 变量的语法 // 声明变量 var 变量名; // 声明变量并且给变量赋值 var 变量名 = 值; // 修改变量的值 变量名 = 新的值; // 同时声明多个变量（简单写法） var
2021-05-11 18:36:31
75
原创 JavaScript-基本语法
1 JavaScript 概述 ① JavaScript 的特点 JavaScript 是一门动态的，弱类型的，解释型的，基于对象的脚本语言。 动态的： 数据类型无需提前指定，如: JavaScript、Python等。 静态的： 数据类型需要提前指定，如C、C++、Java 等。 **弱类型： ** 数据类型可以自动转换，如JavaScript、PHP等。 强类型： 数据乐西无法自动转换，如C、C++、Python等 解释型： 边编译，边运行，如JavaScript、PHP、Python等。 编译型
2021-05-11 18:35:04
147
原创 BFC
3 BFC 3.1 什么是 BFC Block Formatting Context 简称 BFC，中文翻译为 块级格式上下文。 ① W3C 中对 BFC 的定义 Floats, absolutely positioned elements, block containers (such as inline-blocks, table-cells, and table-captions) that are not block boxes, and block boxes with ‘overflow’ ot
2021-05-08 18:08:08
98
原创 媒体查询和响应式布局
2 媒体查询和响应式布局 2.1 视口 viewport ① 什么是视口 视口就是浏览器显示网页的可视区域。 视口是网页的初始包含块，视口是根元素的包含块。 ② 移动端视口和PC端视口 PC端浏览器： 视口大小可以调整（通过调整浏览器窗口大小或者调整调试工具）。 移动端视口： 移动端浏览器视口大小无法调整。 ③ 完美视口设置 完美视口： 浏览器视口宽度与屏幕宽度一致，就称为完美视口。 PC端浏览器视口本就是完美设置，无需设置。 移动端浏览器视口，由于历史原因，默认并不是完美视口；不论屏幕宽多少，移动端浏
2021-05-08 18:07:21
966
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人