前端分享

grid 布局简介 Grid 布局是一种用于网页布局的 CSS 技术，它允许开发者定义一个元素内部的行和列，并在这些网格中放置子元素，是一个强大的布局方式。 容器属性 Grid 布局需要在父容器上设置

vue 和 react 的区别 Vue 和 React 都是流行的前端框架，它们有以下不同点： 语法和模板：Vue 使用类似于 HTML 的模板语法，而 React 使用 JSX 语法，在 JavaS

react Hook React Hook 是 React 16.8 版本引入的一项新特性，它能够让函数组件拥有类组件中的状态(state)和生命周期方法(lifecycle methods)等功能。

vue computed 是如何实现的 Vue 的 computed 属性实现了一个响应式的计算属性。当计算属性所依赖的响应式变量发生改变时，计算属性会自动重新计算其值。 Vue 在内部通过使用 Ob

vue 的 diff 策略 Vue 的 Diff 算法是一种高效的虚拟 DOM 比较方法，它会在更新视图时，通过将新旧虚拟 DOM 树进行差异化比较，从而只对需要更新的部分进行重新渲染。 Vue 的

virtual Dom 是什么 Virtual DOM（虚拟 DOM）是一种在 JavaScript 框架中使用的编程概念，它是一个轻量级的抽象层，用于表示真实 DOM 的树形结构。它可以通过对 Vi

组件通信方式 在 Vue2 中，有以下几种方式实现组件通信： props/$emit：父组件通过props向子组件传递数据，子组件通过$emit 事件向父组件发送消息。 $parent/$childr

什么是状态管理 状态管理指的是在应用程序中，对应用程序数据（即状态）进行有效组织、维护和更新的一系列技术和方法。它通常包括确定和记录应用程序所需的所有状态数据，以及管理这些数据的变化和使用。状态管理可

vue2 中关于数组和对象数据观察时有做什么特殊处理 在 Vue2 中，对于数组和对象的数据观察有一些特殊处理。 对于数组，Vue2 使用了一种名为“拦截器”的技术来实现数据观察。具体来说，Vue2

双向绑定 Vue 的双向绑定是通过数据劫持和发布-订阅模式实现的。 当 Vue 实例初始化时，它会对 data 选项中的每个属性使用 Object.defineProperty()方法进行数据劫持。这

vue nextTick Vue.nextTick() 是一个方法，用于在下次 DOM 更新循环结束之后执行延迟回调。它的实现原理是利用浏览器的异步任务队列机制，在 tick 时刻将回调函数放入队列中

MVVM 和 MVC 都是软件架构模式，其中 MVVM 表示“Model-View-ViewModel”，而 MVC 表示“Model-View-Controller”。 MVC 模式中，控制器（Co

HTML 的渲染是由浏览器进行的，当浏览器加载 HTML 文档并构建出 DOM 树后，将会进入到渲染流程。在这个过程中，浏览器需要进行两个关键操作：回流(reflow)和重绘(repaint)。 回流

web workers 简介 Web Workers 是 HTML5 新增的一项 API，它允许在后台线程中运行 JavaScript 代码，从而避免阻塞主线程并提高 Web 应用程序的响应性能。通过

简介 Service Worker 是一种在 Web 平台上运行的脚本，它能够拦截和处理网络请求、管理应用程序的缓存、实现离线访问等功能。使用 service worker，你可以将 app 设置为首

如何实现一个事件的发布订阅 可以通过以下步骤实现 JavaScript 中的发布-订阅模式： 创建一个事件管理器对象。 在需要订阅或发布事件的地方使用该对象。 这样就可以实现 JavaScript 中

javascript 的深浅拷贝 JavaScript 中的浅拷贝和深拷贝指的是在复制对象（包括对象、数组等）时，是否只复制对象的引用地址或者在复制时创建一个新的对象。具体区别如下： 浅拷贝：浅拷贝只

promise 是什么 Promise 是异步编程的一种解决方案，可以替代传统的解决方案--回调函数和事件。ES6 统一了用法，并原生提供了 Promise 对象。作为对象，Promise 有以下两个

javascript 的原型 JS 的引用类型会内置一个特殊的属性 prototype。默认的 prototype 是 object 类型的，是引用类型。既然默认的 prototype 是 objec

1、介绍 javascript 的执行上下文 JavaScript 中有三种执行上下文类型。 全局执行上下文： 这是默认或者说基础的上下文，任何不在函数内部的代码都在全局上下文中。它会执行两件事：创建