总结
g229191727
这个作者很懒,什么都没留下…
展开
-
react使用ant design报错invalid hook call解决
在react中使用ant design时,安装时没有指定版本号,结果安装后,使用DatePicker时报如下错:但是我项目中并没有使用hook,按照提示的可能原因,猜想是版本不兼容问题,看了一下antd版本为4.x的,我react版本为16.x。于是重新安装3.x版本的antd,安装好重启,日历可以正常使用。...原创 2020-08-05 15:10:47 · 1580 阅读 · 0 评论 -
通过create-react-app脚手架创建的项目,配置绝对路径
在项目当中,基于模块化的开发,我们需要大量引用文件或模块,此时需要用到绝对路径。因为使用相对路径存在一个明显的问题:当文件目录发生变化时,需要频频修改相对路径。一个比较常见的情形是:在React开发中,我们经常需要导入组件,而组件一般都是放在components目录下。组件的位置一般不会改变,但是需要导入组件的文件的位置可能经常变化。这个时候如果我们使用相对路径,则需要对导入路径进行修改;而如果使用绝对路径,不管当前文件放到哪里都可以正确导入组件。配置导入根路径需要在webpack中配置,而reac原创 2020-08-04 15:26:11 · 1257 阅读 · 0 评论 -
layui upload上传文件时动态设置headers参数值
项目中上传文件时,需在headers中带上token,但是由于一进入页面就已经upload.render,此时如果用户没有登录,token为null,上传失败。而且由于用户在当前页面弹框登录后,页面并没有刷新,不会触发upload.render。针对这种情况,可以通过动态添加的方式在before函数中加入以下代码,这样每次上传时,都会先给token赋值。对于接口中需要传递的其它参数,可...原创 2019-12-18 16:30:13 · 8402 阅读 · 0 评论 -
css3属性calc()实现自适应布局
如果元素宽度是100%时,只要你在元素中添加了border,padding,margin任何一值,都会把元素盒子撑破(标准模式下,除IE怪异模式)。css3新添加属性box-sizing,在一定程度上解决了上面的问题。通过css3新增加的另外一个属性calc()也能实现自适应布局。calc()使用通用的数学运算规则:使用“+”、“-”、“*” 和 “/”四则运算; 可以使用百分比、p...原创 2019-06-24 11:10:45 · 1669 阅读 · 0 评论 -
表单元素的“readonly和disabled”属性
disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等;Readonly只针对input(text / password)和textarea有效。表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,该元素的值不会被传递出去;而readonly会将该值传递出去。解决方法:1、checkbox使用disa...原创 2019-07-09 14:03:10 · 619 阅读 · 0 评论 -
val()、html()方法改变元素值后,元素change事件无效解决方案
原因:Change事件触发有两个必要条件:值改变、失去焦点。解决方法:改变值的同时1、手动触发change事件$('input').val('').change()$('input').val('').trigger('change');2、手动触发blur事件$('input').val('').blur()$('input').val('').trigg...原创 2019-07-04 13:57:32 · 1612 阅读 · 0 评论 -
通过input框上传图像并预览
HTML 如下:<input type="file" name="upImg"><input type="text"><div id="showImage"> <img src="" alt=""></div>JS如下:选择图片后,显示文件名,并预览图片$(document).on('change', 'in...原创 2019-07-31 15:57:30 · 1113 阅读 · 0 评论 -
label和input
正常label标签就是显示文字,input标签根据类型不一样显示不同,如text,passwork等等。通过label与input绑定在一起,是为了点击label包含的文字时,input框会选中。否则只能通过点击input框选中。label标签可以直接包裹input标签和文字:<label for="male"> <input type="radio" na...原创 2019-07-31 17:04:01 · 3964 阅读 · 0 评论 -
windows查看端口占用情况,释放某个端口
在windows命令行窗口下键入如下命令:查看所有端口:netstat -aon在Local Address下面可以看到被占用的端口号情况。如80端口被PID为3096的进程占用。查找指定端口,如80:netstat -aon | findstr "80"查看PID对应的进程:tasklist | findstr "3096"结束该进程:taskkill /f /t /imc...转载 2019-08-16 10:01:55 · 591 阅读 · 0 评论 -
JavaScript计算某个日期距离今天的天数
方法:1、获取今天的格式化的日期:年-月-日;2、求出两个日期之间相差的毫秒数,除以一天的毫秒数即得到两个日期之间相差的天数。js获取今天的格式化的日期//获取格式化的日期function today(){ var today=new Date(); var str=""; str+=today.getFullYear()+"-"; var mo...原创 2019-06-24 10:49:01 · 15282 阅读 · 4 评论 -
jQuery变量冲突处理
许多JavaScript库使用 $ 作为函数或变量名,jQuery也一样。在jQuery中,$ 仅仅是jQuery的别名,因此即使不使用 $ 也能保证所有功能性。假如我们需要使用jQuery之外的另一JavaScript库,我们可以通过调用 $.noConflict() 向该库返回控制权。jQuery源码如下://保存可能存在的jQuery和$的变量_jQuery = windo...原创 2019-06-21 17:11:09 · 337 阅读 · 0 评论 -
layer.js中load()方法的使用
1、load方法提供三种风格供选择。方法一:loadIndex = layer.load(); //不传参,默认0方法二:loadIndex = layer.load(1); // 1,另外一种风格方法三:loadIndex = layer.load(2,{time:10*1000}); //2,换一种风格;time设置最长等待时间load默认不会关闭,需要在complete回调中...原创 2018-12-21 15:47:08 · 59475 阅读 · 1 评论 -
如何拆分JS代码,以及代码拆分的意义
本文转载自“前端之巅”https://mp.weixin.qq.com/s?__biz=MzUxMzcxMzE5Ng==&mid=2247489547&idx=1&sn=63513db0896a37c26c850610bb926171&chksm=f951ad48ce26245e1eaed4641c879f2576d6b871feafde09326d85cc58...转载 2019-03-04 15:27:58 · 2561 阅读 · 0 评论 -
JS返回日期范围内包含的星期
例如:选择日期:2019年03月25~2019年03月29则返回:[1,2,3,4,5]代码如下:/*** 获取日期范围包含的所有星期* @param string startDate* @param string endDate* @return Array weeksArr*///从开始日期每次递增一天,将日期对应的星期存储到数组中,最后返回该数组funct...原创 2019-03-25 17:03:31 · 453 阅读 · 0 评论 -
一个页面多个地方使用日期组件 - layui.laydate时,多次渲染闪退问题
需求:页面中有多个地方需要设置日期,所以选择了layui的 laydate控件。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/jav...原创 2019-03-25 17:47:49 · 3078 阅读 · 9 评论 -
一个页面多个地方使用日期组件 - layui.laydate时,动态设置最大最小值
开发页面中使用laydate日期组件设置日期。<div class=""> 日期1: <input type="text" class="J-startTime" value="" placeholder="请选择开始日期" readonly="readonly"> <span class="from-to"> -...原创 2019-03-26 09:59:03 · 2175 阅读 · 1 评论 -
jquery ajax超时设置
设置timeout的时间,通过检测complete时status的值判断请求是否超时,如果超时执行响应的操作。var ajaxTimeoutTest = $.ajax({ url:'',//请求的URL timeout : 1000, //超时时间设置,单位毫秒 type : 'get',//请求方式,get或post data :{},//请求所传参数,json格式...转载 2019-06-05 10:07:30 · 307 阅读 · 0 评论 -
if,if...else if和switch...case的区别和分析
在只需要判断一个条件时,使用if语句方便有效; 当判断条件很多时,使用if...else if语句或switch case语句。因为多个if语句,将会对每一个条件进行判断,导致程序的效率降低。if...else if在任何一个环节满足条件的时候将会终止判断,相比多个if语句,可以减少程序的判断次数,提高执行效率。使用规则如下:(1).在进行区间条件判断的时候,if else非常适合...原创 2019-06-12 14:31:08 · 7510 阅读 · 2 评论 -
CSS实现任意元素不同浏览器中获取焦点时的边框或背景颜色
项目中发现火狐浏览器输入框获得鼠标焦点时外边框颜色没有变化,用户体验不好,不能很明显地告诉用户哪个输入框获得了鼠标焦点,查阅资料发现页面中浏览器会给输入框input、textarea的outline属性设置一个默认值,当输入框获得鼠标焦点时外边框会自动带上颜色,失去焦点时外边框颜色消失。但是不同浏览器outline属性的默认值不同,如果想要所有浏览器获取焦点时的outline颜色相同,需要在ba...原创 2019-06-11 14:44:22 · 1789 阅读 · 0 评论 -
HTML5自定义属性data和jquery的data()方法
HTML5自定义属性data注意:属性名 "data-" 之后必须有至少一个字符且只能小写,如果data-后面的单词有大写,例如 myName,将会转存成小写 myname。 如果data-后面包含了“-”,如 date-e-name,"-"会去掉,并转换成为骆驼峰式的命名 eName。因为JSON Object 的key不能包含“-”。 属性值可以是任意字符串在获取自定义属性的值时...原创 2018-12-20 10:55:31 · 607 阅读 · 0 评论