- 博客(18)
- 收藏
- 关注
RSS订阅原创 数组方法常用
增push() 添加到数组末尾unshift() 在数组开头添加任意多个值splice 传⼊三个参数，分别是开始位置、0（要删除的元素数量）、插⼊的元素concat() 会创建⼀个当前数组的副本，然后再把它的参数添加到副本末尾，最后返回这个新构建的数组，不会影响原始数组删pop() 删除数组的最后⼀项shift() ⽤于删除数组的第⼀项splice() 传⼊两个参数，分别是开始位置，删除元素的数量slice() ⽤于创建⼀个包含原有数组中⼀个或多个元素的新数组，不会影响原
2021-10-28 21:29:36
178
原创 数组去重常用方法
数组去重的场景将数组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:27:08
220
原创 什么是diff算法？
什么是diff算法？diff算法就是进行虚拟节点对比，并返回一个patch对象，用来存储两个节点不同的地方，最后用patch记录的消息去局部更新Dom。简单来说Diff算法就是在虚拟DOM树从上至下进行同层比对，如果上层已经不同了，那么下面的DOM全部重新渲染。这样的好处是算法简单，减少比对次数，加快算法完成速度。有两个特点比较只会在同层级进行, 不会跨层级比较 在diff比较的过程中，循环从两边向中间比较diff算法的步骤用 JavaScript 对象结构表示 DOM 树的结构；然.
2021-10-28 21:23:03
9943
原创 插槽面试题
什么是插槽在子组件中用<slot></slot>划出一块区域来显示父组件中的页面结构，显示的结构在父组件的子组件标签中设置就行）插槽怎么显示数据显示的结构在父组件的子组件标签中设置就行 插槽分为几种默认插槽 具名插槽 作用域插槽 作用域插槽怎么用 在子组件<slot></slot>通过v-bind绑定一个属性，挂载变量<slot name="content" v-bind:us="user"></slot>...
2021-10-28 21:18:31
608
原创 TypeScript的特性
什么是TypeScript从 TypeScript 的名字就可以看出来，「类型」是其最核心的特性。我们知道，JavaScript 是一门非常灵活的编程语言：它没有类型约束，一个变量可能初始化时是字符串，过一会儿又被赋值为数字。 由于隐式类型转换的存在，有的变量的类型很难在运行前就确定。 基于原型的面向对象编程，使得原型上的属性或方法可以在运行时被修改。 函数是 JavaScript 中的一等公民[2]，可以赋值给变量，也可以当作参数或返回值。这种灵活性就像一把双刃剑，一方面使得 Ja..
2021-10-11 20:25:11
1186
原创 js继承易懂
1.1什么是继承 js是一个面向过程，不是面向对象 ; 而 js继承是面向对象的一大特征：有3大特征 （1.封装,2.多态,3.继承）1.封装：js没有继承概念,通过构造函数创建父类, 通过函数封装思想收敛业务2.多态：同一个函数可以接收不同参数3.继承：分为es5和es61.2继承有几种 1.原型链继承：父类的实例作为子类的原型优点：易实现，父类新增实例与子类属性都能访问缺点：子类实例时，不能向父类构造函数中传参数不能多继承可以在子类中增加实例属性...
2021-09-23 20:55:21
92
原创 实现树形表格
首先了解什么是TreeTable？treeTable 是跨浏览器、性能很高的 jQuery 的树表组件，它使用非常简单，只需要引用 jQuery 库和一个 js 文件，接口也很简单。优点：1.兼容主流浏览器：支持 IE6 和 IE6+, Firefox, chrome, Opera, Safari2.接口简洁：在普通表格的基础上增加父子关系的自定义标签就可以3.组件性能高：内部实现了只绑定了 table 的事件、使用了 css sprite 合并图片等4.提供两种风格：通过参数来设置风格
2021-09-17 17:03:46
1396
2
原创 css Hack
是针对不同浏览器写不同的csss，就是cssHack。属性Hack丶选择符丶条件注释Hack丶Hack主要是针对IE浏览器1,条件Hack条件注释只有在IE浏览器下才能执行，这个代码在非IE浏览下被当做注释视而不见。可以通过IE条件注释载入不同的CSS、JS、HTML和服务器代码等。2、属性Hack属性级Hack：比如IE6能识别下划线“”和星号“”，IE7能识别星号“”，但不能识别下划线” ”，而firefox两个都不能认识。background-color:...
2021-09-08 21:14:14
117
原创 盒模型的认知
什么是盒子模型？在我们HTML页面中，每一个元素都可以被看作一个盒子，而这个盒子由：内容区（content）、填充区（padding）、边框区（border）、外边界区（margin）四部分组成。所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Mod.
2021-09-08 19:28:01
109
原创 前端面试题
为什么清除浮动？清除浮动主要是为了解决，父元素因为子级元素浮动引起的内部高度为0的问题，影响自己的页面布局。给父盒子设置一个boder，内部放两个盒子一个big 一个small，未给big和small设置浮动，则他们会默认撑开父盒子。当我给内部两个盒子加上float属性的时候底部的footer盒子就会顶上来，然后父盒子因为没设置高度，变成一条线，big和small已经浮动了常用的四种一、 额外标签法： 给谁清除浮动，就在其后额外添加一个空白标签 。优点： 通俗易懂，书写方便。（不推荐使
2021-09-08 14:40:42
138
1
原创 vue下拉到底刷新数据
获取到三个关键元素（页面的总高度，可是窗口的长度，距离页面顶部的距离（可视窗口顶部与页面的顶部）在mounted（）生命周期中window.addEventlistener('事件（不用加on'，点击执行自己定义的方法)...
2021-09-03 08:21:22
203
原创 vue 基础的配置 rem配置
一.配置多环境变量1.package.json 里的 scripts 配置 serve（开发） test（测试） build（生产）"scripts": { "serve": "vue-cli-service serve --open", "test": "vue-cli-service build --mode testing", "build": "vue-cli-service build", }2.在根目录创建3个文件 （以.env.*开头）(1) ....
2021-09-01 20:28:32
287
1
原创 vuex一些简要（未完还在持续）
什么是vuex？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,它由五部分组成：分别是：state,actions,mutations,getters,modulesvuex的五大核心state：定义数据mutations:唯一可以修改state数据的场所，进行一些简单的操作getters：类似vue组建中的计算属性，对state数据进行计算（会被缓存）actionds：可以包含一些异步的操作，调用mutations中的方法modules：模块化管理（仓..
2021-08-30 16:24:37
192
3
原创 try catch 和 if else 区别
try和catch语气是异常处理，不会报错首先try是捕获异常的，既然是异常就是我们无法预测到的，是未知的，而if-else语句我们则是可以做出判断的。try中的条件为真时执行try中的代码，不为真时则执行catch中的代码（异常处理代码）我们可以利用try catch 测试一段代码是否可以正确。if-else语句if-else语句是流程控制if（表达式）语句1 else 语句2（如果表达式的值为真，则执行语句1，否则执行语句2）...
2021-08-30 16:04:35
884
原创 什么是计算属性
什么是计算属性？计算属性的复杂操作<div id="app"> <h2>总价格: {{totalPrice}}</h2> <h2>总价格: {{totalPrice}}</h2> <h2>总价格: {{totalPrice}}</h2> <h2>总价格: {{totalPrice}}</h2> <h2>总价格: {{getTotalPri..
2021-08-29 21:38:55
279
原创 vue基础语法
插值语法（mustache）v-oncev-htmlv-testv-prev-cloak可以使用 v-cloak 指令设置样式，这些样式会在 Vue 实例编译结束时，从绑定的 HTML 元素上被移除。当网络较慢，网页还在加载 Vue.js ，而导致 Vue 来不及渲染，这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令来解决这一问题。绑定属性（v-bind）v-bind动态绑定class的多种方法...
2021-08-29 21:33:53
98
原创 Git 基础使用
什么是git，git是什么意思？git是一个版本管理工具，Git是一个版本管理控制系统（缩写VCS），它可以在任何时间点，将文档的状态作为更新记录保存起来，也可以在任何时间点，将更新记录恢复回来。，版本管理是一种记录文件变化的方式，以便将来查阅特定版本的文件内容。使用git会避免一些小问题： 文档数量多且命名不清晰导致文档版本混乱 每次编辑文档需要复制，不方便 多人同时编辑同一个文档，容易产生覆盖 git安装https://git-scm.com/download.
2021-08-29 18:08:56
111
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人