博客
三生梅雨渡潇潇
我有很多面,但我不善变
展开
-
antd中的Select组件点击allowClear不生效
当使用Select组件的时候,同时使用value和allowClear属性,会导致点击allowClear不生效。原创 2023-02-03 17:26:51 · 1374 阅读 · 0 评论 -
react 使用mobx
1.首先下载需要用的东西:npm install mobx@5.15.4 mobx-react@6.3 -snpm install --save-dev @babel/plugin-proposal-decorators2.下载完成之后(要是自己的项目是使用git保存的,先将代码提交)释放配置文件npm run eject在package,json文件中将babel修改为 "babel": { "presets": [ "react-app"原创 2021-03-18 15:59:17 · 131 阅读 · 0 评论 -
浏览器储存的方法
浏览器储存的几种方法转载 2020-12-01 20:37:58 · 127 阅读 · 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 · 12964 阅读 · 4 评论 -
JS 中并发和并行的区别
JS中 并发(concurrency)和并行(parallelism)区别1.并发:宏观概念,有两个任务A和B,在一段时间内,通过在A和B两个任务间切换,来完成两个任务,这种情况较并发2.并行:微观概念,假设CPU有两个核心,那么我们就可以同时完成A,B两个任务。即:同时完成多个任务的情况可以称为并行。...原创 2020-11-19 09:56:51 · 768 阅读 · 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 · 190 阅读 · 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 · 8857 阅读 · 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 · 540 阅读 · 0 评论 -
Chrome浏览器安装react调试工具
Chrome浏览器安装react调试工具:1.访问以下链接:极简插件2.搜索react3.下载,解压4.打开浏览器设置,进入拓展程序5.将解压出来的后缀为CRX的文件拖入浏览器,安装6.在此前没有使用过拓展程序的,需要先打开开发者模式7.重新运行程序,打开浏览器就可以看到调试工具...原创 2020-11-17 20:34:13 · 1259 阅读 · 1 评论 -
CSS表单,标题文字对齐
CSS表单,标题文字对齐经常会遇到CSS表单中,每一行文字个数不相等,导致不能对齐,可以试试以下的方法,关键点在于,将前面的标题用单独的标签装起来,然后给该标签设置text-align: justify; 和text-align-last: justify;最终是要实现一下想下面是一个例子:HTML代码: <form action="" > <label htmlFor="" >原创 2020-11-17 14:14:39 · 1379 阅读 · 0 评论 -
VSCode中按tab自动补全html代码设置
VSCode中tab自动补全html代码设置1.进入VS code 编辑器2.文件,打开首选项中的设置3.工作台----外观-----在.json文件编辑添加代码,保存"workbench.colorCustomizations": { "emmet.triggerExpansionOnTab": true },...原创 2020-11-17 10:47:12 · 1974 阅读 · 0 评论 -
js中数组和伪数组的定义和区别
被问到数组和伪数组的区别,上网查了一下,为了方便复习,特意整理了一下,可以参考以下文件:数组和伪数组的区别JavaScript中的数组与伪数组的区别JavaScript数组和伪数组原创 2020-11-16 20:52:06 · 232 阅读 · 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 · 391 阅读 · 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 · 214 阅读 · 0 评论 -
js中的定时器的开启与关闭
setInterval()指在指定周期内,不断调用某个函数语法:setInterval(function,time,lang)参数:function:必需参数,要调用的函数或要执行的代码串time:必需参数,每隔多长时间调用函数,单位为毫秒lang:可选参数,运行的脚本语言,JScript | VBScript | JavaScriptclearInterval()表示停止setInterval定时器调用函数function getTime() { console.lo原创 2020-11-15 21:28:18 · 3646 阅读 · 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 · 68 阅读 · 0 评论 -
js中null和nudefined的区别
不同点类型不同利用typeof打印出两个的值,会发现:console.log(typeof null) //objectconsole.log(typeof undefined)//undefinedNumber转换的值不同 console.log(Number(null));//0 console.log(Number(undefined));//NaN定义上理解1.null表示没有对象,没有值,作为函数的参数,表示该函数的参数不是对象,作为对象原型链的终点2原创 2020-11-15 10:00:40 · 139 阅读 · 0 评论 -
a标签的target属性 打开新窗口
1._blank:在新窗口打开链接2._parent:在父窗口打开链接3._self:默认,在当前页面跳转4._top:在当前窗口打开链接,并替换当前的整个窗体参考:HTML 属性原创 2020-11-14 13:12:38 · 2373 阅读 · 0 评论 -
CSS 选择器的优先级,权重
选择器优先级的顺序,由高到低是:1.!important2.行内样式选择器 —> style3.ID选择器 —> #div14.类选择器 —>.div15.标签选择器 —>div6.通配符选择器 —>*7.浏览器自定义或继承权重有多个选择器的时候,权重相加...原创 2020-11-14 12:56:01 · 234 阅读 · 0 评论 -
vue2和vue3中,双向数据绑定的原理的不同点
vue2双向数据绑定的原理vue2的双向数据绑定是通过数据劫持结合发布-订阅者的模式实现的,它通过object.defineProperty()来劫持对象属性的getter和setter操作,在数据变动的时候发布消息给订阅者,触发响应的监听回调。对于object.defineProperty,有三个参数,第一个参数:要定义属性的对象的名字,第二个参数:要定义或修改的属性的名称或symbol,第三个参数:要定义或修改的属性的描述符以下是一个例子:let obj = {} //定义一个对象//给o原创 2020-11-13 17:10:46 · 1046 阅读 · 0 评论 -
CSS 隐藏、显示元素的方法
1.Opacityopacity属性是通过改变元素的透明度来实现隐藏和显示效果。当值为0时,元素被隐藏,当值为1时,元素没有透明度控制div的透明度<div id="div1"></div>#div1{ width: 100px; height: 100px; background-color: aqua; opacity: 0.5; }2.displa原创 2020-11-13 16:04:20 · 432 阅读 · 0 评论 -
右键菜单,用VSCode打开文件和文件夹
右键菜单,用VSCode打开文件和文件夹点击以下链接右键菜单,用VSCode打开文件和文件夹原创 2020-11-11 20:18:31 · 610 阅读 · 0 评论 -
css 让chrome支持小于12px的文字
问题描述:chrome浏览器限制了文字的大小,最小只能是12px,以前可以使用Chrome的CSS私有属性-webkit-text-size-adjust:none; (只对英文才有效,对中文无效。)来取消Chrome的字体限制。但是,在chrome更新到27版本之后就删除了这个属性。如图所示:问题解决1.利用transform属性来解决这个问题但是这里会发现,虽然字体改变了,但是位置也发生了变化,这是因为transform:scale()只能对块元素设置,设置后宽高也会比例缩放,tra原创 2020-11-10 16:05:32 · 326 阅读 · 0 评论 -
谷歌浏览器变成白色的解决方法
问题描述:谷歌浏览器打开之后,在任务栏上面的图标变成了白色。问题分析原因是图标的路径找不到了解决问题打开谷歌浏览器,在任务栏处的白的图标上右击,然后找到该浏览器,并右击,点击属性,以下我的图片是我已经改过了,所以不再是白色这时有可能会报错,说路径找不到,这时只需要更改图标的路径就好了,图标的路径在谷歌的应用程序中。...原创 2020-10-16 13:39:10 · 8962 阅读 · 0 评论 -
打开浏览器,显示的首页是2345浏览器
问题描述打开浏览器,显示的首页是2345浏览器,原因浏览器被篡改了,在网上搜过很多方式都不得行。但是试了一下下面的方式就可以了:找到该浏览器安装的位置,将浏览器的名字修改一下,无论修改成什么都可以。注意的是,修改的是应用程序,不是快捷方式,比如我的两个浏览器都是修改过的:修改完之后,直接点击应用程序,进去就不会再显示其他浏览器的页面了。这时你可以进入浏览器的设置,将浏览器的首页设置成自己想要的,比如我的谷歌浏览器设置的是百度页面最后,要是想将浏览器放到桌面,可以发送快捷键:...原创 2020-10-16 13:08:03 · 2094 阅读 · 0 评论 -
VS code 设置Ctrl+S保存,自动格式化的方法
VS code 设置Ctrl+S保存,自动格式化的方法:1.点击Vscode的设置=>工作区=>文本编辑器原创 2020-10-14 14:02:28 · 7941 阅读 · 1 评论 -
vue cli 脚手架创建vue项目的两种方式
vue cli 脚手架创建vue项目,下面介绍两种方式1.命令式创建1.打开终端,用cd命令切换到想要创建项目的盘符,如果是当前盘符,就直接,输入命令,回车//vue create 项目名称vue create project2.按上下键选择,回车3.上下键移动,空格键选中或取消选中,回车4.选版本,这里我选择版本25.选择,回车图形化创建1.在终端或者cmd中,输入命令并回车vue ui运行正确,会自动跳到浏览器选择创建,在下方选择要创建项目的盘符注意:项目原创 2020-10-13 10:51:36 · 364 阅读 · 0 评论 -
在vs code的终端用脚手架创建vue项目时报错,无法加载运行脚本
问题在vs code的终端用脚手架创建vue项目时报错:vue :无法加载文件C: \Users\86183\AppData\Roaming\npm\vue.ps1, 因为在此系统上禁止运行脚本。有关详细信息,请参阅https:/go. microsoft . com/fwLink/ ?L inkID=135170中的about Execution PoLicies。所在位置行:1字符: 1vue create project 这是因为系统禁止运行脚本了。解决1.点击电脑左下方搜索Window原创 2020-10-12 18:32:43 · 2137 阅读 · 7 评论 -
CSS中为表格(table)设置合并边框模型(合并边框)
CSS中为表格(table)设置合并边框模型(合并边框)的方法:table { border-collapse: collapse; }原创 2020-10-10 15:12:02 · 3008 阅读 · 0 评论 -
谷歌浏览器中使用极简插件安装Vue.js devtools
描述1.在谷歌浏览器中使用极简插件安装Vue.js devtools,网上搜了很多方法,试了一下都不行,在这里我是用极简插件直接进行安装的。2.安装了Vue.js devtools,打开浏览器运行代码,还是不能出现Vue控制界面,这个问题,可以从步骤8开始看,希望能帮你解决步骤1.打开谷歌浏览器,输入极简插件,并输入Vue.js devtools2.双击打开3.点击推荐下载4.打开文件下载的地址,将文件减压,有三个文件5.打开谷歌浏览器的设置,并找到拓展程序6.这里可以看到自己安原创 2020-10-10 13:16:19 · 2437 阅读 · 0 评论 -
用cmd 查看本机的IP地址
1.在window下面按住window+R打开cmd:2.在cmd下输入:ipconfig原创 2020-09-11 17:06:07 · 2641 阅读 · 0 评论 -
vs code运行nodejs,端口号被占用
问题:在vs code运行nodeJS文件,出现错误:Error: listen EADDRINUSE: address already in use :::8888 at Server.setupListenHandle [as _listen2] (net.js:1279:14) at listenInCluster (net.js:1327:12) at Server.listen (net.js:1414:7) at Object. (F:\w231\js-hom原创 2020-09-11 16:44:02 · 1971 阅读 · 0 评论 -
JQ对象和dom对象
问题描述:当我要循环给某个符合条件的dom节点(复选框)添加一个选中状态,在以下代码中 $('.checked')[i].prop("checked", true)控制台提示:aught TypeError: $(…)[i].prop is not a functionat istrue (index.html:325)at window.onload (index.html:130)原因分析:忽视了dom对象与jq对象的转换,因为jq对象和dom对象不能混用,所以要注意解决方案:jq原创 2020-09-07 14:07:53 · 128 阅读 · 0 评论 -
js 实现下拉菜单 完整代码
一、js实现下拉菜单二、解题思路:三、代码:1.html<ul id="divBox"> <li class="myLi" onclick="openS(this,0)"> <span class="iconfont icon-maobi front"></span> <span class="font">Diseno原创 2020-08-22 13:52:08 · 5109 阅读 · 0 评论 -
js实现图片选项卡
一、题目:实现图片式的tabs选项卡,如下图效果二、解题思路1.这是一个简单的tabs选项卡的形式,可以根据tabs选项卡的方式来做,对于tabs选项卡,可看以下链接的文章内容:js实现tabs选项卡2.先将上面的图片通过定位重叠,再隐藏3.当点击某一个li,对于的图片出现,并且改变相关样式4.当点击下一个li,上一次的li样式恢复,上一次的图片隐藏5.初始状态,直接调用点击函数三、代码:1.html代码<!DOCTYPE html><html lang="en"&原创 2020-08-22 11:20:03 · 865 阅读 · 0 评论 -
javascript实现tabs选项卡
一、题目:用html、css、js实现一个简单的tabs选项卡,具体样式据图所示。二、 解题思路:1.首先要根据要求将html框架做出来2.用css给框架加上样式3.当点击选项的时候,该选项的背景,高度,顶部距离会发生改变,当点击下一个选项,上一个选项的样式恢复原样4.对于下面的内容,可以将所有的样式显示出来,通过定位将它们重叠在一起,之后将其隐藏5.当点击选项后,相应的内容显示,当点击下一个选项,对应内容显示,上一个内容隐藏三、代码显示:1.html代码<body>原创 2020-08-21 23:42:37 · 1642 阅读 · 0 评论 -
js获取一个匿名函数的返回值
在js中,很多时候,做题会遇到要使用到一个匿名函数的返回值,以下是我知道的方法:基本思想就是用一个变量去装这个匿名函数,比如:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum原创 2020-08-20 19:00:03 · 2314 阅读 · 0 评论 -
js判断水仙花数
一、题目:例:水仙花数 153=1 * 1 * 1+5 * 5 * 5+3 * 3 * 31.输入一个数,判断是不是水仙花数每位数字的立方和等于等于该数即水仙花数,如果是水仙花数,则输出“是”,否则输出“否2.找出100–999里面有多少个水仙花数,分别输出这些水仙花数?二、解题思想:1.水仙花数:一般来说水仙花数就是一个三位数中,百位的数字的三次方加上十位的数字的三次方,再加上个位数字的三次方,等于这个三位数。2.三位数中的水仙花数有:153、370、371、4073.此题的重点在于如何得原创 2020-08-13 23:19:01 · 4271 阅读 · 1 评论 -
js实现模拟自动饮料机
一、题目:自动饮料机要求:1.当输入0时,模拟自动饮料机停止运行2.自动饮料机运行过程中,当输入1-5时给出对应的饮料(1.可口可乐 2.雪碧 3.鲜橙多 4.冰红茶 5.矿泉水)3.输入其他值的时候给出非法操作提示,并提示重新输入二、解题思想:1.利用多分支解决问题,此题可以用switch或者if-else if-else的结构来做2.break:跳出整个循环三、代码实现:<!DOCTYPE html><html lang="en"><head>原创 2020-08-13 22:50:25 · 1578 阅读 · 2 评论 -
js实现运费的计算
一、题目:编写代码:运输公司对用户计算运费.路程越远每公里运费越低。每公里每吨货物的基本运费为10,货物重为w,距离为s,折扣为d,则总运费f的计算公式为:f=10ws*(1-d)s<250km 没有折扣250<=s<500 2%折扣500<=s<1000 5%折扣1000<=s<2000 8%折扣2000<=s<3000 10%折扣3000<=s 15%折扣二、解题思路:1.原创 2020-08-13 19:38:30 · 1702 阅读 · 0 评论