yuqmn的博客

原创 实习需求-校验、自定义校验、修改antd默认样式

文章目录需求背景1.表单分成三部分，单独校验2.自定义校验规则，判断数据库中是否存在某个数据3.使用antd步骤条，修改antd默认的样式，要求，填写中或者不填为灰色，校验失败为红色，校验成功为蓝色实现思路和相关代码1.页面表单结构2.校验定义校验规则校验，自定义校验时机3.修改antd默认样式需求背景1.表单分成三部分，单独校验2.自定义校验规则，判断数据库中是否存在某个数据3.使用antd步骤条，修改antd默认的样式，要求，填写中或者不填为灰色，校验失败为红色，校验成功为蓝色实现思路和相关代

原创 http请求参数

http请求中不同的请求方式和设置不同的content-type时，传递参数的方式会不一样，参数的三种形式：Query String Parameters、Form Data、Request Payloadget请求Query String Parameters请求体get请求会出现Query String Parameters请求体get请求时，参数会以url string形式传递，即?后的字符串则为其请求参数，并以&为分隔符post请求post请求会出现两种形式的请求体：Form

原创 实习需求-表格多选框的操作实现

背景表格数据太多，需要进行批量操作要求：1.表格首列为多选列，可以实现对具体数据的选中，并进行操作2.分页完整功能3.添加全选按钮，点击选中所有数据，不是本页全部数据，而是所有页的全部数据，且数据的选中状态不会根据切换页面而改变4.添加批量操作按钮，有数据被选中时，按钮被触发，颜色变为可操作状态，无数据被选中，按钮不可操作，颜色变为不可操作状态实现思路和相关代码多选列参考element-ui官网table的多选列，只需要添加一列设置type='selection’即可<e

原创 易混淆知识点

forEach和map的区别forEach会在原数组中修改，但是修改的时候需要加上indexmap会返回新数组，这个数组中的每个元素由原数组中的每个元素改动而来let arr = [1, 2, 3];arr.map(item => item*2) //会返回一个新数组[2, 4, 6],但是arr不会变arr.forEach((item, index) => arr[index] = item *2) //arr为[2, 4, 6]...

原创 02使用路由、redux以及本地mock数据

react-routerreduxredux例子01中使用webpack创建了react项目，该部分使用react-router进行路由管理，使用redux进行state管理。使用react-router1.安装npm install react-router-dom --save-dev2.在src中创建router文件夹，并在其中创建index.js文件import React from 'react';import Home from '../pages/home/index';im

原创 01webpack搭建react项目

Webpack4搭建一个react项目Webpack的4个基本概念entry: 指定Webpack构建内部依赖的入口。output: 指定Webpack在哪里输出打包后的bundles和文件相应的命名。loader: 由于Webpack只能够理解js文件，loader可以将所有类型的文件转换成Webpack可以处理的模块。plugins: plugins主要是一些插件，主要用于帮助我们开发，例如打包优化和压缩。Webpack搭建流程初始化项目cd 'your react-projec

原创 实习需求-sessionStorage实现对话框只弹出一次

背景某功能页面下线，需要提供一个弹窗来提示用户该功能已下线要求：弹窗只是在进入该页面的时候显示，切换其他的页面再回到该页面，弹窗不显示，即弹窗只在第一次点击该功能页面出现实现思路弹窗：element-ui或者antd中的dialog，参考官方api即可弹窗只出现一次，使用sessionStorage去控制dialog的visible实现代码在入口文件中定义并设置sessionStorageconst sessionStorage = window.sessionStorage;se

原创 前端知识

文章目录HTTPhttp和httpshttps的工作流程https的作用http响应头的一些字段content-type的属性和作用http返回的状态码HTTP请求方式的8中请求方法get和post的区别：在地址栏里输入一个URL,到这个页面呈现出来，中间会发生什么？（http的工作流程）TCP的三次握手和四次挥手三次握手：四次挥手：TCP和UDP的区别：WebSockethttp2.0缓存cookie的作用：cookie的一些属性字段：cookie、sessionStorage、localStorage的

原创 js手撕代码

文章目录字符串最长公共子串(LSC)最长公共前缀最长无重复字符子串括号匹配最长括号子串判断回文最长回文子串全排列大数加法大数乘法驼峰命名法字符串中每个字符统计反转字符串字符串中所有子串数组查找数组中重复元素数组去重排序合并两个有序数组查找两数之和等于目标值数组中三数相加等于0加起来和为目标值的组合螺旋矩阵输出合并区间矩阵的最小路径和数组中的最长连续(数字连续,位置不连续)子序列给定一个无序的整数数组，找到其中最长递增子序列的长度。最长递增子序列给定一个无序的整数数组，找到其中最长递增子序列。连续子数组的最大

原创 008商品分类页的渲染及实现

原创 007权限列表页的渲染及实现

原创 006角色列表页的渲染及实现

原创 git管理项目

项目过程中使用git命令

原创 005用户页面的渲染及实现

原创 004Home菜单栏的渲染及实现

原创 003登录页面的渲染及实现

原创 002项目中的一些配置

原创 001安装vue并创建vue项目