笔记
关注
分享
扫一扫
三生梅雨渡潇潇
我有很多面，但我不善变
展开
-
antd中的Select组件点击allowClear不生效
当使用Select组件的时候，同时使用value和allowClear属性，会导致点击allowClear不生效。原创 2023-02-03 17:26:51 · 1670 阅读 · 0 评论 -
react 实现proxy代理配置，使用setupProxy.js文件发起请求
1.安装http-proxy-middleware，会生成config和scripts文件夹，在config/path.js中存在 proxySetup: resolveApp(‘src/setupProxy.js’)，proxySetup是在webpackDevServer.config.js中npm install http-proxy-middleware -D2.暴露配置文件npm run eject3.在src下面新建setupProxy.js文件const { cre原创 2020-11-23 10:26:59 · 13348 阅读 · 4 评论 -
JS 中并发和并行的区别
JS中 并发（concurrency）和并行（parallelism）区别1.并发：宏观概念，有两个任务A和B，在一段时间内，通过在A和B两个任务间切换，来完成两个任务，这种情况较并发2.并行：微观概念，假设CPU有两个核心，那么我们就可以同时完成A，B两个任务。即：同时完成多个任务的情况可以称为并行。...原创 2020-11-19 09:56:51 · 844 阅读 · 0 评论 -
CSS position定位属性，Absolute和Relative的区别
首先我们设置4个div<body> <div id="div1">我是div1</div> <div id="div2">我是div2</div> <div id="div3">我是div3</div> <div id="div4">我是div4</div> </body>当不设置定位时：position属性CSS定位属性允许我们为原创 2020-11-18 20:10:01 · 234 阅读 · 0 评论 -
package.json文件中，^和~的区别
package.json文件中，^和~的区别偶然间遇到这样一个问题， package.json文件中，^和~的区别，查阅后，顺便做个笔记package.json文件里面，显示的是项目所依赖的插件和库的名称和版本，^和~就是说明版本号的^:它将当前库的版本更新到第一个数字（major version)中的最新版本，比如：“^12.2.2”，库会匹配更新到12.X.X的最新版本，但是不会更新到13.X.X版本~:当下载的时候，它会自动更新到中间那个数字（minor version）的最新版本，比如：原创 2020-11-18 15:13:29 · 8924 阅读 · 0 评论 -
vs code中，输入html、js、jsx等，自动创建初始页面
vs code中，输入html、js、jsx等，自动创建初始页面1.创建html页面时，快键键是按住shift+!,然后敲回车，用命令行的话，可以这样配置：文件-----首选项-----用户片段------html.json配置：代码："HTML":{ "prefix": "html", "body": [ "<!DOCTYPE html>", "<html lang='en'>", "<head>", "<meta c原创 2020-11-18 10:23:10 · 646 阅读 · 0 评论 -
Chrome浏览器安装react调试工具
Chrome浏览器安装react调试工具：1.访问以下链接：极简插件2.搜索react3.下载，解压4.打开浏览器设置，进入拓展程序5.将解压出来的后缀为CRX的文件拖入浏览器，安装6.在此前没有使用过拓展程序的，需要先打开开发者模式7.重新运行程序，打开浏览器就可以看到调试工具...原创 2020-11-17 20:34:13 · 1370 阅读 · 1 评论 -
CSS表单，标题文字对齐
CSS表单，标题文字对齐经常会遇到CSS表单中，每一行文字个数不相等，导致不能对齐，可以试试以下的方法，关键点在于，将前面的标题用单独的标签装起来，然后给该标签设置text-align: justify; 和text-align-last: justify;最终是要实现一下想下面是一个例子：HTML代码： <form action="" > <label htmlFor="" >原创 2020-11-17 14:14:39 · 1503 阅读 · 0 评论 -
VSCode中按tab自动补全html代码设置
VSCode中tab自动补全html代码设置1.进入VS code 编辑器2.文件，打开首选项中的设置3.工作台----外观-----在.json文件编辑添加代码，保存"workbench.colorCustomizations": { "emmet.triggerExpansionOnTab": true },...原创 2020-11-17 10:47:12 · 2078 阅读 · 0 评论 -
js中数组和伪数组的定义和区别
被问到数组和伪数组的区别，上网查了一下，为了方便复习，特意整理了一下，可以参考以下文件：数组和伪数组的区别JavaScript中的数组与伪数组的区别JavaScript数组和伪数组原创 2020-11-16 20:52:06 · 268 阅读 · 0 评论 -
js中for, for in,for of,forEach循环的用法和区别
for遍历数组的方法： let arr = [1, 2, 5, 7, 8, 10, 11] for (let i = 0; i < arr.length; i++) { console.log(i, arr[i]) }for in 遍历数组for in 循环得到的是数组或对象的keylet arr = [1, 2, 5, 7, 8, 10, 11]for (let i in arr) { console.log(i, arr[i]) }原创 2020-11-16 20:37:53 · 425 阅读 · 0 评论 -
js中常见的几种高阶函数，sort排序函数的易错点
什么是高阶函数接收一个函数作为参数的函数JS中常见的几种高阶函数map()将数组中的每一项的值变成现在的值的2倍 let arr = [1, 2, 5, 7, 8] /* 倍数的函数 */ function getvalue(val) { return 2 * val } let newarr = arr.map(getvalue) console.log(newarr)将数组的值变成字符串类型 let arr = [1,原创 2020-11-16 19:27:11 · 288 阅读 · 0 评论 -
js中的定时器的开启与关闭
setInterval()指在指定周期内，不断调用某个函数语法：setInterval(function,time,lang)参数：function:必需参数，要调用的函数或要执行的代码串time:必需参数，每隔多长时间调用函数，单位为毫秒lang:可选参数，运行的脚本语言，JScript | VBScript | JavaScriptclearInterval()表示停止setInterval定时器调用函数function getTime() { console.lo原创 2020-11-15 21:28:18 · 3708 阅读 · 0 评论 -
JavaScript中，数组的方法汇总
1.将数组arr转换为字符串arr.toString()arr.join(""):将数组转换成字符串，并用连接2.删除数组元素的方法arr.pop():删除数组中的最后一个元素,console.log(arr.pop()) 返回的是被删除的那个值arr.shift():删除数组的第一项，并将其他的元素的索引减1，console.log(arr.shift()) 返回被删除的值delete arr[0]:表示删除数组的第一个元素，被删除的元素的位置，会被empty代替，打印出来为undefi原创 2020-11-15 17:01:58 · 90 阅读 · 0 评论 -
CSS中为表格（table）设置合并边框模型（合并边框）
CSS中为表格（table）设置合并边框模型（合并边框）的方法：table { border-collapse: collapse; }原创 2020-10-10 15:12:02 · 3392 阅读 · 0 评论 -
网页子窗口iframe的用法
对于网页子窗口iframe的相关介绍，可参考以下链接：W3school中对iframe的介绍接下来看看iframe的用法：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> iframe{ width: 800px;原创 2020-08-11 08:57:25 · 600 阅读 · 0 评论 -
css3选择器----属性匹配选择器
css3选择器----属性匹配选择器1、全匹配2、开头匹配3、结尾匹配4、包含匹配1、全匹配首先我们来看以下代码，我们在页面上定义了四个输入框，但是他们的type是不一样的：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css3选择器</title> </head><body><原创 2020-08-10 23:33:15 · 831 阅读 · 0 评论 -
关于前端css中input框的介绍
对于input框，在前面使用label标签有什么好处？下面来看一个例子：<form action="" > <span>用户名</span> <input type="text" name="username"></form>以下是效果图：我们换成label标签后：<form action="" > <label for="username">用户名</label>原创 2020-08-10 23:30:09 · 4277 阅读 · 0 评论 -
前端css表单
前端表单1、表单的结构2、表单控件text文本（普通输入框）密码输入框password单选框radio复选框checkbox普通按钮button提交按钮submit重置框reset文件选择框file下拉列表select文本域textarea1、表单的结构<form action="" method=""></form>1. action:是form表单必有的属性，代表服务器的地址，即把表单提交到哪里去2.method:表示提交的方式2、表单控件text文本（普通输入原创 2020-08-10 22:57:39 · 128 阅读 · 0 评论 -
前端超链接a标签
前端中的a标签是超链接的意思，也就是说点击后，可以实现跳转 其中a标签可以实现瞬间跳转<body><!-- a可以瞬间跳转到某个具体位置--><h1 id="myh1">我是h1</h1><h1 id="myh2">我是h1</h1><!-- 这里的意思是点击后跳转到day03-form.html#password这个页面--><a href="day03-form.html#password">点原创 2020-07-28 16:16:27 · 547 阅读 · 0 评论 -
前端HTML CSS合并行、合并列
在初学前端时，对于表格中的合并行，合并列不是很清楚，下面是自己的理解合并行：rowowspan合并列：colowspan就下图所示，这个表有3行6列，我们可以分析图上的合并情况接下来就是代码了在html文档的body标签中加入以下代码<table border="1"> <!-- thead 代表表头--> <thead></thead> <!-- tbody 可以理解为表身，也即是表的主题内容-->原创 2020-07-28 16:01:04 · 8961 阅读 · 1 评论