橘子味的香蕉-CSDN博客

原创 JS判断是整数还是浮点数

var a = 一个数字parseInt(a) === a结果为true代表a为整数结果为false代表a为浮点数parseInt：将参数（通常为字符串）强制转化为整数

2021-12-27 10:52:34 770

axios中文文档欢迎使用 axios，本文档将帮助您快速上手。什么是 axios？Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。axiosAxios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。特性从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防

2021-12-24 10:46:54 611

原创 vue click点击事件传入事件对象、自定义参数

不传参数，不接收参数<div id="app"> <button v-on:click="fun">Say hi</button></div><script> new Vue({ el: '#app', methods: { fun: function () { console.log(event) }

2021-12-21 22:00:47 7296 1

原创 vue的动态样式绑定class与style

class属性绑定v-bind:class 设置为对象<div id="app"> <div class="static" v-bind:class="{ 'active': isActive, 'text-danger': hasError }"> </div></div><script>new Vue({ el: '#app', data: { isActive: true, hasError:

2021-12-21 18:27:06 174

原创撤销一条commit

撤销一条commitgit reset --soft HEAD^HEAD是指向当前版本的指针，HEAD^ 表示上个版本, HEAD^^表示上上个版本git reset的三种模式git reset --hard HEAD^git reset --soft HEAD^git reset --mixed HEAD^栗子：最新commit为bbb， bbb的上一次commit为aaa，想要撤销bbb，使得最新commit为aaabbb 中修改了 b.html当前工作目录中修改了 cur

2021-12-21 18:11:26 190

原创 public文件夹访问

vue项目中的public文件夹任何放置在 public 文件夹的静态资源都会被简单的复制，而不经过 webpack。你需要通过绝对路径来引用它们。引用public资源在模板中，你首先需要向你的组件传入基础 URL：data () { return { publicPath: process.env.BASE_URL }}然后：<img :src="`${publicPath}my-image.png`">处理静态资源静态资源可以通过两种方式进行处理：在

2021-12-20 15:30:50 2070 1

转载 CDN简介

文章转载自：https://blog.csdn.net/zhaohong_bo/article/details/89574459一、cdn简介 CDN的全称是Content Delivery Network，即内容分发网络。其目的是通过在现有的internet中增加一层新的网络架构，将网站的内容发布到最接近用户的网络边缘，使用户可以就近取得所需的内容，提高用户访问网站的响应速度。CDN有别于镜像，因为它...

2021-12-17 14:11:18 21858 2

原创 git rebase之后的拉取与推送

1、现象分支： aaa developdevelop分支：最新状态aaa分支：有远程分支和本地分支，并且两个分支都处于最新状态（一模一样），aaa分支拉取自develop分支，在a commit处拉取，并且在aaa分支创建之后，develop分支有了新的提交，也就是在a commit之后， develop分支有c commit， d commit，aaa分支有了cc commit， dd commit, ee commit操作：在aaa分支执行git rebase develop结果：r

2021-12-16 17:48:21 4954 4

原创 npm install

1、-S, --save 安装包信息将加入到dependencies（生产阶段的依赖）npm install gulp --save 或 npm install gulp -S //两者等价package.json 文件的 dependencies 字段："dependencies": { "gulp": "^3.9.1"}2、-D, --save-dev 安装包信息将加入到devDependencies（开发阶段的依赖），所以开发阶段一般使用它npm install gulp

2021-12-15 17:05:21 1018

原创 JS基础知识（三十六）：垃圾回收机制

垃圾回收JS的垃圾回收机制是为了以防内存泄漏内存泄漏的含义就是当已经不需要某块内存时这块内存还存在着垃圾回收机制就是间歇的不定期的寻找到不再使用的变量，并释放掉它们所指向的内存。在JS中，JS的执行环境会负责管理代码执行过程中使用的内存。回收方法：标记清除和引用计数标记清除标记清除：当变量进入执行环境（函数中声明变量）的时候，垃圾回收器将其标记为“进入环境”，当变量离开环境的时候（函数执行结束）将其标记为“离开环境”，在离开环境之后还有的变量则是需要被删除的变量。标记方式不定，可以是某个特殊位的

2021-11-17 14:42:49 110

原创 JS基础知识（三十四）：解释型语言和编译型语言，静态语言和动态语言

解释型语言和编译型语言，静态语言和动态语言编译型语言：程序在执行之前需要一个专门的编译过程，把程序编译成为机器语言的文件（即exe文件）运行时不需要重新编译，直接用编译后的文件（exe文件）就行了。优点：执行效率高缺点：跨平台性差解释型语言：程序不需要编译，程序在运行的过程中才用解释器编译成机器语言，边编译边执行（没有exe文件）。优点：跨平台性好缺点：执行效率低静态语言：强类型语言，编译时确定变量的数据类型动态语言：弱类型语言，运行时确定变量的数据类型...

2021-11-17 14:40:45 249

原创 JS基础知识（二十）：异步编程

文章目录一、回调函数二、事件监听三、发布订阅四、Promise1、Promise的三种状态2、 Promise的对象创建（参数）3、Promise.then5、Promise.catch6、Promise.all7、Promise.race8、Promise.finally五、生成器Generator/yield六、async/await一、回调函数作用：经常用于处理异步任务返回的结果场景：事件触发调用，控制函数的执行顺序使用：将回调函数作为参数传递给另外一个函数，回调函数的参数可以作为与回调函数同

2021-11-17 14:38:53 1198

原创 JS基础知识（三十三）：dom事件流和事件委托

dom事件流和事件委托事件流：事件从触发到响应页面中接受事件的顺序（1）DOM事件流：事件捕获、处于目标阶段、事件冒泡（2）事件捕获阶段：事件从最上一级标签开始往下查找，直到捕获到事件目标(target)。（3）事件冒泡阶段：事件从事件目标(target)开始，往上冒泡直到页面的最上一级标签（4）事件委托以及好处：利用事件冒泡，指定一个事件处理程序，就可以管理某一类型的所有事件，动态添加事件，减少内存消耗...

2021-11-17 14:31:38 127

原创 JS基础知识（三十二）：浏览器输入url

浏览器输入url协议头://域名:端口号/路径?查询参数#hash值protocol://host:port/path?query#fragment浏览器的主要功能常见的浏览器： IE、Chrome、FireFox、Opera、Safari功能：将用户选择的web资源呈现出来，即向服务器请求资源，然后将其显示在浏览器窗口中，资源的格式通常为HTML，也包括pdf，image以及其他格式，用户通过url来请求指定资源的位置url：统一资源定位符，用来定位互联网上任意资源的位置浏览器内核：最初：

2021-11-17 14:16:24 830

原创 JS基础知识（三十一）：浏览器加载执行JS文件

文章目录1、js引擎2、语法分析3、预编译3.1 全局预编译3.2 局部预编译3.3 全局对象3.4 AO对象3.5 变量对象3.6 执行环境4、解释执行5、外部脚本的同步加载6、外部脚本的异步加载6.1 defer6.3 window.onload和domready1、js引擎脚本编译：由js引擎编译，即V8引擎（js解释器就是js引擎）V8引擎的用处：chrome浏览器的引擎、Nodejs的运行时环境、electron的底层引擎js引擎在编译和执行js代码会用到3个重要的组件：解析器：负责将j

2021-11-17 11:49:40 2007

原创 JS基础知识（三十）：JS单线程

文章目录1、进程和线程2、浏览器的多进程3、js单线程4、同步任务和异步任务（广义）5、异步实现：任务队列和事件循环任务队列**事件循环**宏任务(macro-task)、微任务(micro-task)（异步任务细分）1、进程和线程进程：CPU进行资源分配的基本单位（进程上下文切换比线程块上下文切换慢)线程：CPU调度的最小单位，建立在进程的基础上运行的单位，共享进程的内存空间多进程：一边听歌一边写代码，进程之间互不影响多线程：线程是一个车间的工人，多个工人协作完成一个任务2、浏览器的多进程浏

2021-11-17 11:30:22 3044

原创 JS基础知识（二十九）：深拷贝和浅拷贝

文章目录1、深拷贝与浅拷贝概览2、赋值、深拷贝与浅拷贝区别3、浅拷贝实现方式3.1 Object.assign()3.2 Array.prototype.concat()3.3 Array.prototype.slice()4、深拷贝实现方式4.1 JSON.parse(JSON.stringify(arr))4.2 手写递归4.3 _.cloneDeep()1、深拷贝与浅拷贝概览在对象嵌套对象的情况下，我们会讨论深拷贝与浅拷贝。浅拷贝只拷贝父对象，对于值类型的字段会复制一份，但是对于引用类型的字段只

2021-11-17 11:08:02 960

原创 JS基础知识（二十八）：箭头函数

1、箭头函数的使用箭头函数有两种格式，一种只包含一个表达式，没有{…} 和 return一种包含多条语句，这个时候{} return 就不能省略箭头函数类型代码没有参数() => 100 function(){ return 10}一个参数x => x+1 function(x){ return x + 1}多个参数(x, y) => x + y function(x, y) { return x + y}可变参数(x, y, …re

2021-11-17 10:55:08 7295 2

原创 JS基础知识（二十七）：this和作用域

文章目录一、this1.1 this1.2 call、apply、bind1.3 call、apply应用1.4 bind应用二、作用域2.1 作用域2.2 作用域链2.3 with语句2.4 词法作用域2.5 动态作用于——运行时确定一、this1.1 thisthis：this表示对当前对象的引用，this随着执行环境的改变而改变this使用this指向方法中使用this表示方法所属的对象单独使用this表示全局对象函数中使用this表示全局对象（在函数

2021-11-17 10:47:55 926

原创 JS基础知识（二十六）：闭包

闭包闭包：闭包是指有权访问另一个函数作用域中的变量的函数闭包使用原因：避免全局污染（全局变量很容易被修改）使用：函数嵌套函数，外层函数定义变量，内层函数使用变量，返回内层函数。外层函数调用后，变量被初始化，然后函数执行结束销毁，变量依然存在。执行返回的内层函数，修改变量（作用域链的存在），变量在内层函数中相当于全局结果：函数外部读取局部变量，让这些变量始终保存在内存中，不会随着函数的结束而自动销毁通常使用闭包设计私有属性和方法缺点：导致内存泄漏（局部变量常驻内存，需要主动回收）资料：http

2021-11-15 17:28:14 283

原创 JS基础知识（二十五）：进制转换

声明进制数js只能定义8进制、十进制、十六进制定义八进制数，字面值第一位为0 010 => 8定义十六进制数，字面值前两位为0x 0x10 => 16进制转换方法：使用toString() 和 parseInt() 进行进制转换toString(): 将数字转换为不同的进制（转换数字）parseInt（a, b）：将a看成b进制，并转换为10进制（转换数字或字符串）null和undefined没有toString()方法num1 = 072（8进制）；num1.t

2021-11-15 17:19:02 640

原创 JS基础知识（二十四）：var、let、const

var、let、const1、变量声明与赋值方式描述var 声明的变量可以重新声明和重新分配let 声明的变量不可以重新声明和但可以重新分配const声明的变量不能重新声明也不能重新分配PS：没有使用var，let，const声明的变量，都属于全局变量2、var作用域——全局、函数var声明的变量是函数作用域或者是全局作用域当var声明的变量是全局变量时，他会在window上面创建一个同名的全局属性当在函数内部用var声明变量时，该变量的作用域为该函数

2021-11-15 17:11:54 450

原创 JS基础知识（二十三）：原型链

原型链原型的产生：函数声明，即创建一个构造函数A时（一般情况下都用构造函数创建对象），浏览器会在内存中创建一个对象B，对象B就是函数A的原型对象，A的prototype属性指向B，B的constructor指向A，原型对象默认只有属性：constructor。其他都是从Object继承而来，暂且不用考虑。使用原型对象的好处：所有对象实例共享它所包含的属性和方法。对象实例创建：使用构造函数创建对象，实例对象会有不可见的属性 [[prototype]], 而且这个属性指向了构造函数的原型对象，使用__pr

2021-11-15 16:59:42 239

原创 JS基础知识（七）：对象、Math、Date

文章目录一、对象1. 对象创建1.1 简单对象创建2. 对象继承二、Math对象三、Date对象1. 日期对象2. 创建日期对象3. 格式化方法4. Date对象的方法一、对象1. 对象创建1.1 简单对象创建创建 Object 类型有两种。一种是使用 new 运算符，一种是字面量表示法。使用 new 运算符创建 Objectvar box=new Object(); //new 方式box.name=‘田雨飞’; //创建属性字段new 关键字可以省略var box

2021-11-15 16:41:28 280

原创 JS基础知识（二十二）：基本包装类型

基本包装类型基本包装类型：String、Number、Boolean基本包装类型：基本包装类型是特殊的引用类型，具有与基本数据类型对应的引用类型的属性和方法。当基本数据类型以对象的方式使用时，js会转换为对应的包装类型。一个基本数据类型值（String、Number、Boolean——没有使用new进行创建）想使用某种方法时，后台会创建一个对应的基本包装类型的对象，从而使得基本数据类型能够调用一些方法处理数据。PS:var a = new String(‘aaa’)和 var a = 'aaa’

2021-11-15 11:45:35 987

原创 JS基础知识（二十一）：堆和栈

操作系统的堆栈——两种内存管理方式内存内存：由于寄存器只能存放少量的数据，因此很多数据会存储在内存中，CPU指挥寄存器和内存交换数据。程序内存分配：程序运行时，操作系统会给他分配一段内存，用来存储程序和运行时产生的数据。这段内存有起始地址和结束地址堆和栈堆：程序运行过程中，对于动态的内存占用请求（新建对象、malloc），系统会从预先分配好的那段内存中，划分一部分内存给用户，从起始地址开始划分（实际上，起始地址处会有一段静态数据（全局执行环境？），这里忽略）。这种由于用户主动请求而划分出来的内

2021-11-15 11:33:02 138

原创 CSS基础知识（二十一）：重排和重绘

重排一定会重绘，但重绘不一定会重排重排(Reflow)：当渲染树的一部分必须更新并且节点的尺寸发生了变化，浏览器会使渲染树中受到影响的部分失效，并重新构造渲染树。当元素的尺寸、结构或者触发某些属性时重绘(Repaint)：是在一个元素的外观被改变所触发的浏览器行为，浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。比如改变某个元素的背景色、文字颜色、边框颜色等等当元素样式的改变不影响布局时引发重排：添加、删除可见的dom，元素的位置改变，元素的尺寸改变(外边距、内边距、边框厚度、宽高、等几何属性)

2021-11-12 17:40:36 1015

原创 CSS基础知识（二十）：display：none和visibility：hidden的区别

display：none和visibility：hidden的区别（1）display: none隐藏后的元素不占据任何空间，无法使用屏幕阅读器等辅助设备访问，而visibility: hidden隐藏后的元素空间依旧保留（2） visibility具有继承性，给父元素设置visibility:hidden;子元素也会继承这个属性。但是如果重新给子元素设置visibility: visible,则子元素又会显示出来。display: none非继承性，重新设置子元素也不会显示（3）visibility

2021-11-12 17:32:26 926

原创 CSS基础知识（十九）：link和@import引入外部样式的区别

文章目录一、继承一、继承继承：子代继承父级元素的css属性无继承性的属性：display、width、height、margin、border、padding、background、float、position可以继承的属性：visibility、cursor、font-size、font-family、color...

2021-11-12 17:29:20 215

原创 CSS基础知识（十八）：BFC和IFC

文章目录一、BFC1、概念2、作用3、触发条件一、BFC1、概念BFC：块级格式化上下文，是页面中的一块渲染区域，有一套自己的渲染规则，决定子元素如何定位，以及和其他元素的关系和相互作用2、作用作用：可以将BFC理解成一个箱子，不会影响箱子外部，解决传统布局带来的问题传统布局问题：相邻块元素的垂直外边距合并：两个盒子设置BFC嵌套块元素的垂直外边距塌陷：父级盒子设置BFC，父元素position浮动流造成父级元素高度坍塌：父级盒子设置BFC浮动元素覆盖：非浮动元素设置BFC3、触发条件

2021-11-12 17:26:49 471

转载 CSS基础知识（十七）：Flex——阮一峰

Flex 布局教程：语法篇网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新...

2021-11-12 17:18:25 2735

原创 JS基础知识（十一）：正则表达式

文章目录一、创建正则表达式二、正则表达式对象的方法三、字符串中使用正则表达式四、元字符（编写正则表达式）五、常用正则一、创建正则表达式二、正则表达式对象的方法三、字符串中使用正则表达式四、元字符（编写正则表达式）五、常用正则...

2021-11-08 17:54:27 500 2

原创 JS基础知识（十）：事件

文章目录一、事件绑定方式1.1 内联模式1.2 外联模式（脚本模式）二、事件处理函数2.1 鼠标事件，页面所有元素都可触发2.2 键盘事件，表单元素或window触发2.3 HTML事件，表单元素或window触发三、事件对象3.1 事件对象3.2 事件对象的属性3.2.1 button属性3.2.2 鼠标事件(可视区域及屏幕坐标)3.2.3 鼠标事件(修改键)3.3 键盘事件3.3.1 keyCode键码3.3.2 charCode字符编码3.4 触发事件的元素节点（target）四、事件冒泡和事件捕获4

2021-11-08 16:48:33 198

空空如也

空空如也