m0_50729201的博客

一、vue部分：1.vue 核心思想：数据驱动与组件化数据响应式：vue会将data内部对象使用 object.defineproperty() 转为 getter/setter ，当访问或更改这些对象时，同时触发getter/setter，内部对 DOM 进行操作，实现响应式。 vue3.x 中使用 proxy 监听这些对象，而非属性，避免递归循环监听。2.data 为什么是函数？避免组件相互影响，data 每次返回的是一个新对象，存放组件内部自己的数据，党内部数据改变时，并不会影响基于组件的其他

1.setStatesetState更新状态的2种写法(1). setState(stateChange, [callback])------对象式的setState​ 1.stateChange为状态改变对象(该对象可以体现出状态的更改)​ 2.callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用(2). setState(updater, [callback])------函数式的setState​ 1.updater

1.请简述 React 16 版本中初始渲染的流程jsx 转换成 react 元素babel-react 会将jsx 转换为 React.createElement 函数调用React.createElement 会 jsx 转换成 react element （react element 就是 一个用来描述react 元素的对象。）render （协调层）此阶段负责创建 Fiber 数据结构并为 Fiber 节点打标记，标记当前 Fiber 节点要进行的 DOM 操作。首先为每一个react

1. React 介绍React 是一个用于构建用户界面的 JavaScript 库，它只负责应用的视图层，帮助开发人员构建快速且交互式的 web 应用程序。React 使用组件的方式构建用户界面。2. JSX 语法在 React 中使用 JSX 语法描述用户界面，它是一种 JavaScript 语法扩展。在 React 代码执行之前，Babel 会将 JSX 语法转换为标准的 JavaScript API。JSX 语法就是一种语法糖，让开发人员使用更加舒服的代码构建用户界面。jsx语法：相

Vuex 注册：// main.js 中导入 store，并在 Vue 中注册import Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'Vue.config.productionTip = falsenew Vue({ router, store, render: h => h(App)}).$mount('#

模拟Vue响应式原理将 data 中的成员转换成 get 与 set 注入到 Vue 实例上，则在 vue 的实例中则可以访问到 data 中的成员Vue实例中的成员：data：记录data中的成员转换成get与set，data：记录 data 中的成员转换成 get 与 set，data：记录data中的成员转换成get与set，data 中的setter是真正监视数据变化$options：把构造函数的参数记录到options中_data：和 data指向同一个对象，下划线开头的为私有成员，d

模拟Vue响应式原理重点回顾：数据驱动：数据响应式、双向绑定、数据驱动数据响应式：数据模型仅仅是普通的JavaScript对象，而当我们修改数据时，视图会进行更新，避免了繁琐的DOM操作（ Vue 内部封装了复杂的 DOM 操作），提高开发效率；双向绑定：包含数据响应式，数据改变，视图改变，反之亦然；Vue 中我们可以使用 v-module 在表单元素上创建数据双向绑定；数据驱动是 Vue 最独特的特性之一：开发过程中仅需要关注数据本身，不需要关心数据是如何渲染到视图；数据响应式的核心原理：V

Vue-Router 原理实现基础回顾使用步骤：文件结构如下：// router/index.js 配置// 导入：import Vue from 'vue'import VueRouter from 'vue-router'import Index from '../views/Index.vue'// 1. 注册路由插件// Vue.use 用来注册组件// 接收一个参数，如果参数是函数直接调用来注册插件，// 如果参数是对象，会调用传入对象的 install 方法注册插件V

前言：代码为什么需要优化？web应用日益丰富，用户体验至关重要，前端性能备受关注实现相同的结果下，哪种类型JavaScript代码具有更高性能高性能的背后是数据快速存取，也是优秀内存管理的体现JavaScript内存管理（Memory Management）：内存：有可读写的单元组成，表示一片可操作空间管理：人为的去操作一片空间的申请、使用和释放内存管理：开发者主要申请空间、使用空间、释放空间管理流程：申请 - 使用 - 释放JavaScript中的垃圾回收：JavaScri.

定义：用来描述数据（函数）之间的映射。（可以理解为对运算过程的抽象）学习意义：函数式编程是随着 React 的流行受到越来越多的关注Vue 3也开始拥抱函数式编程函数式编程可以抛弃 this打包过程中可以更好的利用 tree shaking 过滤无用代码方便测试、方便并行处理有很多库可以帮助我们进行函数式开发：lodash、underscore、ramda// 非函数式 let num1 = 2 let num2 = 3 let sum = num1 + num2 // 函数式