- 博客(103)
- 收藏
- 关注
RSS订阅原创 Fetch发送请求 + 解决跨域问题
目录fetch的基本用法：使用fetch发送get请求：使用fetch发送post请求：解决跨域问题：fetch()方法提供了一种简单，合理的方式来跨网络异步获取资源。可以使用fetch向服务器发送get请求或post请求来获取数据fetch的基本用法：fetch('/url').then(data=>{ return data.text();}).then(ret=>{ //注意，这里才是得到的最终数据 console.log(ret);});使
2022-04-22 16:30:43
13976
原创 MySQL — 数据库的基本概念、安装并配置MySQL、MySQL的基本使用、在项目中操作MySQL、前后端的身份认证
目录一、数据库的基本概念1.什么是数据库2.常见的数据库及分类3.传统型数据库的数据组织结构(1).Excel的数据组织结构(2).传统型数据库的数据组织结构(3).实际开发中库、表、行、字段的关系二、安装并配置MySQL1. 了解需要安装哪些MySQL相关的软件2.MySQL 在 Windows 环境下的安装三、MySQL的基本使用1.创建数据表2.使用 SQL 管理数据库1. 什么是 SQL(2). SQL 能做什么(3). SQL ...
2022-03-12 17:20:23
2810
1
原创 Node.js — 使用Express写接口、CORS跨域资源共享、JSONP接口
目录一、使用Express写接口1.创建基本的服务器2.创建API路由模块3.编写GET接口4.编写POST接口5.CORS跨域资源共享(1).接口的跨域问题(2).使用 cors 中间件解决跨域问题(3).什么是 CORS(4).CORS 的注意事项(5). CORS 响应头部 - Access-Control-Allow-Origin(6). CORS 响应头部 - Access-Control-Allow-Headers(7). CORS 响应头部-
2022-03-11 11:04:06
529
原创 Node.js — Express中间件、中间件的使用、分类与自定义
目录1.中间件的概念(1).什么是中间件(2).现实生活中的例子(3).Express中间件的调用流程(4).Express中间件的格式(5).next函数的作用2.Express中间件的初体验(1).定义中间件函数(2).全局生效的中间件(3).定义全局中间件的简化形式(4).中间件的作用(5).定义多个全局中间件(6).局部生效的中间件(7).定义多个局部中间件(8).了解中间件的5个使用注意事项3.中间件的分类(1).应用...
2022-03-10 23:28:04
621
原创 Node.js — 初识Express、托管静态资源、Express路由
目录一、初识Express1.什么是Express(1).进一步理解Express(2).Express能做什么2.Express的基本使用(1).安装(2).创建基本的Web服务器(3).监听GET请求(4).监听post请求(5).把内容响应给客户端(6).获取URL中携带的查询参数(7).获取URL中的动态参数3.托管静态资源(1).express.static()(2).托管多个静态资源目录(3).挂载路径前缀4.nodemo...
2022-03-10 15:56:28
932
原创 Node.js — 模块化的基本概念、Node.js中模块化、npm与包、模块的加载机制
目录一、模块化的基本概念1.什么是模块化2.编程领域中的模块化3.模块化规范二、Node.js中模块化1.Node.js中模块的分类2.加载模块3.Node.js中的模块作用域(1).什么是模块作用域(2).模块作用域的好处4.向外共享模块作用域中的成员(1).module对象(2).module.exports对象(3).共享成员时的注意点(4).exports对象(5).exports 和 module.exports 的使用误区...
2022-03-09 17:27:06
177
原创 Node.js — Node.js介绍、fs模块、path模块、http模块
目录一、什么是Node.js二、Node.js可以做什么？三、Node.js环境的安装1.区分LTS版本和Current版本的不同2.查看已经安装的Node.js版本号3.什么是终端4.在node.js环境中执行JavaScript代码四、fs文件系统模块1.什么是fs文件系统模块2.读取指定文件中的内容(1).fs.readFile()的语法格式(2).fs.readFile()的示例代码(3).判断文件是否读取成功3.向指定的文件中写入内容(.
2022-03-08 11:15:59
1019
原创 ES7、ES8、ES9、ES10、ES11 新特性 总结
目录ES7新特性一、Array.prototype.includes二、指数操作符ES8新特性一、async 和 await1.async 函数2.await 表达式async和await结合读取文件：二、Object.values 和 Object.entriesES9新特性一、Rest/Spread 属性二、正则表达式命名捕获组三、正则表达式反向断言四、正则表达式 dotAll 模式ES10新特性一、Object.fromE...
2022-03-03 01:11:11
2364
原创 ES6新特性 — 迭代器、生成器、Promise、Set、Map、Class类、数值和对象的扩展、模块化
目录一、迭代器迭代器自定义遍历对象案例二、生成器生成器函数的参数生成器函数的两个实例：三、Promise实例化Promise对象Promise 读取文件四、Set数组去重：交集：并集差集五、Map六、class 类知识点：类的静态成员类的继承class的get和set七、数值扩展1.Number.EPSILON2. 二进制和八进制3. Number.isFinite() 与 Number.isNaN()...
2022-03-02 00:51:34
300
原创 ES6新特性 — let、const、解构赋值、模板字符串、简化对象、箭头函数、rest参数、spread扩展运算符、Symbol
目录ES介绍什么是ECMA？什么是 ECMAScript？什么是 ECMA-262？谁在维护 ECMA-262？为什么要学习 ES6？ECMAScript 6 新特性一、let 关键字在for循环表达式中使用var声明表达式变量在for循环表达式中使用let声明表达式变量二、const 关键字三、变量的解构赋值(1).数组的解构(2).对象的解构四、模板字符串五、简化对象写法六、箭头函数七、rest 参数八、spread 扩展...
2022-02-28 22:45:42
600
2
原创 Jquery对象、Jquery选择器、Jquery Dom操作及事件
目录一、Jquery的下载与安装1.下载及其版本2.安装3.优点二、Jquery核心三、DOM对象与Jquery包装集对象1.DOM对象2.Jquery包装集对象3.DOM对象转jQuery对象4.jQuery对象转DOM对象四、jQuery选择器1.基础选择器2.层次选择器3.表单选择器五、jQuery Dom操作1.操作元素的属性 (1).获取属性 (2).设置属性 (3).移除属性2.操作元素的样式3.操...
2022-02-27 21:46:38
1301
原创 JavaScript — 线程机制与事件机制
目录一、进程与线程1.进程2.线程3.相关知识4.相关问题二、浏览器内核三、定时器相关问题 1.定时器真的是定时执行的吗？ 2.定时器回调函数是在分线程执行的吗？ 3.定时器是如何实现的？四、JS是单线程的 1.如何证明JS执行是单线程的？ 2.为什么JS要用单线程模式，而不用多线程模式 3.代码的分类： 4.JS引擎执行代码的基本流程五、事件循环模型 1.所有代码分类 2.JS引擎...
2022-02-25 15:52:50
771
原创 JavaScript — 对象创建模式与继承模式
目录一、对象创建模式方式一：Object构造函数模式方式二：对象字面量模式方式三：工厂模式方式四：自定义构造函数模式方法五：构造函数+原型的组合模式二、继承模式方式一：原型链继承方式二：借用构造函数继承（假的）方式三：原型链+借用构造函数的组合继承一、对象创建模式方式一：Object构造函数模式套路：先创建空Object对象，再动态添加属性/方法适用场景：起始时不确定对象内部数据问题：语句太多...
2022-02-24 22:31:21
107
原创 JavaScript — 闭包、闭包的作用、生命周期、自定义JS模块
目录一、理解闭包1.如何产生闭包？2.闭包到底是什么？3.产生闭包的条件？4.常见的闭包二、闭包的作用三、闭包的生命周期四、闭包的应用——自定义JS模块五、闭包的缺点及解决1.缺点2.解决一、理解闭包1.如何产生闭包？当一个嵌套的内部（子）函数引用了嵌套的外部（父）函数的变量（函数）时，就产生了闭包2.闭包到底是什么？*使用chrome调试查看*理解一：闭包是嵌套的内部函数（绝大部分人）*理解二：包含被引用变量（函数）的..
2022-02-24 17:24:36
974
2
原创 JavaScript — 变量提升与函数提升、执行上下文、作用域
目录一、变量提升与函数提升1.变量声明提升2.函数声明提升3.问题：变量提升和函数提升是如何产生的？二、执行上下文1.代码分类2.全局执行上下文3.函数执行上下文三、执行上下文栈四、作用域1.理解2.分类3.作用五、作用域与执行上下文1.区别12.区别23.联系六、作用域链1.理解2.查找一个变量的查找规则一、变量提升与函数提升1.变量声明提升 通过var定义（声明）的变量，在定...
2022-02-22 23:22:20
510
原创 JavaScript — 显式原型和隐式原型、原型链、探索instanceof
目录一、原型（prototype）1.函数的prototype属性2.给原型对象添加一个属性（一般是方法）二、显式原型和隐式原型三、原型链1.原型链2.构造函数/原型/实体对象的关系3.属性问题四、探索instanceof一、原型（prototype）1.函数的prototype属性每个函数都有一个prototype属性，它默认指向一个Object空对象（即成为：原型对象）原型对象中有一个属性constructor，它指向函数对象...
2022-02-21 21:59:17
501
原创 JavaScript — 对象、回调函数、IIFE、函数中的this
目录一、对象1.什么是对象？2.为什么要用对象？3.对象的组成4.如何访问对象内部数据二、函数1.什么是函数？2.为什么要用函数？3.如何定义函数？4.如何调用（执行）函数？三、回调函数1.什么函数才是回调函数？2.常见的回调函数？四、IIFE1.理解2.作用五、函数中的this1.this是什么？2.如何确定this的值？关于分号的问题： 一、对象1.什么是对象？ 多个数据的封装体 ...
2022-02-20 16:50:27
401
原创 JavaScript — 数据类型的判断、数据，变量与内存之间的关系
目录一、数据类型的判断1.typeof2.instanceof3.===基本数据类型的判断示例对象的判断示例二、三个问题1.null与undefined的区别？2.什么时候给变量赋值为null呢？3.严格区别变量类型与数据类型？三、数据、变量、内存1.什么是数据2.什么是内存3.什么是变量4.内存、数据、变量三者之间的关系Q&A一、数据类型的判断数据类型分为基本类型和对象类型。基本类型有 String、Number、B
2022-02-19 18:52:27
659
原创 JavaScript — BOM 和 JSON
目录一、BOM浏览器对象模型1.Navigator2.History3.Location4.Screen5.Window(1).setInterval()(2).clearInterval()(3).延时调用 — setTimeout() 与clearTimeout()二、JSON （JavaScript Object Notation JS对象表示法）JSON分类JSON中允许的值一、BOM浏览器对象模型BOM可以使我们通过JS来...
2022-02-18 21:50:50
584
原创 JavaScript — 浏览器事件、冒泡和捕获、事件委托
目录一、浏览器事件1.事件处理程序2.addEventListener(1).添加处理程序(2).移除处理程序3.事件对象4.对象处理程序handleEvent二、冒泡和捕获1.冒泡2.event.target3.停止冒泡4.捕获三、事件委托一、浏览器事件事件是某事发生的信号。所有的 DOM 节点都生成这样的信号（但事件不仅限于 DOM）。以下列举出了一些DOM事件鼠标事件：click—— 当鼠标点击一个元素时（触摸屏设备会...
2022-02-16 23:54:53
929
原创 JavaScript — 样式和类、元素的大小和滚动、Window大小和滚动、坐标
目录一、样式和类1.className 和 classList2.元素样式3.重置样式属性4.计算样式：getComputedStyle()5.计算值和解析值二、元素的大小和滚动三、Window大小和滚动1.几何2.滚动四、坐标一、样式和类通常有两种设置元素样式的方式：在 CSS 中创建一个类，并添加它：<div class="..."> 将属性直接写入style：<div style="...">。JavaScri...
2022-02-16 14:48:24
302
原创 JavaScript — DOM的增删改查、节点、事件、文档的加载
目录一、DOM二、节点三、事件四、文档的加载五、DOM查询1.获取元素节点2.获取元素节点的子节点3.获取父节点和兄弟节点4. 其他DOM查询的方法常用搜索方法总结：5.matches()与closest()六、DOM的增删改创建新节点的方法插入和移除节点的方法七、DocumentFragment一、DOMDOM，全称Document Object Model 文档对象模型。JS中通过DOM来对HTML文档进行操作。只要理解了DOM..
2022-02-15 19:51:21
1398
原创 JavaScript — 正则表达式
目录一、认识正则表达式二、使用字面量来创建正则表达式三、字符串和正则表达式相关的方法1.split()2.search()3.match()4.replace()四、正则表达式语法量词检查一个字符串是否以a开头检查一个字符串中是否含有.一、认识正则表达式正则表达式用于定义一些字符串的规则，计算机可以根据正则表达式来检查一个字符串是否符合规则，获取将字符串中符合规则的内容提取出来 创建正则表达式的对象 ...
2022-02-13 20:50:10
208
原创 JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
目录一、call()和apply()二、arguments三、Date对象1.创建Date对象2.相关方法四、Math1.Math.abs()2.Math.ceil()3.Math.floor()4.Math.round()5.Math.random()6.Math.max()、Math.min()7.Math.pow()8.Math.sqrt()五、包装类六、字符串的方法charAt()charCodeAt()Strin...
2022-02-10 21:59:13
583
原创 JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
目录一、数组（Array）1.创建数组对象2.向数组中添加元素3.读取数组中的元素4.获取数组的长度5.修改length6.向数组最后一个位置添加元素二、数组字面量三、数组的方法1.push()2.pop()3.unshift()4.shift()5.slice()6.splice()7.concat()8.join()9.reverse()10.sort()四、数组的遍历五、forEach()一、数组（Array）..
2022-02-06 20:27:54
1227
原创 JavaScript — 原型与原型链、垃圾回收
目录一、原型 1.原型prototype 2.constructor 3.原型链 4. in 和 hasOwnProperty()二、垃圾回收(GC) 1.可达性 2.两个引用 3.相互关联的对象 4.内部算法一、原型 1.原型prototype我们所创建的每一个函数，解析器都会向函数中添加一个属性 prototype ，这个属性对应着一个对象，这个对象就是我们所谓的原型对象。如果函数作为普通函数调...
2022-02-05 19:52:52
577
原创 JavaScript — this关键字、使用工厂方法创建对象、构造函数
目录一、this关键字二、使用工厂方法创建对象三、构造函数instanceof一、this关键字解析器在调用函数每次都会向函数内部传递进一个隐含的参数， 这个隐含的参数就是this，this指向的是一个对象， 这个对象我们称为函数执行的上下文对象，根据函数的调用方式的不同，this会指向不同的对象1.以函数的形式调用时，this永远都是window2.以方法的形式调用时，this就是调用方法的那个对象举个例子： ...
2022-01-31 22:35:57
1136
原创 JavaScript — 函数创建、参数、返回值、作用域
目录一、创建函数初识函数：1.构造函数方法创建函数2.使用函数声明创建函数3.使用函数表达式创建函数二、函数的参数三、函数的返回值四、作用域 1.全局作用域 2.函数作用域一、创建函数初识函数： 函数也是一个对象，函数中可以封装一些功能（代码），在需要时可以执行这些功能（代码），函数中可以保存一些代码在需要的时候调用。使用typeof检查一个函数对象时，会返回function1.构造函数方法创建函数...
2022-01-31 12:42:46
837
原创 JavaScript — 数据类型之 Object（对象）
目录对象的分类一、创建对象1.使用构造函数创建2.使用对象字面量创建二、属性名和属性值属性名：计算属性：属性值：属性值简写：三、属性的增删改查 1.向对象添加属性 2.读取对象中的属性 3.修改对象中的属性 4.删除对象中的属性四、基本数据类型和引用数据类型五、for...in 循环对象属于一种复合的数据类型，在对象中可以保存多个不同数据类型的属性。对象是具有一些特殊特性的关联数组。它们存储属性...
2022-01-28 16:05:34
3782
1
原创 JavaScript — 代码块、流程控制语句（条件判断语句、条件分支语句、循环语句）
目录一、代码块二、流程控制语句 1.条件判断语句 (1).语法一 (2).语法二 (3).语法三 2.条件分支语句 3.循环语句 (1).while循环 (2).do...while循环 (3).for循环 4.break和continue (1).break (2).continue (3).计时器一、代码块...
2022-01-27 16:43:16
862
原创 JavaScript — 逻辑运算符、关系运算符、相等运算符、条件运算符
目录一、逻辑运算符 1. ! 非 2. && 与 3. || 或 4. && || 非布尔值的情况 (1).与运算 (2).或运算二、关系运算符 1. > 大于号 2. >= 大于等于 3. < 小于号 4. <= 小于等于 5.非数值的情况三、相等运算符 1. == 2. != 3. === 4. !==四、条件运算符...
2022-01-26 16:49:09
1588
原创 JavaScript — 强制类型转换、基础运算符
目录一、强制类型转换 1.将其他的数据类型转换为String (1).方式一 (2).方式二 2.将其他数据类型转换为Number (1).方式一：使用Number()函数 (2).方式二：这种方式用于字符串转换 3.将其他的数据类型转换为Boolean (1).方法一：使用Boolean()函数 (2).方法二：隐式类型转换二、基础运算符 1.常用术语 ...
2022-01-25 23:04:17
565
原创 JavaScript — 数据类型介绍
目录BigInt类型Boolean类型Null与Undefinedobject类型与 symbol类型Number类型String类型数据类型指的就是字面量的类型JavaScript 中有八种基本的数据类型（前七种为基本数据类型，也称为原始类型，而 object 为复杂数据类型）。number用于任何类型的数字：整数或浮点数，在 ±(253-1) 范围内的整数。 bigint 用于任意长度的整数。 string 用于字符串：一个字符串可以包含 0 个或多个字符，所以.
2022-01-24 17:27:18
499
1
原创 JavaScript — 数据类型之 Number数字类型
目录数字类型 1.编写数字的更多方法 2.十六进制、二进制、八进制数字 3.toString(base)方法 4.舍入 5. isNaN 和 isFinite 6. parseInt 和 parseFloat 7.其他数学函数 (1).Math.random (2).Math.max(a,b,c...) 和 Math.min(a,b,c...)(3).Math.pow(n,power)数据类型指...
2022-01-24 11:43:55
4875
原创 JavaScript — 数据类型之 String字符串
目录String字符串 1.引号 2.转义字符 3.字符串长度 4.访问字符 5. 改变大小写 6.查找子字符串 (1).str.indexOf() (2).includes、startsWith、endsWith 7.获取子字符串 (1).str.slice(start [, end]) (2).str.substring(start [, end]) (3)....
2022-01-23 20:18:57
951
原创 JavaScript — 字面量、常量、变量、标识符
目录一、字面量二、常量三、变量 1.变量的理解 2.变量命名 3.正确命名变量四、标识符一、字面量在计算机科学中，字面量（literal）是用于表达源代码中一个固定值的表示法（notation）。几乎所有计算机编程语言都具有对基本值的字面量表示，诸如：整数、浮点数以及字符串；而有很多也对布尔类型和字符类型的值也支持字面量表示；还有一些甚至对枚举类型的元素以及像数组、记录和对象等复合类型的值也支持字面量表示法。字面量都是一些不可...
2022-01-23 01:08:47
665
原创 JavaScript — 初识JavaScript、JS编写位置、注释、严格模式
目录一、初识JavaScript二、JS编写位置 1.标签属性中 2.script标签 3.外部JS文件（推荐使用）三、注释 1.单行注释 2.多行注释四、分号五、严格模式一、初识JavaScriptJavaScript诞生于1995年，它的出现主要是用于处理网页中的前端验证。所谓前端验证，就是指检查用户输入的内容是否符合一定的规则，比如：用户名的长度，密码的长度，邮箱的格式等等。 JavaScript是由网景公...
2022-01-21 14:45:47
675
原创 CSS — 像素、视口、移动端、响应式布局
目录一、像素二、视口（viewport）三、移动端四、响应式布局&媒体查询一、像素屏幕是由一个一个发光的小点构成的，这一个一个的小点就是像素分辨率：1920*1080 说的就是屏幕中小点的数量在前端开发中像素要分成两种情况讨论：CSS像素和物理像素 物理像素：上述所说的小点点就属于物理像素CSS像素：编写网页时，我们所用的像素都是CSS像素浏览器在显示网页时，需要...
2022-01-19 23:17:36
617
原创 CSS — Flex布局、弹性容器、弹性元素
目录一、flex（弹性盒、伸缩盒）二、弹性容器 1.flex-direction 2.flex-grow 3.flex-shrink 4.flex-wrap 5.flex-flow 6.justify-content 7.align-content 8.align-items三、弹性元素 1.order 2.flex-grow 3.flex-shrink 4.flex-basis 5.align-self 6....
2022-01-19 14:31:58
1945
原创 认识Less、Less的语法
目录一、初识Less二、Less的语法1.注释2.变量3.父元素4.扩展5.混合函数6.less中的运算7.引入less文件一、初识Lessless是一门CSS预处理语言less是一个CSS的增强版，通过less可以编写更少的代码实现更强大的样式在less中添加了许多新的特性，像对变量的支持、对mixin的支持...less的语法大体上和css一致，但是less中添加了许多对css的扩展，...
2022-01-18 23:27:25
779
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人