Vite目录 public 下面的不会被编译 可以存放静态资源 assets 下面可以存放可编译的静态资源 components 下面用来存放我们的组件 App.vue 是全局组件 main ts 全局的ts文件 index.html 非常重要的入口文件 （webpack，rollup 他们的入口文件都是enrty input 是一个js文件 而Vite 的入口文件是一个html文件，他刚开始不会编译这些js文件 只有当你用到的时候 如script src="xxxxx.js" 会发

介绍 官方文档 搭建流程 1.配置java环境 注意：要确保java版本要高于11版本。2.下载AndroidStudio软件 直接在官网上下就行了 3.新建一个项目文件夹，尽量避免中文路径4.用npx 构建项目 npx react-native init AwesomeProject 我们可以看到下面的文件夹 这个时候先不要着急运行项目5.把上面项目的android文件夹用AndroidStudio打开 这时候后AndroidStudio会自动（build）下载一些包

Reac项目中webpack需要手动配置，不像Vue自带vue.config,js，配置插件之类的很方便。 React项目中配置webpack可以使用npm run eject,但官方不推荐这种用法，因为这种方法是不可逆的，会对后续使用造成麻烦。 这里推荐按照Ant Design中的方法使用 craco （一个对 create-react-app 进行自定义配置的社区解决方案）对 create-react-app 的默认配置进行自定义 配置示例 要求： React移动端项目，支

React性能优化SCU React更新机制 我们在前面文章已经讲解过React的渲染流程: 那么React的更新流程呢? React在props或state发生改变时，会调用React的render方法，会创建一颗不同的树。 React需要基于这两颗不同的树之间的差别来判断如何有效的更新UI: 如果一棵树参考另外一棵树进行完全比较更新，那么即使是最先进的算法，该算法的复杂程度为 O(n²)，其中 n 是树中元素的数量; https://grfia.dl

一、箭头函数的特点 1. 相比普通函数，箭头函数有更加简洁的语法。 普通函数 function add(num) { return num + 10 } 箭头函数 const add = num => num + 10; 2. 箭头函数不绑定this，会捕获其所在上下文的this，作为自己的this。 这句话需要注意的是，箭头函数的外层如果有普通函数，那么箭头函数的this就是这个外层的普通函数的this，箭头函数的外层如果没有普通函数

这里介绍一下React18的4个新特性： Automatic batching Concurrent APIs SSR for Suspense New Render API Automatic bacthing 在 React 中使用setState来进行dispatch组件的State变化，当setState在组件中被调用后，并不会立即触发重新渲染。React 会执行全部事件处理函数，然后触发一个单独的re-render，合并所有的更新。 比如在点击+1的例子中，如果方法里连续触发

React中使用Redux 开始之前需要强调一下，redux和react没有直接的关系，你完全可以在React, Angular, Ember, jQuery, or vanilla JavaScript中使用Redux。 尽管这样说，redux依然是和React库结合的更好，因为他们是通过state函数来描述界面的状态，Redux可以发射状态的更新， 让他们作出相应; 目前redux在react中使用是最多的，所以我们需要将之前编写的redux代码，融入到react当中去。

博主主页👉🏻蜡笔雏田学代码 今天学习一下使用redux如何实现多组件共享数据 感兴趣的小伙伴一起来看看吧~🤞 多个组件数据共享 我们之前学习的都是只有一个组件获取redux里的数据，也就是Count求和这个组件。但是redux在真实的使用场景中，肯定是有多个组件共享数据，才会使用redux进行状态管理。接下来使用多个组件通过redux实现数据共享。 我们创建一个Person组件，Person组件的数据也交给redux管理，这样Count组件和Person组件就可以

🚀 优质资源分享 🚀 学习路线指引（点击解锁） 知识定位 人群定位 🧡 Python实战微信订餐小程序 🧡 进阶级 本课程是python flask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。 💛Python量化交易实战💛 入门级 手把手带你打造一个易扩展、更安全、效率更高的量化交易系统 正文从这开始~ 总览 当我们尝试在类组件中使用useState 钩子时，会产生"React hook ‘useState’ cannot be cal

React创建项目流程与规范 项目规范 项目规范: 在项目中都会有一些开发规范和代码风格, 下面介绍一下我采用的规范与风格 文件夹、文件名称统一小写、多个单词以连接符(-)连接, 组件采用大驼峰; JavaScript变量名称采用小驼峰标识，常量全部使用大写字母; CSS采用普通CSS和styled-component结合来编写(全局采用普通CSS或Less、局部采用styled-component); 整个项目不再使用class组件，统一使用函数式组件，并且全

项目场景： 使用过vue的朋友都知道，vue父组件更改props的值，子组件是会刷新的，而react就未必。 先看以下例子： 1、创建父组件 antd-mobile依赖需要自行引入 export default class Parent2 extends Component { constructor(props){ super(props) //初始化state this.state={ parentVal: 10,

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