自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 js 数组方法

增push() 在数组末尾追加的数组元素,数量不限unshift()在数组开头添加的数组元素concat()⾸先会创建⼀个当前数组的副本,然后再把它的参数添加到副本末尾,最后返回这个新构建的数组,不会影响原始数组删pop() ⽤于删除数组的最后⼀项shift() ⽅法⽤于删除数组的第⼀项splice()传⼊两个参数,分别是开始位置,删除元素的数量,返回包含删除元素的数组slice() ⽤于创建⼀个包含原有数组中⼀个或多个元素的新数组,不会影响原始数组改splice()

2021-10-28 21:52:02 72

原创 js 数组排序

冒泡排序function MaoPaoSort(arr){ for(var i = 0;i<arr.length-1;i++) { for(var j = 0;j<arr.length-i-1;j++){ if(arr[j]>arr[j+1]){ //把大的数字放到后面 var str = arr[j]; arr[j] = arr[j+1];

2021-10-28 21:47:18 78

原创 js 数组去重

数组去重的场景将数组var arr =[1,1,‘true’,‘true’,true,true,66,66,false,false,undefined,undefined, null,null, NaN, NaN, 0, 0, ‘a’, ‘a’,{},{}]中重复的值过滤掉1、 ES6-set使用ES6中的set是最简单的去重方法<script> var arr=[1,2,3,4,1,2,3] //先将数组转换为set var set=new Set(arr)

2021-10-28 21:43:55 228

原创 diff 算法

什么是 diff 算法diff算法就是进行虚拟节点对比,并返回一个patch对象,用来存储两个节点不同的地方,最后用patch记录的消息去局部更新Dom。两个特点比较只会在同层级进行, 不会跨层级比较 在diff比较的过程中,循环从两边向中间比较Diff 算法的步骤用 JavaScript 对象结构表示 DOM 树的结构;然后用这个树构建一个真正的 DOM 树,插到文 档当中当状态变更的时候,重新构造一棵新的对象树。然后用新的树和旧的树进行比较(diff),记录两棵树差异把第二棵树所

2021-10-28 21:38:40 522

原创 插槽slot

什么是插槽在子组件中用<slot></slot>划出一块区域来显示父组件中的页面结构,显示的结构在父组件的子组件标签中设置就行。插槽分为几种默认插槽、具名插槽、作用域插槽1.默认插槽默认插槽就是指没有名字的插槽,子组件未定义的名字的插槽,父级将会把 未指定插槽的填充的内容填充到默认插槽中。用法//子组件childvue.component('child',{template:'<div> <p>hell

2021-10-28 21:35:58 66

原创 localStorage、sessionStorage、cookie区别

1、CookieCookie 具有极高的扩展性和可用性,是用来和服务器通讯,而不是本地存储,他只是被“借用”到本地存储。Cookie 的缺点存储大小,最大 4KB http 请求时需要发送到服务端,增加请求数据量 只能用 document.cookit = ' ... ' 来修改,太过简陋每次 http 请求,header 都携带 Cookie存储数据window.document.cookie = 'xxx';取出数据document.cookie2、Loc..

2021-10-22 19:34:33 112

原创 TypeScript 泛型

泛型泛型是指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定类型的一种特性function fn<T>(arg: T): T { return arg}let res = fn(123)多个类型参数function swap<T, U>(fns: [T, U]): [U, T] { return [fns[1], fns[0]]}let res2 = swap(['string', 123])泛型约束在函数内部..

2021-10-11 20:11:44 113

原创 TypeScript 类

类类(Class):定义了一件事物的抽象特点,包含它的属性和方法 对象(Object):类的实例,通过new生成 面向对象(OOP)的三大特性:封装、继承、多态 封装(Encapsulation):将对数据的操作细节隐藏起来,只暴露对外的接口。外界调用端不需要(也不可能)知道细节,就能通过对外提供的接口来访问该对象,同时也保证了外界无法任意更改对象内部的数据 继承(Inheritance):子类继承父类,子类除了拥有父类的所有特性外,还有一些更具体的特性 多态(Polymorphism):..

2021-10-11 20:06:55 241

原创 TypeScript 任意值

任意值任意值(Any)用来表示允许赋值为任意类型1. any类型,允许被赋值为任意类型let myFavoriteNumber: any = 'seven';myFavoriteNumber = 7;2. 任意值的属性和方法声明一个变量为任意值之后,对它的任何操作,返回的内容的类型都是任意值在任意值上访问任何属性都是允许的let anyThing: any = 'hello';console.log(anyThing.myName);console.log(anyThi

2021-10-11 19:55:26 257

原创 TypeScript 原始数据类型

原始数据类型JavaScript 的类型分为两种:原始数据类型和对象类型。原始数据类型包括:布尔值、数值、字符串、null、underfined 以及 ES6 中的新类型 Symbol 和 ES10 中的新类型 BigInt 。(1).布尔值布尔值是最基础的数据类型,在 TypeScript 中,使用boolean定义布尔值类型let createdByBoolean: boolean = Boolean(1)(2).数值使用number定义数值类型// ES6 ...

2021-10-11 19:52:09 238

原创 JS的继承

继承在js中占有非常重要的地位,那么在js中有很多中继承的方式,不过每一种继承方式都有优缺点。下面就来说说比较常用的几种继承把。1.原型链继承父类的实例作为子类的原型优点:易于实现,父类的新增的实例与属性子类都能访问缺点: 可以在子类中增加实例属性,如果要新增加原型属性和方法需要在new 父类构造函数的后面 无法实现多继承 创建子类实例时,不能向父类构造函数中传参数 2.构造函数继承使用父类的构造函数来增强子类实例,等于是复制父类的实例属性给..

2021-09-23 20:57:01 67

原创 Flex布局

一、Flex 布局是什么Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。二、Flex 的属性1. flex-direction决定主轴的方向(即项目的排列方向)row (默认值):主轴为水平方向,起点在左端。 row-reverse :主轴为水平方向,起点在右端。 column :主轴为垂直方向,起点在上沿。 column-reverse ...

2021-09-08 20:27:38 86

原创 HTML&CSS面试题

一、盒模型1.什么是盒子模型在我们HTML页面中,每一个元素都可以被看作一个盒子,而这个盒子由:内容区(content)、填充区(padding)、边框区(border)、外边界区(margin)四部分组成。2.盒子模型种类 标准盒模型:总宽度 = width + margin(左右)+ padding(左右)+border 怪异盒模型:总宽度 = width + margin(左右)( width 已经包含了 padding 和 border...

2021-09-08 20:15:19 131

原创 Vue路由传参

我们在开发 vue 项目的时候,会经常用到路由传参。下面来说说 vue 路由传参的三种方式。1、通过 router-link 的 to 属性进行传参//组件中<template> <div> <router-link to="{path:'/home',query:{id:id}}">首页</rpiter-link> </div></template>//路由{ ...

2021-09-02 20:21:36 199

原创 Vuex的基本概念

1.什么是Vuex Vuex是一个专门为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。主要解决大中型复杂项目的数据共享的问题。2.Vuex运行原理 在组件中通过 dispatch 来调用 actions 中的方法,在 actions 中通过 commit 来调用 mutations 中的方法,在 mutaions 中的方法可以直接操作 state 中的数据,只要 state 中的...

2021-09-02 11:37:49 191

原创 Git的基本操作

1. git 是什么Git 是一个免费的开源分布式版本控制系统,旨在快速高效的处理从小到大的所有项目。2. git 下载地址https://git-scm.com/download/win3. git 操作git init 初始化git仓库 (在文件夹里自动生成一个.git 的隐藏文件夹) git status 查看文件的状态(文件是否保存) git add . 保存修改的文件 git commit -m 描述信息 ...

2021-08-30 11:58:28 134

原创 axios封装

1.引入axiosimport axios from 'axios'2.在main.js引入axiosimport axios from 'axios'Vue.prototype.$http = axios3.创建axios实例let service = axios.create({ baseURL: baseUrl, // url = base api url + request url withCredentials: true, // send cooki.

2021-08-29 18:59:12 264

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除