- 博客(8)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 react处理后端返回的文件流(img/jpeg)并展示
react前端获取验证码图片并展示背景：返回的类型为img/jpeg，数据以文件流的形式返回这时preview里会打印图片，看不到文件流信息验证码展示处使用img标签 <img id='captchaImg' src='' alt="点击刷新" style={{ cursor:'pointer' }} onClick={getCaptcha} />getCaptcha方法 const getCaptcha = async (url)=>
2021-11-24 13:57:19
4404
原创 正则表达式（密码校验）
对密码进行校验要求6到12个字符，至少包含数字、小写字母、大写字母及特殊字符（包含_）js代码 let newPw = values.newPassword2; let pattern = /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?(_|[^\w\s])).{6,12}$/; if(pattern.test(newPw)){ console.log("符合") } else{ console.log("不符合") }注释： ?=表示
2021-11-24 13:40:47
731
原创 React + Hooks中组件重复渲染的问题
React + Hooks中组件重复渲染的问题问题背景使用useMemo解决问题背景使用React做前端开发时，会用到Hooks函数组件，可以在函数式组件中创建一些状态，当状态发生改变时，页面会重新渲染以更新展示数据，但页面中的状态改变时有时只需要渲染部分组件即可，且当Hooks使用较多时，这种重复渲染会带来不好的视觉体验使用useMemo解决例如在使用某自定义组件时<div style={{height:'100%'}} id = 'funnel'> <DemoFunnel/
2021-09-02 14:18:34
3937
原创 使用IDEA创建一个简单的React项目
创建一个简单的React项目版本说明项目创建与运行结合element-react添加简单的点击计数组件点击运行版本说明IDEA 2020.3.2react 17.0.2element-react 1.4.34项目创建与运行以管理员的身份打开命令提示符，切换到想要存放react项目的空文件夹下安装create-react-appnpm install -g create-react-app创建项目create-react-app demo-react01创建完成后项目文件结构
2021-07-25 22:07:48
3274
原创 前后端结合测试（Vue + Spring Boot）
前后端结合测试版本说明前端修改项目目录结构图添加依赖代码后端修改项目目录结构图代码运行该篇文章接前面的Vue项目中实现简单的页面间跳转和创建一个SpringBoot项目进行版本说明可在命令行或package.json中进行版本查看IDEA 2020.3.2node.js 10.15.1npm 6.4.1vue 2.9.6vue-cli 4.5.13axios 0.21.1element-ui 2.15.3vue-router 3.5.2前端修改项目目录结构图添加依赖在Te
2021-07-25 15:57:25
968
1
原创 创建一个SpringBoot项目
创建一个SpringBoot项目一级目录二级目录三级目录一级目录也可以之后再下载给项目命名之后，等待以来下载完成，目录结构图如下右击运行下图中文件，打开浏览器访问网址http://localhost:8080/因为是新建的项目，还什么都没改，所以上图页面为正常情况，项目创建成功二级目录三级目录...
2021-07-25 13:45:45
363
2
原创 Vue项目中实现简单的页面间跳转
使用路由实现简单的页面间跳转项目目录结构及说明新增文件情况资源下载说明步骤及代码运行接上篇文章，进行简单的页面间跳转项目目录结构及说明项目的目录结构图如下，未展开的文件夹表示未修改新增文件情况在src下新建router文件夹，随后在该文件夹下新建js文件index.js；在components文件夹下新建vue文件Home.vue;资源下载说明vue-routerelement-ui步骤及代码按照上方新增文件情况新建相应文件，名称可变通过在Terminal终端输入命
2021-07-18 00:26:42
9797
2
原创 使用IDEA创建一个简单的Vue项目
使用IDEA创建一个简单的Vue项目Vue项目的创建使用的软件及库版本情况开始新建一个Vue项目运行Vue项目的创建使用的软件及库版本情况可在命令行进行版本查看IDEA 2020.3.2node.js 10.15.1npm 6.4.1vue 2.9.6vue-cli 4.5.13开始新建一个Vue项目项目类型选择JavaScript–>Vue.js项目命名（不能有大写字母）等待项目资源下载完毕后（过程中有一次需要输入Y）的项目目录结构图如下运行打开浏览器访问8
2021-07-16 22:40:47
2056
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人