- 博客(68)
- 收藏
- 关注
原创 linux & git 常用命令
Liunx命令ls 查看当前文件夹下的文件 (list 单词的缩写 )cd 进入某一个文件夹内 (change directory 缩写)clear 清屏(也可以使用 ctrl + l 快捷键)mkdir 创建文件夹(make directory),创建多个文件夹用空格分割。touch 创建一个文件,创建多个文件用空格分割rm 删除文件或者目录 。如果要删除多个用空格分割rm one -r 删除目录(空目录,目录当中有内容)rmdir one 删除空目录onecat 查
2022-02-24 17:22:33
662
原创 git 命令 笔记
Git 介绍Git 是一款开源免费的分布式的版本控制系统,是一个应用程序。作用版本控制系统在项目开发中作用重大,主要的功能有以下几点代码备份版本回退协作开发权限控制下载安装下载地址 https://git-scm.com/安装方式与 QQ 安装相同,一路下一步,中间可以设置软件的安装路径。Linux 常用命令Linux 是一套开源免费的操作系统。与系统的交互通常用命令来实现,常用的命令有:ls 查看当前文件夹下的文件 (list 单词的缩写 )$ lsa
2022-02-24 17:22:06
758
原创 js - 执行上下文和执行栈和闭包
2 执行上下文和执行栈2.1 执行上下文① 全局执行上下文1. 全局代码正式执行之前,创建全局执行上下文对象,赋值给 window。2. 对全局的数据进行预处理 ① 所有使用 var 声明的全局变量进行提升,添加为 window 的属性。 ② 所有使用 function 关键字声明的函数进行提升,添加为 window 的方法。 ③ 给 this 赋值为 window3. 开始执行全局代码② 函数内的执行上下文1. 当函数被调用的时候,函数体内的代码执行之前,先创建函数的执行
2021-06-04 19:40:43
246
原创 JavaScript 中的垃圾回收机制(GC)
1 JavaScript 中的垃圾回收机制(GC)1.1 垃圾回收相关概念① 什么是垃圾没有被使用(引用)的对象就是垃圾。② 什么是垃圾回收没有被引用的对象被销毁,内存被释放,就是垃圾回收。C、C++ 等编程语言需要手动垃圾回收。Java、JavaScript、PHP、Python 等变成语言自动垃圾回收。③ 变量的生命周期(何时会被回收)全局变量: 整个脚本执行完毕,全局变量就被销毁。局部变量: 函数调用完毕,局部变量就被销毁。④ 垃圾没有及时回收的后果没有被及时回收的垃圾会常驻内
2021-06-04 19:39:31
5671
1
原创 js - 什么是原型,执行上下文以及闭包
二、函数高级1、原型与原型链1.1、prototype原型对象(显示原型对象)每个函数都有一个prototype属性, 它默认指向一个拥有constructor属性对象,该对象被称为原型对象,也被称作为显式原型对象。1.2、constructor(构造器)原型对象中有一个属性constructor, 它指向函数对象给原型对象添加属性(一般都是方法),函数的所有实例对象自动拥有原型中的属性(方法)1.2、__proto__(隐式原型对象)每个实例对象都有一个__p
2021-06-04 19:38:41
158
原创 js - 什么是函数?为什么要用函数?
4、函数4.1、 什么是函数函数是包裹在花括号中的代码块,前面使用了关键词function:当调用该函数时,会执行函数内的代码。可以在某事件发生时直接调用函数(比如当用户点击按钮时),并且可由JavaScript在任何位置进行调用。4.2、为什么要用函数提高代码复用便于阅读和交流4.3、函数的组成函数名:命名规则同变量名一致。函数体: 函数的内容,代码块。参数: 分为形参和实参。* 形参:声明函数的时候,给的参数, 类似于变量名;在声明函数的时候,参数是没有值。
2021-06-04 19:36:31
1405
原创 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
132
原创 JS基础深入复习与总结 - 数据类型
《JavaScript高级部分》(重要)张培跃 15101125517pc端项目lessjquerymongodbnodeexpresssession cookieajaxaxiosgulpwebpackes6JavaScript:是直译型的脚本语言。是一个动态类型,弱类型,基于原型的语言。需要通过解释器对语句进行翻译,而这个翻译官就是JS引擎。脚本语言:需要一个宿主。依赖于引擎,在浏览器当中执行。动态类型:类型是可以变化的。var a = 1;a = "abc
2021-05-31 19:51:08
186
3
原创 javaScript - DOM - DOM 对象深入分析
4 DOM 对象深入分析4.1 元素对象的原型链关系div元素 -> HTMLDivElement.prototype -> HTMLElement.prototype -> Element.prototype -> EventTarget.prototype -> Object.prototype4.2 事件对象的原型链关系鼠标事件对象 -> MouseEvent.prototype -> UIEvent.protptype -> Event.pr
2021-05-31 19:48:33
106
原创 javaScript - DOM - Event 对象
2 Event 对象2.1 获取 Event 对象1. 如果是第一种方式监听事件 使用关键字 event2. 如果是第二种方式或第三种方式监听事件, 回调函数自动接收参数,写个形参2.2 鼠标事件对象 MouseEvent 的属性和方法offsetX / offsetY 获取鼠标在目标元素上的位置pageX / pageY 获取鼠标在页面上的位置clientX / clientY 获取鼠标在视口上的位置screenX / screenY 获取鼠标在屏幕上的位置button
2021-05-31 19:47:27
279
1
原创 javaScript - DOM - 文档,表单,图片,动画过渡以及其他事件
1.3 文档事件load 文档加载完毕,监听到window上或者body元素DOMContentLoaded 文档加载完毕load 事件和 DOMContentLoaded 事件的区别:load 事件需等到页面中所有的一切(包括外部文件)加载完毕才能触发; DOMContentLoaded 事件只要页面中的元素加载完毕(不包括外部文件)就可以触发。DOMCOntentLoaded 只能使用 addEventListener 方法监听。1.4 表单事件submit 表单提交的时候触发
2021-05-31 19:46:06
85
原创 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
105
原创 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
57
原创 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
54
原创 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
68
原创 JavaScript - DOM
1 文档结构(元素关系)1.1 节点树childNodes 获取所有子节点组成的集合,是个NodeList类型的对象firstChild 获取第一个子节点lastChild 获取最后一个子节点parentNode 获取父节点previousSibling 获取前一个兄弟节点nextSibling 获取后一个兄弟节点1.2 元素树children 获取所有子元素组成的集合,是个HTMLCollection类型的对象firstElementChild 获取第一个子元素
2021-05-24 23:38:08
136
原创 Javascript - 内置构造函数
1 内置构造函数1. Boolean2. Number 实例的属性和方法: toFixed() toStirng() 构造函数本身的属性和方法: Number.MAX_VALUE Number.MIN_VALUE3. String 实例的属性和方法 length charAt() indexOf() lastIndexOf() slice() substring() substr()
2021-05-21 18:56:45
477
原创 总结-行内&行内块&块级元素的水平和垂直居中方法
行内&行内块&块级元素的水平和垂直居中方法总结行内元素<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
360
原创 JavaScript - 内置构造函数(内置对象)
3 内置构造函数(内置对象)在线文档:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects3.1 Boolean// 直接量方式创建布尔类型的数据true;false;// 使用 Boolean 构造函数创建布尔类型的数据new Boolean();// 使用 Boolean 函数创建布尔类型的数据Boolean();3.2 Number① 实例的属性和方法toFixed
2021-05-19 18:25:11
517
原创 JavaScript - 值类型和引用类型
2 值类型和引用类型2.1 值类型和引用类型的概念值类型: 原始类型的数据也是值类型,传值方式是值传递。引用类型: 对象类型的数据也是引用类型,传值方式是引用传递。2.2 值类型和引用类型的存储方式值类型: 值类型数据存储在栈结构中, 赋值的时候传递的就是数据本身。引用类型: 引用类型的数据,本身存储在堆结构中,栈结构中存的地址, 赋值的时候传递的是地址。2.3 不可变和可变不可变类型: 就是值类型或者原始类型,数据结构简单只能作为一个整体存在,无法改变数据中的一部分。可变类型: 就是引用
2021-05-19 18:24:25
55
原创 JavaScript - 关于原型的几个问题
1. 关于原型的几个问题① constructor1. 对象通过 construct 属性,能够获取对象的构造函数,但是不是所有的对象都是准确的2. 对象a 的 原型是对象 b 对象a本身上没有construct属性,使用的是原型上的属性,结果得到就是 a 的构造函数。 对象b本身山有constructor,值指向以自己为原型的对象(a)的构造函数。② instanceof1. 对象与自己的构造函数,成立2. 对象与它的原型链上的对象的构造函数,成立3. JS中所有的对象(除了修
2021-05-19 18:23:20
72
原创 JavaScript - 原型及原型链
4 原型4.1 原型的概念1. 每个对象都有原型, 原型也是一个对象类型的数据。2. 对象可以继承它原型上的属性和方法。4.2 如何获取对象的原型① 隐式原型方式对象.__proto__② 显示原型方式构造函数.prototype注意: 构造函数.protype 获取的是实例的原型!!!!!4.3 对象、构造函数、原型之间的关系① 对象和构造函数1. 对象是构造函数的实例,构造函数是对象的抽象(描述)。2. 一个构造函数对应多个对象,一个对象只能对应一个构造函数。②
2021-05-18 18:26:29
147
原创 JavaScript - this 介绍
3 this3.1 this 的含义this 就是 JS 中内置的一个变量,通常在函数中使用3.2 this 的指向(this的值)在构造函数中使用 this: this 的值是构造函数实例化出来的对象。在函数(方法)中使用 this: this 的值是调用该函数(方法)的对象。3.3 window 介绍1. JS 中有一个全局对象,所有的全局变量其实都是全局对象的属性,全局的函数其实是全局对象的方法2. 运行在浏览器上的JS,全局对象是 window3. 一打开页面,window 对象
2021-05-18 18:25:09
36
原创 JavaScript - 什么是构造函数?
2 构造函数2.1 什么是构造函数?1. 构造函数相当于其他编程语言里的类(ES6 中引入了类的概念)2. 每个对象都有与之对应的构造函数,构造函数描述对象的特性(属性和方法)3.2 构造函数和对象的关系1. 对象是构造函数的实例,构造函数是对象的抽象(描述)。2. 一个构造函数对应多个对象,一个对象只能对应一个构造函数。2.3 判断对象的构造函数① 运算符 instanceof对象 instanceof 构造函数;1. instanceof 是一个二元运算符。2. 组成的表达式
2021-05-18 18:23:59
364
原创 JavaScript - 什么是Object 对象
3 Object 对象广义的理解: 一切皆对象,数组、函数都是对象的一种。狭义的理解: Object 数据类型,是对象类型中的一种,与Array、Function是等价的。3.1 什么是 Object1. Object 是值的无序集合。2. Object 由多个属性组成, 每个属性有属性名也有属性值,属性名一般用字符串表示,属性值可以是任意类型的数据3. 如果某个属性的值是 function 类型的数据,可以称该属性为方法。3.2 如何声明 Object 类型的对象① 第一种 直接量方式
2021-05-17 18:30:17
1577
原创 JavaScript - 递归函数
2 递归函数① 什么是递归函数函数内部再次调用自己,成为函数的递归调用,这样的函数叫递归函数② 递归函数成功的条件1. 必须有明确地结束递归的条件2. 有一个趋向于结束递归调用的趋势③ 递归函数的缺点- 函数递归调用很容易发生灾难(内存泄漏)而调用失败。- 函数递归调用效率不高,能不用就不用。④ 递归函数应用场景- 后端的目录操作(删除、复制、剪切)- 前端中对后端数据进行递归处理...
2021-05-17 18:29:13
77
原创 JavaScript -函数总结
2 函数2.1 函数概述① 什么是函数1. 函数就是具有特定功能的代码块,可以被多次调用2. 函数是 JS 中的一种数据类型,属于对象类型; 使用 typeof 判断可以返回 function② 函数的作用1)解决代码的冗余问题,形成代码复用。2)可以把整个代码项目,进行函数模块化。3)封装代码,让函数内部的代码对外部不可见。③ 函数的组成函数名: 函数名本质上就是个变量,函数名的命名规则就是变量名的命名规则。参数: 参数本质上就是个变量,只能在函数内使用,在调用函数的时候才能
2021-05-17 18:28:14
379
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
334
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
106
原创 JavaScript - 跳转语句
3 跳转语句① break1. 在 switch case 结构中使用, break 能够跳出 case2. 在循环结构中(while、do while、for)使用, break 语句可以终止循环,循环没有下一次了。① continue1. 在循环结构中(while、do while、for)使用,continue 语句可以跳出本次循环,下一次循环继续。...
2021-05-13 18:21:12
251
原创 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
66
原创 JavaScript -分支结构
3 分支结构 (条件语句)3.1 单向分支if (条件表达式) { 语句 ...;}3.2 双向分支if (条件表达式) { 语句 ...;} else { 语句 ...;}3.3 多向分支 else ifif (条件表达式) { 语句 ...;} else if (条件表达式) { 语句 ...;} else if (条件表达式) { 语句 ...;} else if (条件表达式) { 语句 ...;} else { 语句
2021-05-12 19:00:11
68
原创 JavaScript - 运算符
4 运算符4.1 运算符和表达式① 运算符1. 运算符就是用于运算的符号, 像+、-、*、/ 等。2. 与运算符一起运算的数据(变量或者直接量或者表达式)称之为操作数。② 表达式1. 由运算符与数据组成的式子,称之为表达式; 表达式有一个计算结果,称为表达式的值。2. 最简单的表达式叫“原始表达式”,一个变量、一个直接量。3. 多个简单的表达式可以组成一个复杂的表达式。4. 有些表达式具有副作用,副作用指的是会改变参与运算的变量; 副作用由运算符决定。4.2 运算符的分类① 按照运
2021-05-11 18:51:18
65
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
367
原创 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
41
原创 JavaScript -变量
3 变量3.1 数据、直接量、变量**数据:**编程语言就是对数据进行运算,运算的结果还是数据。直接量: 直接使用数据就是直接量。变量: 给数据取个名字,就是变量。3.2 变量的意义对于结构复杂的数据,使用变量表示更便捷。通过变量可以把数据存储在内存中,保证每次使用的都是原来的那一个数据。3.3 变量的语法// 声明变量var 变量名;// 声明变量并且给变量赋值var 变量名 = 值;// 修改变量的值变量名 = 新的值;// 同时声明多个变量(简单写法)var
2021-05-11 18:36:31
34
原创 JavaScript-基本语法
1 JavaScript 概述① JavaScript 的特点JavaScript 是一门动态的,弱类型的,解释型的,基于对象的脚本语言。动态的: 数据类型无需提前指定,如: JavaScript、Python等。 静态的: 数据类型需要提前指定,如C、C++、Java 等。**弱类型: ** 数据类型可以自动转换,如JavaScript、PHP等。 强类型: 数据乐西无法自动转换,如C、C++、Python等解释型: 边编译,边运行,如JavaScript、PHP、Python等。 编译型
2021-05-11 18:35:04
78
原创 BFC
3 BFC3.1 什么是 BFCBlock 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
38
原创 媒体查询和响应式布局
2 媒体查询和响应式布局2.1 视口 viewport① 什么是视口视口就是浏览器显示网页的可视区域。视口是网页的初始包含块,视口是根元素的包含块。② 移动端视口和PC端视口PC端浏览器: 视口大小可以调整(通过调整浏览器窗口大小或者调整调试工具)。移动端视口: 移动端浏览器视口大小无法调整。③ 完美视口设置完美视口: 浏览器视口宽度与屏幕宽度一致,就称为完美视口。PC端浏览器视口本就是完美设置,无需设置。移动端浏览器视口,由于历史原因,默认并不是完美视口;不论屏幕宽多少,移动端浏
2021-05-08 18:07:21
855
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人