一提到前端框架，相信大家都对Vue和React不陌生，这两个前端框架都是比较主流的，用户也都比较多，但是我们在使用这些框架的时候，是否对这两个框架之间的区别有所了解呢？接下来，让我们来一起的系统梳理这两个框架的区别是什么吧~ 预备知识介绍 在了解Vue和React的区别之前，我们首先来了解一下MVC和MVVM架构，这个知识点有助于我们对后续知识的了解。 MVC架构 首先MVC指的是Model-View-Controller，分别代表着模型层、视图层、控制器。

React事件机制 React基于浏览器事件机制实现了一套自己的事件机制，包括：事件注册、事件合成、事件冒泡、事件触发等。 事件代理 React的事件并没有绑定到具体的dom节点上，而是绑定在了document上，然后由统一的事件监听器去监听事件的触发 React在内部维护了一个映射表来记录事件与组件的事件处理函数的对应关系。当某个事件触发时，React根据映射表将时间分派给指定的事件处理函数。当一个组件挂载与卸载时，相应的事件处理函数会自动被添加到事件监听器的内部映射表中或从表中删

Vue3.0路由跳转方式 1.编程式路由导航 第一步创建route文件夹以及index.js 上代码 import { createRouter, createWebHistory } from 'vue-router' //路由数组 const routes = [{ path: '/hello', name: ' hello', component: () =

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 前言 随着互联网的不断发展，视频的格式也越来越多，视频格式兼容问题也随之出现，这篇文章主要对video.js播放mp4和hls视频格式进行简单使用。 一、video.js是什么？ video.js是一个通用的在网页上嵌入视频播放器的 JS 库,是一款基于HTML5的网络视频播放器。它支持HTML5和Flash视频。支持在桌面和移动设备上播放视频。 二、使用步骤 1.引入库 使用yarn

哈喽，我是树酱。之前搭建的微前端体系已经稳步运行将近两年了，最近遇到一些童鞋反馈。之前据说qiankun并不支持Vite打包的应用，那是不是我就无法使用了？ 是的，官方暂未有文档表明已经支持Vite。接下来我会从Vite聊起，然后一步步解析如何去解决在qiankun微前端体系中集成基于Vite构建的子应用. 1 为什么要用Vite？ 在Vite没有诞生之前，我们前端大多都是基于 webpack 构建的，主要离不开以下两点： 本地开发（热更新HMR） 打包上线 we

前言 之前已经写了图片跑马灯的基本运行原理，今天我们来优化一下样式和丰富一下功能提示：以下是本篇文章正文内容，下面案例可供参考 首先我们先看看react的好基友ant design（v4.x）能给我们提供什么样的效果 如图介绍，这是最简单的用法 完整示例代码 import React, { Component } from 'react' import { Carousel } from 'antd'; const contentStyle = { width: '416

警告信息：  ./src/components/BusinessList.js Line 51: React Hook useEffect has a missing dependency: 'getPowerList'. Either include it or remove the dependency array react-hooks/exhaustive-deps 警告原因：         通过使用 useEffect 将依赖项滞空的方法，让 useEffect 中的

✨ 编 写 不 易 ， 还 希

欢迎来到我的博客📔博主是一名大学在读本科生，主要学习方向是前端。 🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏 🛠目前正在学习的是🔥 R e a c t 框架 React框架 Reac

1. 视搭 Site: github.com/tnfe/shida 《视搭》是一个 视频可视化 搭建项目。您可以通过简单的拖拽方式快速生产一个短视频，使用方式就像易企秀或MAKA等 h5 搭建工具一样的简单。目前行业内罕有关于视频可视化搭建的开源项目，《视搭》是一个相对比较完整的开源项目，仅抛砖引玉希望您喜欢。 2. C2F Site: github.com/drawcall/c2… 对于初学者来说，flutter widget的复杂样式代码真的很难记。我们想建立一个在线将cs

背景：搜索网上文章，一步步的配置完.eslintrc.js，发现：压根不生效！ 配置过程可以说是很仔细了，把官方文档也翻看了一些。认认真真的把我需要的读了一遍。但结果就是：我特意写两个 let a=1; 它还是检测不出来！ 未接触过eslint配置的宝宝请看 这里。 一、原因 查找原因的步骤： 点开项目中的 .eslintrc.js文件（也可以是json文件） 点击编辑器右下角的ESLint 根据提示查找原因。 如图所示： 下面说说上述问题原因：相关依赖包未安

函数式组件中，使用useCallback对函数进行缓存（被外层函数包裹，相当于闭包），组件再次更新时（函数重新执行）会根据依赖是否变化决定选用缓存函数【之前生成的函数】还是新函数【新生成的上下文】。 一般会在嵌套组件中，与函数式组件的memo和类组件的PureComponent一起使用【会对传入props参数逐个进行浅比较决定是否需要更新】，来提高页面性能。 传入箭头函数还是普通函数没有影响 useCallback第二个参数决定组件更新是否生成新函数，函数内部使用到的依赖尽可