前端零基础学习笔记

今日内容 JWT访问控制 axios拦截器配置 echarts图表 Git版本控制 Git基础概念 什么是Git 终端打开位置 配置用户信息 (安装完Git后只需要配置一次即可) Git本地操作 初始

axios代码优化 回调函数地狱 回调函数地狱：在回调函数中继续调用回调函数，这样层层嵌套就形成了回调函数地狱 存在的问题: 代码可读性差、异常捕获困难 then的链式调用 then的链式调用: 每个

了解原生 XHR 网络请求的用法，可以更好地理解 axios 的 内部原理 Promise对象 Promise 是浏览器内置的一个对象，用来管理异步操作或异步请求，并且能够接收

axios 是一个基于 promise 的网络请求库，对 ajax 原生的 XMLHttpRequest 对象进行了封装，可以在不刷新页面的情况下，动态更新页面上的数据

对于赋值操作，虽然基本类型是复制值，但引用类型复制的是对象的引用（地址），修改任何一个对象，另一个对象也会被修改。我们可以使用对象的深浅拷贝代替直接赋值，避免出错

原型对象 实例方法的问题 原型对象的用途 构造函数有一个 prototype 属性，指向它包含的原型对象 原型对象用来保存公共的属性和方法，这些属性和方法不会随实例对象多次创建，从而节省内存

对象深入 一切皆对象 为什么字符串也会有属性和方法？方法不是对象才有的吗？ 面向对象的概念 两种编程思想 面向过程：按照分析好的步骤，一步一步地的去解决问题。特点：性能较高、不灵活 面向对象：按功能划

作用域 什么是作用域 作用域规定了变量能够被访问的范围 全局变量：可以在任何位置访问 局部变量：只能在函数内部或块内部访问 注意函数中未使用任何关键字声明的变量将成为全局变量： 作用域链 层层嵌套的代

什么是正则 正则表达式（Regular Expression） 用于定义一种匹配字符串的规则。使用场景： 表单输入校验 敏感词过滤（替换） 在字符串中提取部分字符 定义正则 定义正则的两种方式

BOM相关操作 location 对象 location 对象表示一个地址，它拆分并保存了浏览器 URL 地址的各个组成部分： 下面是一个例子： 支付成功自动跳转

Date 日期对象 Date 的实例化 Date 是 JavaScript 内置的日期对象，用来表示日期和时间 使用 new 关键字实例化一个 Date 对象： Date 的格式化 日期方法允许您获取

事件进阶 事件流 事件流 是事件在执行过程中完整的传播路径 当触发一个事件时，会依次经历事件捕获、事件冒泡两个阶段，如下图所示： 事件捕获 事件捕获：一个元素的事件被触发时，是先从 HTML 的根元素

事件 什么是事件 事件：在某个特定的时机执行某段代码 事件的三个要素： 事件源：触发事件的那个元素 事件类型：触发的条件 事件处理函数：要做什么事情 事件监听 事件监听 是将事件处理函数注册到指定的

webapi 介绍 什么是API API(Application Programming Interface)： 应用程序接口 在学习前期可以简单地把接口理解为对象中的方法，我们不需要关心接口内部如何

数组 什么是数组 数组是一种引用数据类型，它可以在单个变量名下存储多个数据，数组中的每个值称为数组元素 数组的特点： 数组是有序的，数组元素的索引从0开始 数组中可存储不同类型的数据，这些数据也可以是

类型转换 什么是类型转换 类型转换是把数据从一种原始的数据类型转换成另一种新的数据类型的过程 类型转换的分类： 强制类型转换（显式） 隐式类型转换 强制类型转换 转为数值型 将数据转换为数值类型

js 是一种运行在客户端（浏览器）的脚本语言，常用来做一些页面交互效果或创建动态更新的内容。本文详细介绍了 js 中输入输出、变量、常量、命名规则、数据类型和运算符

手机的屏幕尺寸不同，分辨率不同，如何设置不同的 html 字号大小以适配所有设备？vw 是一个相对单位，它是相对于视口宽度计算大小的

overflow: hidden; 属性的用途有： 隐藏超出元素部分的内容 解决外边距塌陷的问题 清除浮动 如果想要隐藏整个元素，就得使用下面的属性

定位的使用场景有：1. 改变盒子在网页中的位置 2. 将盒子固定在网页的某一位置 3. 让盒子在其他盒子上方显示