- 博客(19)
- 收藏
- 关注
RSS订阅原创 数组的去重
数组去重的场景将数组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:22:40
888
1
原创 js中数组排序（冒泡、插队）
冒泡排序将数组中的相邻两个元素两两比较，通过比较移动大小位置function MaoPaoSort(arr) { for (var i = 0; i <= arr.length; i++) { for (var n = 0; n <= arr.length - i; n++) { if (arr[n] > arr[n + 1]) { var kong = arr[n]; arr.
2021-10-28 21:18:33
181
原创 js中数组方法
增:push() 在数组末尾追加的数组元素，数量不限unshift()在数组开头添加的数组元素concat()⾸先会创建⼀个当前数组的副本，然后再把它的参数添加到副本末尾，最后返回这个新构建的数组，不会影响原始数组删:pop() ⽤于删除数组的最后⼀项shift() ⽅法⽤于删除数组的第⼀项splice()传⼊两个参数，分别是开始位置，删除元素的数量，返回包含删除元素的数组slice() ⽤于创建⼀个包含原有数组中⼀个或多个元素的新数组，不会影响原始数组改:splic
2021-10-28 21:12:26
71
原创 vue中的Diff算法
diff的概念每次再修改了数据之后，先算出修改数据之后的虚拟 DOM 结构，然后和原虚拟DOM 结构进行对比，找出不同的地方，然后只更新不同的地方进行 DOM 操作，这样就有效的减少了 DOM 操作以提高性能，这种比较新旧虚拟DOM找出不同点的算法就叫做 DIFF 算法diff的两个特点比较只会在同层级进行, 不会跨层级比较 在diff比较的过程中，循环从两边向中间比较diff 算法的在很多场景下都有应用，在vue中，作用于虚拟 dom 渲染成真实 dom 的新旧 VNode 节..
2021-10-28 21:09:11
109
原创 插槽（slot）
什么是插槽在子组件中用<slot></slot>划出一块区域来显示父组件中的页面结构，显示的结构在父组件的子组件标签中设置就行）插槽怎么显示数据显示的结构在父组件的子组件标签中设置就行 插槽分为几种默认插槽 具名插槽 作用域插槽具名插槽（又称有名插槽）：通过 name 属性设置了名字的插槽//父组件<body-container> <div slot='header'> <!-- 我们希望把页头放这里 -..
2021-10-28 21:04:27
412
原创 Vue打包优化
项目开始时webpack配置vue-cli3以后，我们修改webpack配置，需要自己在项目根路径下创建vue.config.js文件一、 配置 proxy 跨域使用vue-cli发开项目，在本地开发环境中，如果遇到跨域的问题。可以通过配置proxy的方式，解决跨域问题：module.exports = { devServer: { open: false, // 自动启动浏览器 host: '0.0.0.0', // localhost port: 606
2021-10-21 17:09:11
176
原创 vue面试题
一.v-if 和 v-show 的区别？共同：v-if 和 v-show 都是控制一个元素是否显示。区别 当条件为假的时候 v-if通过创建或删除DOM节点来实现元素的显示隐藏，v-show通过css中的display属性来控制使⽤场景分别是什么?v-if更适合数据的筛选和初始渲染 v-show更适合元素的切换二.说说你对vuex的理解？1.vuex是⼀个状态管理⼯具，主要解决⼤中型复杂项⽬的数据共享问题，主要包括state,actions,mutations,g...
2021-10-19 18:23:41
110
原创 TypeScript 进阶(泛型)
一、类型别名 概念：类型别名用来给一个类型起个新名字，使用type创建类型别名。 例子：type Name = string;type NameResolver = () => string;type NameOrResolver = Name | NameResolver;function getName(n: NameOrResolver): Name { if (typeof n === 'string') { retur...
2021-10-11 20:55:18
204
原创 postiton定位属性值
position的含义是指定位类型，取值类型可以有：static、relative、absolute、fixed、inherit和sticky，这里sticky是CSS3新发布的一个属性。1、position: staticstatic(没有定位)是position的默认值，元素处于正常的文档流中，会忽略left、top、right、bottom和z-index属性。2、position: relativerelative(相对定位)是指给元素设置相对于原本位置的定位，元素并不脱离文档..
2021-09-08 21:21:06
106
原创 javascript原型与原型链
1. prototype每个函数都有一个prototype属性，被称为显示原型2._ _proto_ _每个实例对象都会有_ _proto_ _属性,其被称为隐式原型每一个实例对象的隐式原型_ _proto_ _属性指向自身构造函数的显式原型prototype3. constructor每个prototype原型都有一个constructor属性，指向它关联的构造函数。4. 原型链获取对象属性时，如果对象本身没有这个属性，那就会去他的原型__proto__上去找，如果还查不到，就去找
2021-09-08 21:18:55
63
原创 行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？
CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，比如div默认display属性值为“block”，成为“块级”元素；span默认display属性值为“inline”，是“行内”元素。行内元素有：span a b i img input select strong 块级元素有：div p h1-h6 ul table form ul ol li dl dt dd 空元素(没有内容)：<br> <hr> <im..
2021-09-08 21:14:51
110
原创 Link与@import的区别
<head> <!-- link是标签，引入外部样式表 --> <link rel="stylesheet" href="./a.css"> <style> /* @import 在css环境中 导入外部css */ @import url('./b.css'); .box{ width: 100px; height: 100px; .
2021-09-08 15:02:45
57
原创 Vuex数据持久化存储
Vuex 解决了数据共享问题，但Vuex本身不会对数据的状态进行存储，这个时候得使用vuex-persist插件来对数据进行存储，这个插件就是为 Vuex 持久化存储而生的一个插件，这个插件直接可以将状态保存至 cookie 或者 localStorage 中安装：npm install --save vuex-persist引入：在store目录下的index.jsimport VuexPersistence from 'vuex-persist'创建一个对象并进行配置.
2021-09-01 20:15:53
499
3
原创 if else 和try catch 的区别
try...catch语句try catch是用于防止程序出现奔溃而不能处理的，当程序估计可能会出现某种奔溃的情况可以用这个语句。try后面是运行的代码，catch后面是奔溃的类型。try catch用于异常捕获，try分支语句执行出现异常被catch捕捉到后会执行catch分支语句。if...else语句区别if...else可以进行简单的过滤，但是，由于机器或者说环境各异，可能会产生一些无法预知的异常，这是在开发...
2021-08-30 16:35:41
420
4
原创 【Vue基础知识总结 1】Vue入门
vue所有基础语法部分插值操作v-once v-htmlv-testv-prev-cloak可以使用 v-cloak 指令设置样式，这些样式会在 Vue 实例编译结束时，从绑定的 HTML 元素上被移除。当网络较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染，这时页面就会显示出 Vue ...
2021-08-29 21:41:45
574
4
原创 Axios 配置 and 接口管理
为了方便对axios操作，我们通常对axios进行二次封装首先在src目录下创建utils/request.js，然后在requset.js中配置 ·
2021-08-29 13:00:33
973
12
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人