整理一些最近遇到的问题-2022春招 总结了最近的一些面试题和之前的知识点 面试问到较重要的（需掌握）讲讲Dom渲染性能消耗 ()回流重绘URL从输入到页面展示的过程 （获取到HTTP响应报文 HtmlDom树 CSSdom树 JSdom树 ）重绘是一个非常昂贵的操作。浏览器完成一个dom操作，大多时间都是花费在重绘上面的。**回流（重绘） 全局范围就是从根节点 html 开始对整个渲染树进行重新布局，例如当我们改变了窗口尺寸 2022-02-22 项目优化 前端基础 JS
Vue diff算法 1. 当数据发生变化时，vue是怎么更新节点的？要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起整个dom树的重绘和重排，有没有可能我们只更新我们修改的那一小块dom而不要更新整个dom呢？diff算法能够帮助我们。 我们先根据真实DOM生成一颗virtual DOM，当virtual DOM某个节点的数据改变后会生成一个新的Vnode，然后Vn 2022-02-20 Vue 前端基础 Vue
Vue Vue2与Vue3的v-model v-model 是 Vue 中使用频率特别高的一个指令，而 Vue3 中的 v-model 有了很大的变化，本文将详细讲述一下 Vue2 和 Vue3 中的 v-model 的区别。 Vue2 中的 v-model如果对 Vue2 中的语法很熟悉，这部分可以不看。首先来回顾一下 Vue2 中的 v-model，它主要用于表单元素和自定义组件上。v-model本质上是一个语法糖，会对用户的输入做一 2022-02-18 Vue 前端基础 Vue
前端两种路由实现和使用场景--Hash模式&&History模式 什么是路由路由这个概念最先是后端出现的，简单来说路由就是用来跟后端服务器进行交互的一种方式，通过不同的路径，来请求不同的资源，请求不同的页面是路由的其中一种功能。 前端路由的诞生前端路由的出现要从 ajax 开始，有了 Ajax 后，用户交互就不用每次都刷新页面，体验带来了极大的提升。随着技术的发展，简单的异步已经不能满足需求，所以异步的更高级体验出现了——SPA(单页应用)。SPA 的出现大大 2022-02-17 Vue 前端基础 Vue
CSS 面试题总结 总结了最近的一些面试题和之前的知识点 面试常问flex中的缩写代表什么flex是flex-grow,flex-shrink和flex-basis的缩写，flex属性值可以只指定一个属性的值，而另外的属性值采用各自在flex属性中的的初始值，但是有一点要注意的是：flex属性中flex-grow和flex-basis的初始值和它们原始的默认值不同，至于为什么不同，mdn中有明确的说过这样的设计是为 2022-02-15 面试题 CSS 前端基础
JS基础面试题(一)- 0.1+0.2为什么不等于0.3&&typeof NaN ||null&&setTimeout输出--同步与异步 介绍 js 的基本数据类型js 一共有六种基本数据类型，分别是 Undefined、Null、Boolean、Number、String，还有在 ES6 中新增的 Symbol 和 ES10 中新增的 BigInt 类型。 Symbol 代表创建后独一无二且不可变的数据类型，它的出现我认为主要是为了解决可能出现的全局变量冲突的问题。BigInt 是一种数字类型的数据，它可以表示任意精度格式 2022-02-13 JS进阶 前端基础 JS进阶
Vue 3--Teleport and Suspense 1、teleport是什么teleport，字面意思就是远距离传送，我们可以把它理解为传送门的意思。 大家都知道，传送门的意思就是从一个地方传送到了另外一个地方。而 vue3 为什么要用 teleport 来表达呢？ 其实，有一个非常常见的需求就是，我们经常要通过点击一个按钮，来实现模态框的效果。而在 vue3 之前，我们基本上控制它都是点击后上下会形成一个父子组件的关系，这样子感觉独立性就没有 2022-02-05 Vue3 前端基础 Vue3
Vue 3--reactive, ref,toRef,toRefs用法和区别 Vue3的CompositionAPI 创建响应式对象的方式： reactive ref toRef toRefs reactivereactive 方法 根据传入的对象 ，创建返回一个深度响应式对象。响应式对象看起来和传入的对象一样，但是，响应式对象属性值改动，不管层级有多深，都会触发响应式。新增和删除属性也会触发响应式。 重点： reactive 只能 给对象添加响应式，对于值类 2022-01-30 Vue3 前端基础 Vue3
Vue 3--Composition API 和 script setup 说一下 Composition API和 Options API 的区别？ Composition API 也叫组合式 API，它主要就是为了解决 Vue2 中 Options API 的问题。 一是在 Vue2 中只能固定用 data、computed、methods 等选项组织代码，在组件越来越复杂的时候，一个功能相关的属性和方法就会在文件上中下到处都有，很分散，变越来越难维护 二是 Vue2 2022-01-29 Vue3 前端基础 Vue3
JavaScript专题之递归 定义程序调用自身的编程技巧称为递归(recursion)。 递归的三大要素第一要素：明确你这个函数想要干什么对于递归，我觉得很重要的一个事就是，这个函数的功能是什么，他要完成什么样的一件事，而这个，是完全由你自己来定义的。也就是说，我们先不管函数里面的代码什么，而是要先明白，你这个函数是要用来干什么。 例如，我定义了一个函数 1234// 算 n 的阶乘(假设n不为0)int f(int n)& 2022-01-24 js算法学习 js算法学习 leetcode
