weixin_45625609的博客

如何通过react-router-dom V6.4 中的loader优雅的实现菜单权限和登陆拦截功能

实现容器全屏放大效果1 npm i screenfull -S 下载插件screenfull2 引入import screenfull from 'screenfull'需求描述: 后台系统中通过iframe嵌套一个数据可视化页面, 支持全屏放大查看iframe页面遇到的问题: f11会将后台系统的侧边栏也放大，使用原生提供的全屏放大和缩小方法碰到其它问题解决: 我这以react为例, vue类似// 定义一个全屏的方法const screenfullFn = () => { /

stylelint格式化样式1 下载插件 npm i stylelint stylelint-config-standard -D2 在根目录下新建 .stylelintrc文件3 在package.json中增加命令 "lint": "stylelint \"src/**/*.(scss|vue|less|css)\" --fix""scripts": { "start": "react-scripts start", "build": "react-scripts build", "

如何统一代码风格1 下载插件 prettier(用于格式化代码) chalk(用于控制终端字体颜色)2 配置格式化代码脚本命令3 运行格式化代码脚本prettier 官网 如何配置1 根目录下新建一个scripts文件夹2 scripts文件夹下新建两个文件 prettier.js getPrettierFiles.js3 在根目录下新建一个配置文件 .prettierrc (用于配置代码格式 )3 在package.json中创建命令 "prettier": "node ./scri

1 我们可以运行命令 yarn run eject / npm run eject 暴露脚手架的webpack配置, 然后进行配置2 我们也可以在不暴露的情况下进行配置，将我们的配置最终也能合并到脚手架配置中步骤1 下载 yarn add customize-cra react-app-rewired -D 或者 npm i customize-cra react-app-rewired -D2 修改项目启动命令： "scripts": { "start": "react-app-rew