随笔分类 - 面试相关
摘要：在路由跳转的时候，我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。 定义：路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。 总体来讲vue里面提供了三大类钩子，两种函数 1、全局钩子 2、某个路由的钩子 3、组件内钩子 两种函数： 1. router.bef
阅读全文
摘要：1、具名插槽 有时候我们希望在指定的位置输出我们的子元素，这时候具名插槽就排上了用场。 //组件调用时<MyFooter v-red :age.sync="age"> <template v-slot:footer> //这里v-slot：后边的值与组件内的slot的name属性对应，也就是插槽的名
阅读全文
摘要：promise是什么？ 1、主要用于异步计算 2、可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果 3、可以在对象之间传递和操作promise，帮助我们处理队列 为什么会有promise？ 为了避免界面冻结（任务） 同步：假设你去了一家饭店，找个位置，叫来服务员，这个时候服务员对你说，对
阅读全文
摘要：Vue中有两个较为高级的静态方法mixin和extend，接下来我们来讨论下关于他们各自的原理和使用场景。 Mixin： 原理： 先来看看官网的介绍： 参数：{Object} mixin 用法： 混入也可以进行全局注册。使用时格外小心！一旦使用全局混入，它将影响每一个之后创建的 Vue 实例。使用恰
阅读全文
摘要：首先我们要明白v-bind的意义： <component v-bind:is="current"></component> 如果出现了v-bind那么加载在这个组件的时候，会去创建的vue实例对象的data里找值： var vm = new Vue({ el: '#app', data: funct
阅读全文
摘要：v-for中的key来给每个节点做一个唯一的标识，diff算法就可以正确的识别此节点，找到正确的位置区插入新的节点；key的主要作用是为了高效的更新虚拟dom，另外vue在使用相同标签名元素的过渡切换时，也会使用到key属性，目的是让vue可以区分它们，否则vue只会替换其内部属性而不会触发过渡效果
阅读全文
摘要：1、watch 理解： 监听器,监听某个数据的变化从而来执行一些操作，当data里面的数据发生变化的时候来执行一下开销较大或异步的操作 1、监听值类型(简单类型)数据 //在一个vue实例中 new Vue({ el:"#myApp", data:{ num1:1, num2:2 }, method
阅读全文
摘要：一、加载渲染过程 父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted 二、子组件更新过程 父beforeUpdate->子beforeUpdate->子upd
阅读全文
摘要：不会改变原来数组的有：concat() 连接两个或更多的数组，并返回结果。 every() 检测数组元素的每个元素是否都符合条件。 some() 检测数组元素中是否有元素符合指定条件。 filter() 检测数组元素，并返回符合条件所有元素的数组。 indexOf() 搜索数组中的元素，并返回它所在
阅读全文
摘要：js语言的传统方式是通过定义构造函数，生成心得对象。是一种基于原型的面向对象系统。在es6中增加了class类的概念，可以使用class关键字来声明一个类。之后用这个类来实例化对象。 构造函数示例 const Demo = function(a,b){ this.a = a; this.b = b;
阅读全文
摘要：一.es6的箭头函数es6箭头函数内部没有this,使用时会上朔寻找最近的this不可以做构造函数,不能使用new命令,因为没有this函数体内没有arguments,可以使用rest参数代替不能用yield,不能使用generator函数二.疑问下面代码中的箭头函数arrows的this指向win
阅读全文
摘要：最近在学习vue的单页面应用开发，需要vue全家桶，其中用到了VueRouter，在路由的设置和跳转中遇到了两个对象$router 和 $route ，有些傻傻分不清，后来自己结合网上的博客和自己本地的Vue devtools结构了解了他们的区别 1.router是VueRouter的一个对象，通过
阅读全文
摘要：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>last-child 和 last-of-type区别</title> <style type="text/css"> p:last-child{ color: red; } p:la
阅读全文
摘要：let arr=[1,2,3,4,5]; arr.b='100'; for for(let i=0;i<arr.length;i++){ console.log(arr[i]); } for是编程式 forEach arr.forEach(function(i){ console.log(item)
阅读全文
摘要：1、forEach：遍历开始以后无法停止，如果要遍历整个数组，那就使用这个方法； 2、map：根据当前数组映射出一个新的数组； 3、some：遍历整个数组，返回值true就停止循环（返回false继续循环） 返回值：如果数组中的有一项回调函数返回true，那么结果为true，否则为false；（或者
阅读全文
摘要：数组遍历方法 1.for循环 使用临时变量，将长度缓存起来，避免重复获取数组长度，当数组较大时优化效果才会比较明显。 1 2 3 for(j = 0,len=arr.length; j < len; j++) { } 2.foreach循环 遍历数组中的每一项，没有返回值，对原数组没有影响，不支持I
阅读全文
摘要：加密在我们前端的开发中也是经常遇见的。本文只把我们常用的加密方法进行总结。不去纠结加密的具体实现方式（密码学，太庞大了）。 常见的加密方式 常见的加密算法基本分为这几类， 线性散列算法（签名算法）MD5 SHA1 对称性加密算法 AES DES 非对称性加密算法 RSA Md5加密 MD5是一种被广
阅读全文
摘要：一.栈和堆 栈(stack)：栈会自动分配内存空间，会自动释放，存放基本类型，简单的数据段，占据固定大小的空间。 基本类型：String，Number，Boolean，Null，Undefined 堆(heap):动态分配的内存，大小不定也不会自动释放，存放引用类型，指那些可能由多个值构成的对象，保
阅读全文
摘要：CSS的选择器分为两大类：基本选择题和扩展选择器。 基本选择器： 标签选择器：针对一类标签 ID选择器：针对某一个特定的标签使用 类选择器：针对你想要的所有标签使用 通用选择器（通配符）：针对所有的标签都适用（不建议使用） 高级选择器： 后代选择器：用空格隔开 交集选择器：用.隔开 并集选择器（分组
阅读全文
摘要：Cookie总是保存在客户端中，按在客户端中的存储位置，可分为内存Cookie和硬盘Cookie。内存Cookie由浏览器维护，保存在内存中，浏览器关闭后就消失了，其存在时间是短暂的。硬盘Cookie保存在硬盘里，有一个过期时间，除非用户手工清理或到了过期时间，硬盘Cookie不会被删除，其存在时间
阅读全文
浙公网安备 33010602011771号