![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
韩Jeor
这个作者很懒,什么都没留下…
展开
-
请求入参为文件(file)类型
今天被问到一个问题,请求接口入参为文件类型,但是报错:Uncaught (in promise) TypeError:Cannot read property ‘protocal’ of undefined,可能是因为请求头的Content-Type属性值,请求的时候加入语句 {‘Content-Type’:'multipart/form-data '} 常用取值:link....原创 2020-05-21 18:27:27 · 3268 阅读 · 0 评论 -
react input绑定数组值,并且支持输入
react input绑定数组值,并且支持输入//react通过input修改数组里的某一个值import React ,{Component} from 'react';import { Input } from 'antd';class Demo4 extends Component{ constructor(props){ super(props); this.state = { arr:[ {原创 2020-05-21 18:12:31 · 1171 阅读 · 0 评论 -
自己修改select的样式(修改select右边的小三角)
CSS就可以解决,原理是将浏览器默认的下拉框样式清除,然后应用上自己的,再附一张向右对齐小箭头的图片即可。select { /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ border: solid 1px #000; /*很关键:将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none;...转载 2019-11-28 11:27:43 · 1079 阅读 · 0 评论 -
解决导入第三方图片JS出现403问题
#解决导入第三方图片JS出现403问题页面中引入外网的链接资源,会产生一个新的http请求。为了安全(URL里可能包含用户信息),浏览器一般都会给这写请求头加上表示来源的referrer 字段。所以,此时我们需要隐藏外部链接中的referrer,在head标签中加入meta,代码如下:<meta name="referrer" content="no-referrer"/>l...转载 2019-11-20 14:43:55 · 412 阅读 · 0 评论 -
CSS禁止文字自动换行
white-space:nowrap;原创 2019-11-07 10:53:54 · 1622 阅读 · 0 评论 -
webstorm操作git
git提交:常规合作开发(同一分支开发 / 不同分支开发): add and commit --> fetch —> compare —> merge (and resolve conflicts) —> push当修改工程中的源代码文件后,在工程右键菜单中单击Commit Directory菜单项先commit 再fetch 再merge change(合并)再...原创 2019-08-06 14:32:19 · 989 阅读 · 0 评论 -
jsp表单验证码
<p> <img src="http://wsimg.tianan-life.com/img/CardActive/verifyCode.png" alt="验证码图标"> <input type="text" id="checkCode" placeholder="请输入验证码" class="inputText1...原创 2019-08-13 13:51:44 · 351 阅读 · 1 评论 -
通过CSS在金钱单位前加上货币符号
效果如图所示。<div className='orderItem_price'>13</div>CSS文件为:.orderItem_price{ font-size:13px; color:#777; vertical-align: 1px; margin-left: 10px;}.orderItem_price::before...原创 2019-08-28 17:51:03 · 2360 阅读 · 0 评论 -
react访问并使用mock数据
在create-react-app之后会自动生成一个public文件夹,这个文件夹地址是可以直接使用的将mock文件夹创建在public文件夹下在mock文件夹下创建orders.json文件orders.json[ { "id": 1, "shop": "创意菜", "picture": "https://ss3.bdstatic.com/70cFv8Sh...原创 2019-08-29 11:05:22 · 5506 阅读 · 0 评论 -
跨域浏览器设置
右击浏览器的快捷方式,属性,快捷方式中--disable-web-security --user-data-dir=C:\MyChromeDevUserData 加空格复制在目标位置后原创 2019-09-11 10:29:13 · 247 阅读 · 0 评论 -
行内元素和块级元素的具体区别是什么?行内元素的padding和margin可以重置么?
块级元素特性:总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示宽、高、内边距和外边距都可控制内联元素的特性:和相邻的内联元素都在一行宽、高、内边距的top/bottom和外边距的top/bottom都不可变,就是里面文字或图片的大小浏览器还有默认的天生inline-block元素(拥有内在尺寸,可设置宽高,但不会自动换行),有哪些input、img、button、t...转载 2019-08-29 11:13:55 · 192 阅读 · 0 评论 -
居中一个浮动div
div{width:200px;margin:0 auto;}.div{width:500px;height:300px;margin:-150px 0 0 -250px;position:relative;background:pink;left:50%;top:50%;}转载 2019-08-05 10:18:55 · 118 阅读 · 0 评论 -
beyond compare过期解决
1、修改C:\Program Files\Beyond Compare 4\BCUnrar.dll,这个文件重命名或者直接删除,则会新增30天试用期,再次打开提示还有28天试用期2、1)win+r进入运行输入 regedit,打开注册表2) 删除项目:计算机\HKEY_CURRENT_USER\Software\ScooterSoftware\Beyond Compare 4\Ca...转载 2019-07-22 14:07:59 · 3271 阅读 · 1 评论 -
什么是外边距重叠,重叠的结果是什么?
外边距重叠就是margin-collapse在CSS中,相邻的两个盒子的外边距可以结合成一个单独的外边距,这种合并外边距的方式被称为折叠,并且因而所结合成的外边距称为折叠外边距1、两个相邻的外边距都是正数时,折叠结果是它们两者之间较大的值2、两个相邻的外边距都是负数时,折叠结果是两者绝对值的较大值3、两个外边距一正一负时,折叠结果是两者的相加的和...转载 2019-08-05 10:09:26 · 188 阅读 · 0 评论 -
微信小程序清除计时器
需要在Pages的data里设置一个初始变量接收计时器参数,这里用setinterval在请求成功时设置data里的setinterval为timer(计时器名称)在onhide和onunload里添加clearInterval(this.data.setinterval);// hyb_yl/hezuoyiyuan/detail.jsvar app = getApp();const W...原创 2019-08-05 10:10:56 · 883 阅读 · 0 评论 -
2019年4月12日 CSS中可以让文字在水平和垂直方向上重叠的两个属性
垂直方向:line-height水平方向:letter-spacingletter-spacing可以用于消除inline-block元素间的换行符空格间隙问题原创 2019-08-05 10:11:50 · 112 阅读 · 0 评论 -
闭包
闭包:函数里套函数特点:闭包里的变量会一直存储在内存中,类似全局变量function sum(){var a = 10;return function(){console.log(a++);}}var f = sum(); //f=function(){console.log(a++);}f(); //10f(); //11 闭包中的变量会一直存储在...转载 2019-08-05 10:12:36 · 66 阅读 · 0 评论 -
清浮动
1、.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0;}.clearfloat{zoom:1;//为了兼容IE}2、在结尾处添加空div标签clear:both;.clearfloat{clear:both;}3、父级元素定义height4、父级div定义overf...转载 2019-08-05 10:13:23 · 62 阅读 · 0 评论 -
H5应用缓存和浏览器缓存有什么区别
H5引入了应用程序缓存,意味着WEB应用可进行缓存,可在没有因特网时进行访问应用程序缓存的优势:离线缓存:用户可在离线时使用它们速度:加载速度更快减少服务器负载:浏览器只从服务器下载更新的或者更改过的资源实现借助manifest文件...转载 2019-08-05 10:15:04 · 1123 阅读 · 0 评论 -
什么是ajax
Ajax是多种技术组合起来的一种浏览器和服务器交互技术,基本思想是允许一个互联网浏览器向一个远程页面服务做异步的http调用,并且用收到的数据来更新一个当前web页面而不必刷新整个页面,该技术能够改进客户端的体验,包含的技术:XHTML:对应w3c的XHTML规范CSS:对应W3C的CSS规范DOM:这里的DOM主要是指HTML DOM ,XML DOM包含在下面的XML中javascri...转载 2019-08-05 10:16:04 · 115 阅读 · 0 评论 -
添加、移除、移动、复制、创建、查找节点
创建:CreateTextNode()查找:getElementsByTagName1、创建新节点createDocumentFragment()//创建一个DOM片段createElement()//创建一个具体的元素createTextNode()//创建一个文本节点2、添加、移除、替换、插入appendChild()//添加remove()//移除replaceChild(...转载 2019-08-05 10:16:43 · 200 阅读 · 0 评论 -
3D旋转
//2D旋转.one:hover{-webkit-transform:all 0.5s ease-in-out;-webkit-tranform:rotate(360deg);transition:all 0.8s ease-in-out;}//3D旋转.two:hover{-webkit-transform:rotateY(360deg);transition:all 0.8s...转载 2019-08-05 10:17:33 · 594 阅读 · 0 评论 -
标签设置溢出隐藏后怎样鼠标滑过显示标题全部内容
标签设置溢出隐藏后怎样鼠标滑过显示标题全部内容title属性利用标签自带title属性,将title属性设置与文件名称相同即能实现鼠标滑过显示标题的全部内容。这是一个demo&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt;原创 2018-12-18 14:31:05 · 2564 阅读 · 0 评论