- 博客(15)
- 收藏
- 关注
RSS订阅原创 git commit 提交规范
如果影响的是某个目录或某个功能，可以加上该目录的路径，或者对应的功能名称。chore 的中文翻译为日常事务、例行工作，顾名思义，即不在其他 commit 类型中的修改，都可以用 chore 表示。commit 影响的范围, 比如: route, component, utils, build...如果修复的这个BUG只影响当前修改的文件，可不加范围。如果影响的范围比较大，要加上范围描述。一些备注, 通常是 BREAKING CHANGE 或修复的 bug 的链接.commit 的概述。
2023-10-14 16:25:27
299
1
转载 react-router-dom“: “v6“新版本react路由使用方法
react 导入 react-router-dom引入Switch报 ‘Switch‘ is not exported from ‘react-router-dom‘react-router-dom从V5升级到V6后，有些使用做了一些改变：<Switch>重命名为<Routes>。 <Route>的新特性变更。 嵌套路由变得更简单。 用useNavigate代替useHistory。 新钩子useRoutes代替react-router-conf.
2021-12-24 15:06:04
6195
原创 vue项目：输入电话号码，自动按3-4-4分割
主要思路：监听事件，每次号码发生改变时触发大体的逻辑是：先比较号码变化前后的长度，判断是输入还是删除，如果是输入的话，利用正则表达式改变号码格式。废话不多，上代码：html: <input type="tel" class="MobilePhone-user" placeholder="请输入手机号" v-model="phone" />vue侦听器代码： watch: { phone(newValue
2021-11-01 14:24:57
1049
原创 React中使用Typescript时引入第三方依赖包报错：无法找到模块
下面我拿react-router-dom库做例子解决办法有两种：方法一：安装库的TypeScript声明文件方法二：添加自己写库的TypeScript类型声明在方法一可行的情况下，推荐使用方法一，但是不是所有库都有 TypeScript 的声明文件，所以方法一无效才用方法二。方法一：根据报错提示哪个库缺TypeScript声明文件安装对应的就是了(建议用淘宝镜像快点)npm install -D @types/库的名字举个例子：npm inst..
2021-09-15 18:47:26
3519
原创 React中实现按品牌首字母实现右侧导航
先看一下最终效果直接上代码html <div className="brand-list"> {/* 显示字母 */} <div className="show-letter" style={{ display: this.state.showLetter }}> {this.state.showLetter_text} <.
2021-09-14 19:21:31
490
原创 React项目，从详情页返回列表页时，保存数据并返回到原来的位置
移动端开发时会遇到在列表页点击进入详情，返回后列表页刷新的情况，对用户体验很不友好。解决方案：使用 react-keeper 完成路由的分配，以及页面组件的缓存react-keeper 详情参考：https://blog.csdn.net/qq_37942845/article/details/1046949661、下载相关依赖项npm install react-keeper -s2、app.js中相关配置原来我们app.js中设置路由import { .
2021-09-07 20:23:15
2377
原创 React 配置路由
1、下载相关依赖npm ireact-router-config -snpm i react-router-dom -s2、index.js中引入importReactDOMfrom'react-dom';import{HashRouterasRouter}from'react-router-dom'3、app.js中引入import{Link}from'react-router-dom'import{renderRo...
2021-09-02 16:12:00
141
原创 React中配置反向代理
1、下载相关依赖cnpm i http-proxy-middleware --save -dev2、在src目录下新建setupProxy.js 的文件3、然后在setupProxy.js写如下代码（2020-6-23日下载的版本）const { createProxyMiddleware } = require('http-proxy-middleware')module.exports = function (app) { app.use(createProxyM...
2021-09-01 17:13:20
392
1
原创 Vue脚手架和React脚手架，二次封装axios
1、src文件夹下新建api文件夹2、api文件文件夹中新建index.js文件和request.js文件3、request文件相关配置importaxiosfrom"axios";exportconstService=axios.create({timeout:3000,//延迟时间method:'POST',headers:{"content-Type":"application/x-www-...
2021-09-01 17:01:44
139
原创 React 脚手架 配置Ant Design Mobile后导致px转rem失效问题及配置文件别名失效问题的解决办法
1、Ant Design Mobile中文文档2、安装 npm install react-app-rewired customize-cra --save-dev3、：打开 package.json ，找见scripts 直接全部替换/* package.json */"scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test":...
2021-09-01 16:28:42
654
原创 React 配置px转rem
1、npm run eject 暴露配置文件由于react默认隐藏webpack配置需要手动显示。首先执行命令显示webpack配置 执行命令：npm run eject 将config文件夹显示出来 ！如果运行npm run eject报错，出错的原因应该是仓库里面代码没有提交，如下提交一下git add .git commit -m '自定义名'npm run eject2、安装npm install lib-flexible postcss-pxtorem -S ...
2021-09-01 16:13:30
1333
1
原创 React脚手架中配置less
1、npm run eject 暴露webpack配置文件！如果运行npm run eject报错，出错的原因应该是仓库里面代码没有提交，如下提交一下git add .git commit -m '自定义名'npm run eject2、npm i less less-loader-s 安装相关依赖3、修改 webpack 配置第一步：在webpack.config.js文件中找到如下代码，在sassModuleRegex后面加上lessRegex和lessModul...
2021-09-01 13:22:14
469
原创 vue cli3.x 项目中引入 less 全局变量
1、安装 style-resources-loader，并选择想要使用的语言（本项目中使用less）vue add style-resources-loader安装完成后，style-resources-loader 和 vue-cli-plugin-style-resources-loader 会被自动添加到 package.json 的开发环境依赖；并且会在 vue.config.js 中生成如下配置。2、配置 vue.config.js// vue.config...
2021-08-09 10:43:11
138
原创 vue-cli使用px转rem
1.安装插件（1）安装px2rem-loader(devDependencies)npm install px2rem-loader --save-dev（2）移动端适配解决npm包 "lib-flexible" (dependencies)npm install lib-flexible --save（3）main.js中引入 "lib-flexible"import 'lib-flexible' // 移动端适配 (目录: hello-world/src/main.js)
2021-08-09 10:22:11
319
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人