当被问到 Vue 数据双向绑定原理的时候，大家可能都会脱口而出：Vue 内部通过 Object.defineProperty方法属性拦截的方式，把 data 对象里每个数据的读写转化成 getter/setter，当数据变化时通知视图更新。虽然一句话把大概原理概括了，但是其…

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue …

一、什么是事件循环机制？ 为什么是上面的顺序呢？ 原因是JS引擎指向代码是从上往下执行的，所以首先会执行序号1这个语句，JS引擎会将这个语句放在调用栈当中，然后执行代码，将序号1打印在控制台当中，当这

1. 功夫在日常 从上图可以看出，面试准备其实可以分为两个部分：第一个部分是日常工作中对自己负责项目的抽象、提效、数据化表达；不断反思如何用技术的手段提升业务价值，就是我们日常常说的技术为业务赋能；第二个部分才是决定面试后，开始的基础技术的准备/简历的准备等。 我们在日常的工作…

创业梦碎，回归现实，7 月底毅然裸辞，苦战两个月，拿到了美团和字节跳动的 offer，这算是从业以来第一次真正意义的面试，遇到蛮多问题，比如一开始具体的面试过程我都不懂，基本一直是摸着石头过河，所以结合我的经历和总计的前人经验，总结一下我认为还比较系统科学的面试大纲分享给大家，…

【导读】最近在面试，把一些前端高频面试题或知识点做一个总结，一方面自己做一个梳理和总结，另外一方面也分享给正在面试或有需要的朋友。 1.什么是 DOCTYPE， 有何作用？ Doctype是HTML5

css盒子模型 又称为框模型（Box Model），包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如下图： 图中的内层是content依次是padding border margin。通常我们设置背景时就是内容…

1.js基本数据类型有哪些及它们的区别 JavaScript共有八种数据类型，分别是 Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt

【导读】本文总结了前端面试中经常问到的vue高频面试题，仅供参考。 下图为思维导图： 1.vue的生命周期有哪些及每个生命周期做了什么？ beforeCreate是new Vue()之后触发的第一个钩