React
21篇文章 · 0订阅
  • JS 关闭浏览器或关闭该网页所有相关的Tab页，再次访问则需要重新登录，刷新不影响
    最近有个安全需求，当关闭浏览器的时候，再次访问网页需要重新登录，如果当前浏览器中没有一个 tab 标签页存在访问该网页的情况下，进行访问也需要重新登录，但是刷新则不受影响不需要重新登录， secure
    React.js Vue.js JavaScript
  • React 之使用「swiper」
    最近项目中需要用到轮播图，我立马想起了 swiper ，那么本文就来带大家体验一下如何在 React 中使用这个插件，并且有哪些需要注意的地方。
    前端 React.js
    React 之使用「swiper」
  • React craco 详细使用与介绍（类似 Vue 外抛的 vue.config.js）
    一、简介 craco 官方文档、craco Github。 craco 是一个用于扩展 Create React App（CRA）的工具，CRA 是一个用于快速搭建 React 应用的脚手架工具。CR
    React.js
  • React craco 解决 webpack < 5 used to include polyfills for node.js core ...
    在运行 React 项目时，报错： 原因呢是 webpack5 在精简后，移除了 nodejs 核心模块的 polyfill 自动引入，所以需要手动引入，如果打包过程中有使用到 nodejs 核心模块
    React.js
  • React 像 vue 一样配置页面路由，并支持重定向路由，路由守卫等（使用 useRoutes 完成）
    希望达到跟 vue 一样，在 js 配置中则完成路由重定向的等基础操作，不太习惯使用 Routes、Route 等互相包裹的方式。 所有基于 react-router-dom@6.15.0 封装了一个
    React.js
  • npm/yarn link 测试包时报错 Warning: Invalid hook call. Hooks can only be called ...
    使用 dumi 开发 React 组件库时，为避免每次修改都发布到 npm，需要在本地的测试项目中使用 npm link 为组件库建立软连接，方便本地调试。 结果在本地测试项目使用 $ npm lin
    React.js
  • React 安装使用 Less（详细流程，包含 webpack、craco 方式）
    一、简介 React 项目开发中可能会使用到 Less、Sass 等样式预处理器，create-react-app 创建的 React 项目，默认就是支持 Sass 的。如果需要使用 Less 则需要
    React.js
  • react HashRouter 与 BrowserRouter 的区别及使用场景
    一、简介 在单页面应用中，如何在切换页面后，不刷新浏览器呢？为了解决这个问题，有两种方法，就是hash路由模式、history路由模式，而 react router 的两种路由就是使用这两种路由模式。
    React.js
  • React 配置别名 @ （ js/ts 项目中通过 webpack.config.js 配置）
    一、简介 在 Vue 项目当中，可以使用 @ 来表示 src/，但在 React 项目中，默认却没有该功能，因此需要进行手动的配置来实现该功能。 别名主要解决的问题：每个页面都使用路径的方式进行引入，
    React.js
  • React 配置别名 @ （ js/ts 项目中通过 @craco/craco 配置）
    一、简介 在 Vue 项目当中，可以使用 @ 来表示 src/，但在 React 项目中，默认却没有该功能，因此需要进行手动的配置来实现该功能。 别名主要解决的问题：每个页面都使用路径的方式进行引入，
    React.js