05 2022 档案
摘要：**前端路由（router）的二种模式及区别 ** 答：hash模式和history模式 不同点：1 切换方式不同 hash： window.location.hash = 'qq' // 设置 url 的 hash，会在当前url后加上 '#qq history: window.history.p
阅读全文
摘要：** 数据类型** 答：基本数据类型： null undefind number string boolean bigint Symbol（ES6 引入的一种新的原始数据类型Symbol，表示独一无二的值。） 引用数据类型： object Symbol: 由于每一个 Symbol 值都是不相等的，这
阅读全文
摘要：vue中params和query的区别 和router 及route的区别 答：在vue中使用query要搭配path路径，而params只能由命名路由name来引入 路由中的配置： { path: '/argu/:name/:id', //这种路由配置是params传递参数,且这个后面必须加参数，
阅读全文
摘要：vue-router 有哪几种导航钩子?（当路由发生变化，导航守卫通过跳转或者取消的方式来进行守卫导航） 答： 全局钩子： beforeEach aftereach beforeResolve(全局解析守卫在beforeRouteEnter调用之后调用) 路由钩子： beforeEnter 组件钩子
阅读全文
摘要：底部向上拉伸的弹窗 import Vue from "vue" Vue.directive('dragHeight', { bind (el,binding){ const dom = el dom.style.overflow = 'auto' //缩小框内的标签会超出dialog //在该dom
阅读全文
摘要：问题场景：数组循环， 在每一次循环中需要调一次接口，然后把请求回来的数据，在原数组上新增一个字段children来接收 答： 1.自执行函数 for (let i = 0; i < arr.length; i++) { (function fn (item) { let data = { id: i
阅读全文
摘要：vue中父子组件传值，怎么在子组件修改父组件的值呢 答： 1.子组件想要修改时，须要经过$emit派发一个自定义事件，父组件收到后，由父组件进行修改 2.当你传入的prop为Object类型或者Array的时候，修改子组件内部的prop可以对应的改变父组件中的值（对象和数组是引用类型，指向同一个内存
阅读全文
摘要：vue中$nexttick的作用 及nexttick是微任务还是宏任务 答：延迟回调。不是数据发生变化之后DOM立即变化，而是按一定的策略进行DOM的更新。不会立马获取到最新的dom元素，当想操作最新的dom时，需在Vue.nextTick()回调函数中执行对DOM进行操作，简单的理解就是：当数据更
阅读全文
摘要：vue的优点 1.数据的双向绑定， 展开： 数据劫持结合发布订阅模式，当数据发生变化啦，有observer观察者，内部采用Object.defineProperty的getter和setter来实现，观察到了数据的变化，然后通知dep消息订阅器，内部通过notify函数来触发相对应的watcher
阅读全文
摘要：display none 与visibility none区别 共同点：都是控制元素的显示与隐藏 不同点：display隐藏不会占据空间， visibility会留出空间 css的重绘和回流（重排）（重绘不一定需要重排，重排必然会导致重） 1 解析html，生成DOM树 解析css 生成CSSOM树
阅读全文
摘要：css优先级的运算 答： !important(10000) > 行内样式(1000) > id选择器(100) > 类，伪类选择器(10) > 标签选择器，伪元素选择器（1）> *选择器（通配符、子选择器、相邻选择器等的。如: *、>、+） css的选择器 答：id选择器 类选择器 标签选择器 通
阅读全文
摘要：1.每一个函数都有一个显示原型prototype 2.每一个实例对象都有一个隐示原型--proto-- 实例对象的隐示原型等于构造函数的显示原型 3 原型链（隐示原型链） 答： 当你访问实例对象的属性时，会先从本身去找，没有则去原型上去找，还没有则去原型对象的--proto--去找，找到最上面--p
阅读全文
摘要：let arr = [2, 4, 3, 6, 5] // 冒泡排序 function sort (arr) { for (let i = 0; i < arr.length; i++) { for (let j = 0; j< arr.length - 1 - i; j++) { if (arr[j
阅读全文
