面试题
文章平均质量分 57
小野又在卷了
这个作者很懒,什么都没留下…
展开
-
nextTick 的使用和原理(面试题)
nextTick原理面试题原创 2023-02-17 17:41:57 · 1486 阅读 · 0 评论 -
js对象操作的14种方法
// 1.获取原型 [[getPrototypeOf]]// 以下 3 种方式都获取到了 obj 的原型,但是只有第一种是函数式方法,是 js 内置提供的方法,推荐使用第一种console.log(Object.getPrototypeOf(obj));console.log(obj.__proto__);console.log(Object.prototype);原创 2023-02-15 11:26:50 · 1223 阅读 · 0 评论 -
vue2 Object.definProperty响应式原理(面试题)
1、实现一个监听器 Observe:对数据对象进行遍历,包括子属性对象的属性,利用 Object.defineProperty() 对属性都加上 setter 和 getter。这样的话,给这个对象的某个值赋值,就会触发 setter,那么就能监听到了数据变化。并且可以拿到最新值通知订阅者。原创 2023-02-14 16:59:02 · 912 阅读 · 0 评论 -
vue3 Proxy响应式原理分析(面试题)
在目标对象前架设一层“拦截”,当外界对该对象进行访问的时候,都需要经过这层拦截,而proxy充当的就是这种机制,类似于“代理”的意思,可以在外界访问该对象前进行过滤和改写。(我自己理解的意思就是: 我不直接操作target,而是通过proxy代理target,然后通过handler里的方法来进行一些“拦截”,然后对该对象进行操作。原创 2023-02-13 15:45:39 · 1371 阅读 · 0 评论 -
es6 正则表达式
es6 正则表达式原创 2022-12-01 17:01:23 · 375 阅读 · 0 评论 -
关于生命周期的面试题vue
生命周期原创 2022-11-24 15:02:47 · 207 阅读 · 0 评论 -
vue中$nextTick()讲解操作--面试题
$nextTick()面试题和原理原创 2022-11-21 17:50:59 · 1129 阅读 · 0 评论 -
vue组件传值-详细代码版
Vue数据传递关系:父亲、孩子1.$emit / props / v-model父传子 propsFather.vue<template> <div> <h1>家庭资产:{{ fatherM }}</h1> <Child :fatherM="fatherM" /> </div></template><script>import Child fro原创 2022-01-11 17:02:26 · 339 阅读 · 0 评论 -
vue源码之数据双向绑定
实现思路数据 -> 响应式的数据 Object.defineProperty Proxyinput -> input/keyup -> 事件处理函数的绑定 -> 改变数据相关的DOM -> 数据 => 绑定在一起操作数据的某个属性 -> 对应DOM就改变首先建一个html页面<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8".原创 2022-01-07 17:16:29 · 738 阅读 · 0 评论 -
JS-防抖和节流
现实中使用场景也挺多,比如搜索框,滚动条,及时保存…使用防抖和节流可以优化性能防抖(debounce)首先以搜索框为例:为了防止接口频繁调用,如果在规定时间内没有再次触发事件,就执行函数;如果规定时间内再次触发,那么当前计时取消,重新开始计时。效果:如果短时间内大量触发同一个事件,只会执行一次函数<template> <div class="about"> <el-autocomplete v-model="state" :fetch-su.原创 2021-12-02 17:23:19 · 415 阅读 · 0 评论 -
vue组件传值的十种方式
vue组件传值的十种方式一、props父传子子组件// 第一种数组方式props: [xxx, xxx, xxx]// 第二种对象方式props: { xxx: Number, xxx: String}// 第三种对象嵌套对象方式//第三种对象默认支持 4 种属性,并且都是非必填的。可以随意使用props: { xxx: { //类型不匹配会警告 type: Number, default: 0, require原创 2021-05-26 16:37:14 · 1800 阅读 · 0 评论 -
Javscript数组的常用方法有哪些?
面试官:Javscript数组的常用方法有哪些?数组基本操作可以归纳为 增、删、改、查,需要留意的是哪些方法会对原数组产生影响,哪些不会?一、操作方法增下面前三种是对原数组产生影响的增添方法,第四种则不会对原数组产生影响push()unshift()splice()concat()push()push()方法接收任意数量的参数,并将它们添加到数组末尾,返回数组的最新长度let a = [];//创建一个数组let count = a.push("ddd","fff");//推原创 2021-04-30 15:19:34 · 339 阅读 · 0 评论 -
vue-router完整的导航解析流程
vue-router完整的导航解析流程超链接跳转到具体页面转载 2021-04-29 14:49:45 · 172 阅读 · 0 评论 -
Vue 的父组件和子组件生命周期钩子执行顺序是什么
面试题:Vue 的父组件和子组件生命周期钩子执行顺序是什么加载渲染过程父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted子组件更新过程父beforeUpdate->子beforeUpdate->子updated->父updated父组件更新过程父beforeUpdate->父up原创 2021-04-29 14:24:43 · 142 阅读 · 0 评论 -
初级web前端面试题
文章目录一、JS1、js基本类型和引用类型2、如何判断js数据类型3、js 拷贝4、事件处理机制5、原型和原型链6、什么是闭包7、事件循环机制(event loop)8、前端模块化9、es6新增特性1.let代替var关键字;2.const3.箭头函数4.字符串模板 : `` 反引号5.字符串和数组新增了一些方法(感觉没怎么用过,自己去了解叭)6.新增基本数据类型symbol(前面介绍过了)7.set集合和map集合8.promise规范9.类的支持二、css和c31.盒子模型2.有哪些行内元素、块级元素3原创 2020-11-07 15:14:32 · 6646 阅读 · 1 评论