vite:常见的配置
最近在捣鼓一下vite,因为自己一直在使用react,就选择vite、react来体验一下vite。,然后选择react框架。
【腾讯云 Cloud Studio 实战训练营】使用云IDEA,快速构建React完成点餐H5页面
腾讯云 Cloud Studio 是腾讯云提供的一种在线开发环境,用于帮助开发者进行云端应用的开发和调试。通过 Cloud Studio,开发者无需在本地配置开发环境,只需通过浏览器登录即可进行代码编写、调试、部署等操作。
微前端----qiankun
适合小白直接上手的qiankun的实战配置及理解
React中useMemo的简单使用
useMemo使用场景,比如有两个变量(依赖项),只需要在其中一个变量变化时发生变化,否则拿缓存的值;或者其中另一个变量的变化不需要引起重新计算时使用。该属性类似于vue中的计算属性,有返回值。useMemo(fn, arr)第一个参数为函数。第二个参数为依赖项,并且其值发生改变,才会多次执行执行,
react异常 Each child in a list should have a unique “key” prop
react异常警告:Each child in a list should have a unique “key” prop。加了key为何还报Each child in a list should have a unique “key“ prop。原因:Dom在渲染数组时,需要一个key,不然嵌套
React + jest 测试 hightlight.js 报错
报错在这行 import 'highlight.js/styles/monokai.css'内容:Ïmodule.exports ='test-file-stub';1.首先安装 babel-jest和 identity-obj-proxy。2.然后在package.json文件中的jest配置中加
react+jest+enzyme配置及编写前端单元测试UT
本文主要介绍在react项目中如何结合jes和enzyme编写单元测试代码。配置测试文件,以及测试技巧,如何触发ant design组件和mock掉一些请求及其他影响UT运行的代码。
antd的Table组件实现单元格可编辑
antd的Table组件实现单元格可编辑
VScode如何在敲代码时自动导入包
在使用react-router-dom中的Navigate时候,需要导入对应的包。
react 基于 dnd-kit 封装的拖拽排序组件
react 基于 dnd-kit 进一步封装的拖拽排序组件,作用:将其抽取成一个只需传入列表和对于的回调方法、使用更为简单的组件。
react-draggable实现拖拽详解
在页面中导入react-draggable。2. 初始化开始位置。
前端在WebSocket中加入Token
给WebSocket传递Token的方式
H5获取手机型号,获取具体手机型号
分析实现:因为H5 是运行在浏览器上的,只能获取window上给的信息也就是浏览器信息。如下图所示,这是安卓机(华为)的拿取到的信息。重这个信息中我们可以获取到手机的入网机型代码,这个也是唯一,是由工信部批准的,是唯一不会变的。苹果的我们是拿不到这个信息的,不过苹果我们可以根据逻辑分辨率来时区分机型
nextjs系列教程(二):项目创建及目录结构
nextjs系列教程
2023 年 8 个最佳 React UI 组件库和框架
将展示八个最好的 React UI 组件库和框架,如下表所示:(星标加关注,开车不迷路)「React Bootstrap:」一个与 Bootstrap 框架集成的实用的 React UI 库。「Grommet:」如果您想在设计中实现可访问性,这个 React UI 组件库非常有用。「Blueprin
react-query的介绍和使用
react-query是一个异步状态管理的hook,内置了loading,error等状态。
什么是组件,以及前端各种框架组件的使用方法
⭐组件就像是搭积木一样的东西,可以用来构建软件或者系统。每个组件都有自己独立的功能和任务,就像一个小小的部件。你可以把这些小部件组合在一起,形成一个完整的应用程序或者系统。想象一下,你在玩积木,每个积木块都有不同的形状和功能,比如有的是方块、有的是圆柱体。你可以把这些积木块拼在一起,按照自己的想法组
react ant-design实现导航菜单menu的路由设置/切换页面
react+ant-design实现导航菜单menu的路由设置或切换页面
react-router-dom V6 中文文档教程总结
react-router-dom v6 使用文档教程 react-router-dom
React中提示XXX不能用作JSX组件
React中提示"XXX"不能用作JSX组件