自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 数组与树形结构相互转换-递归实现

数组与树形结构相互转换-递归实现

2023-12-19 18:35:31 536

原创 折线图展示任意位置数据

去除水滴状背景,平均值,最大最小值,折线图

2023-05-11 16:54:06 214

原创 前端部署项目到服务器

前端配置项目到服务器

2023-02-21 17:38:13 653

原创 vscode中git.path设置无效

vscode中git.path设置无效

2023-02-21 16:49:10 2079

原创 封装modal传值

1.modal.jsexportfunctionuseFormModal<T=any,Q=any>(){const[isShow,setIsShow]=useState(false);const[params,setParams]=useState<T>();const[query,setQurey]=useState<Query<Q>>();constopen=(p?:T,q?:Query&l...

2022-05-12 15:44:48 224

原创 React安装使用

CDN引入Staticfile CDN的React CDN库:<script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script> <script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script> <!-- 生产

2022-01-10 11:37:19 217

原创 matrix矩阵变换对元素进行操作

matrix矩阵MDN-matrix可以通过matrix进行倾斜、缩放、平移、旋转二维矩阵matrix(a, b, c, d, tx, ty)三维矩阵matrix3d(a, b, 0, 0, c, d, 0, 0, 0, 0, 1, 0, tx, ty, 0, 1)函数代表含义:matrix( scaleX(), skewY(), skewX(), scaleY(), translateX(), translateY() )参数 含义 scaleX

2022-01-07 17:57:02 342

原创 外边距重叠及解决

外边距重叠margin-collapse普通流相邻的两个盒子(可能是兄弟关系也可能是祖先关系)的外边距可以结合成一个单独的外边距。 这种合并外边距的方式被称为折叠,结合而成的外边距称为折叠外边距。折叠结果遵循下列计算规则: 两个相邻的外边距都是正数时,折叠结果是他们两者之间的最大值 两个相邻的外边距都是负数时,折叠结果是两者绝对值的较大值 两个外边距一正一负时,折叠结果是两者的相加的和 如何避免外边距折叠: 通过BFC(块级格式化上下文) float

2022-01-07 16:41:36 384

转载 MarkDown备忘录

# MarkDown备忘录## 语法快速参考元素 MarkDown语法 标题 # h1 ## h2 ### h3 粗体 ** blod text ** 斜体 * content * 块引用 > blockquote 有序列表 1. first 2. second 3.third 无序列表 - first - second -third + * _ - 代码 code 水平线 --- 超链接 ti..

2021-12-31 16:30:21 182

转载 OAuth2.0四种方式

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

2021-12-29 16:59:20 105

原创 关于window.onload移动端不加载问题

window.onload = function fetch(){};在web端速度非常快,但是在苹果或某些浏览器不展示的问题1.直接function fetch(){}fetch();2.如果fetch是插入节点,渲染速度导致过快,建议加一个定时器function fetch(){}setTimeout(() => { fetch();}, 1000);...

2021-10-21 18:24:19 1138

原创 react页面切换弹窗提醒

页面保存提醒解决方案:1.当页面不切换,仅刷新时,页面效果如图实现原理:窗口关闭事件-beforeunload,在组件挂载时监听事件,组件卸载时移除事件监听代码实现:Editor = () => { const listener = ev => { ev.preventDefault(); ev.returnValue='are you sure?'; }; window.addEventListener('beforeunload',

2021-10-20 14:47:46 1308

原创 js跨域问题

1.关于跨域是指域名、协议、端口中任意一个不相同的即存在跨域问题。请求能正常发出去,服务器能接受请求并返回结果,但是结果被浏览器拦截了2.解决跨域2.1jsonp(非同源请求)<script>标签加载json数据,但是需要服务器做支持优点:没有跨域限制缺点:容易受到xss攻击2.2ajax(同源请求)jq方式$.ajax({ type:'get', async:true, dataType:'jsonp', jsonp:'',

2021-09-29 14:58:10 76

原创 表单提交和post提交区别

表单提交:将json格式数据转换成表单数据let data = {};const formData = new FormData();Object.keys(data).forEach(key => { formData.append(key, data[key]);});//或formData.append(字段,字段数据)post提交:let data = {}//json格式数据...

2021-09-29 14:22:17 441

转载 磨砂质感样式

background-color:rgba(255,255,255,.6);backdrop-filter:blur(10px);图形效果/* 关键词值 */backdrop-filter: none;/* 指向 SVG 滤镜的 URL */backdrop-filter: url(commonfilters.svg#filter);/* <filter-function> 滤镜函数值 */backdrop-filter: blur(2px);backdrop-fi.

2021-09-22 15:33:39 111

原创 通过xpath在页面自由插入一段html

1.在当前页面F12打开控制台点击此处然后选择需要插入代码的位置,p标签右键p标签p标签位置xpath=/html/body/div/div/div/div/div/div/p<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg...

2021-09-10 15:10:12 286

原创 清空input输入框以及select设置初始值

1.清空input输入框class CustomTextInput extends React.Component { constructor(props) { super(props); this.textInput = React.createRef(); } clear() { this.textInput.current.state.value = ''; } render() { return ( <Search s

2021-09-10 14:56:18 1567

原创 前端React项目部署

前端react项目部署文档1.下载phpstudy小皮面板(phpstudy) - 让天下没有难配的服务器环境!2.找到配置文件设置-文件位置-nginx-conf3.修改nginx.conf项目npm run build项目目录下可看到build文件夹修改server中端口地址修改server中root地址为build文件夹目录包含vhosts下面的配置文件include vhosts/*.conf;#vhosts/*.conf文件server {

2021-09-10 14:49:23 782

原创 p标签设置行数,超出部分用省略号隐藏

width: 50%; overflow: hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical; line-height: 20px;...

2021-09-10 14:46:12 1883

原创 React配置sass以及antd引入

1.React中配置less1.1 npm i less less-loader -S1.2 npm run eject1.3 找到config---webpack.config.js1.4查找cssRegex往后添加less1.React中配置less1.1 npm i less less-loader -S1.2 npm run eject1.3 找到config---webpack.config.js1.4查找cssRegex往后添加less1.Reac

2021-09-10 14:42:53 442

转载 axios中文使用说明

官方推荐axios安装npmnpm i axios --savecdn<script src="https://unpkg.com/axios/dist/axios.min.js"></script>getaxios.get("package.json",{ //package.json?userid=123 params: { userId:...

2020-05-24 22:48:38 307

原创 node配置、webpack目录详解、vue-devtools安装

安装nodejs官网下载https://nodejs.org/en/download/选择lts长期稳定版本修改安装目录---默认安装C盘---一路next检测是否安装成功----node -v,npm -v配置环境变量在安装目录下新建node_cache,node_globalcmd--npm config set prefix "D:\node\node_global"npm config set cache "D:\node\node_cache"右键--属性--高级系统设计--

2020-05-14 14:53:14 292

原创 vscode更新失败,提示未找到code.exe文件

May 14 14:22:03.050 INFO Starting: D:\vscode\Microsoft VS Code\Code.exe, falseMay 14 14:22:03.050 ERRO Bad arguments: Code path doesn't seem to exist: D:\vscode\Microsoft VS Code\Code.exe首先查看错误日志,从中可以看到是在安装目录下并没有找到code.exe,造成这种原因可能是二次安装vscode在同一目录下,导致两.

2020-05-14 14:44:13 4381 3

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除