- 博客(17)
- 收藏
- 关注
RSS订阅原创 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
524
原创 插槽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
68
原创 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
192
原创 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
135
原创 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
265
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人