前端
笨小蛋i
眼界决定境界,思路决定出路,细节决定成败,性格决定命运,定位决定地位,脑袋决定口袋
展开
-
html+js实现点击按钮复制文本内容到剪切板上
html+js实现点击按钮复制文本内容到剪切板上1,首先把要复制的内容隐藏放在input输入框内,(1) 将值放在文本框中(value);(2) 将文本框隐藏(opacity);<input id="rsg-link" value="{!! $rsg_link !!}" style="opacity: 0" readonly>注意:1)隐藏的时候如果使用display:none或...原创 2019-12-06 17:26:16 · 2430 阅读 · 2 评论 -
百度编辑器上传视频、视频编辑器预览、编辑内容时需重新上传视频等bug解决
百度编辑器上传视频、视频编辑器预览、编辑内容时需重新上传视频等bug解决百度编辑器目前来讲是运用比较广泛的一个编辑器了,不仅开源还有中文的文档,所以很受欢迎,不过里面也有许多地方需要开发人员自己调试,其中一个比较常见的问题就是上传视频了,上传视频本身有一些小bug,这个基本最大的体现就是编辑器内无法预览上传的视频问题。我搜集了网上的解决方案,发现基本都一样,大多数都是复制黏贴的答案,虽说一定程...转载 2019-10-29 17:42:50 · 783 阅读 · 1 评论 -
html表格table的宽度超出页面宽度时如何不改变table宽度
html表格table的宽度超出页面宽度时如何不改变table宽度将table使用一个div包裹起来,将div的width设置为100%;overflow:auto原创 2019-10-29 14:49:52 · 3486 阅读 · 0 评论 -
ie浏览器下placeholder属性失效的解决办法
1,在页面设计中,表单的设计需要提示性的词语来引导用户使用,最常见的的就是使用标签placeholder属性,只可惜这个HTML 5属性在低版本的IE下会失效,那该怎么办呢?2,placeholder 属性提供可描述输入字段预期值的提示信息。该提示会在输入字段为空时显示,并会在字段获得焦点时消失。3,只需要使用以下js代码,就可以解决placeholder属性在IE中失效了。&lt;scri...转载 2018-11-20 10:59:09 · 3380 阅读 · 0 评论 -
JQ中常用的方法
1,$().addClass(css中定义的样式类型) -> 给某个元素添加样式$().attr({src:‘test.jpg’,alt:‘test image’}) -> 给某个元素添加属性/值,参数是map$().attr(‘src’,‘test.jpg’) -> 给某个元素添加属性/值$().attr(‘title’,function(){retur...转载 2018-11-20 11:49:20 · 1565 阅读 · 0 评论 -
js限制input输入框只能为数字
$('#forms').delegate('input[name="tongji_days"]','keyup',function(){var value=$(this).val();$(this).val(value.replace(/[^0-9.]/g,''));})原创 2019-01-04 14:04:21 · 1264 阅读 · 0 评论 -
js怎样计算两个年月的月份差
function getMonths(date1 , date2){//用-分成数组date1 = date1.split("-");date2 = date2.split("-");//获取年,月数var year1 = parseInt(date1[0]) ,month1 = parseInt(date1[1]) ,year2 = parseInt(date2[0]) ,mo...原创 2019-01-04 14:12:07 · 3677 阅读 · 2 评论 -
jquery固定表格头插件
固定表格头插件有如下两种方式:1,fixedheadertable插件,链接地址:http://www.jq22.com/jquery-info101532,TableFreeze插件,链接地址:http://christopherkeith.me/TableFreeze...原创 2019-01-04 14:53:52 · 702 阅读 · 0 评论 -
DataTables warning: table id=thetable - Ajax error. For more information about this error, please se
1,js弹出框报错:DataTables warning: table id=thetable - Ajax error. For more information about this error, please see http://datatables.net/tn/7该如何解决2,碰到这个问题,我首先是F12看控制台的报错信息,在请求的时候显示The user specified as...原创 2019-03-22 13:48:23 · 10003 阅读 · 0 评论 -
Font Awesome:图标字体,完全CSS控制
Font Awesome:图标字体,完全CSS控制Font Awesome是一种web font,它包含了几乎所有常用的图标,比如Twitter、facebook等等。用户可以自定义这些图标字体,包括大小、颜色、阴影效果以及其它可以通过CSS控制的属性。它有以下的优点:1、像矢量图形一样,可以无限放大2、只需一种字体,同时拥有多个图标,目前支持439个图标3、无需考虑兼容性问题,fonta...原创 2019-04-29 18:34:54 · 439 阅读 · 0 评论 -
An invalid form control with name='' is not focusable
原因:是浏览器发现了有隐藏(display:none)的required需求元素,所以提交时会出错。将该必填元素改为选填元素即可避免此错误原创 2019-07-25 16:52:24 · 5395 阅读 · 0 评论 -
ie浏览器下的replace下的坑
1,在某个机缘巧合下,我用html.replace(‘id=“editor”’,‘type=“text”’),在谷歌浏览器调试下是正常的,但是用ie浏览器看的时候就发现了问题,后来找到原因就是replace没有替换成功,2,ie下用Str.replace(‘我’,‘你’);这样是没什么问题的,是可以替换的,但是例如上面有引号啥的就替换不了,猜测估计是正则表达式的匹配问题3,于是我在页面上就把i...原创 2018-11-20 10:46:31 · 4635 阅读 · 0 评论 -
JS打开新窗口的方式
1,在同当前窗口中打开窗口window.location.href=“www.baidu.com”;2,在另外新建窗口中打开窗口window.open(“www.baidu.com”);原创 2018-11-20 14:46:18 · 150 阅读 · 0 评论 -
jq中判断输入的内容是否为ip或者url,是否为数字
1,判断内容是否为ipfunction checkIP(value){var exp = /^(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]).(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0).(25[0-5]|2[0-4][0-9]|[0-...原创 2018-10-10 10:08:01 · 1438 阅读 · 0 评论 -
链接中的参数有+带不过去问题
1,情景描述: 后台的某条数据的搜索功能搜不到数据,研究后发现原来是因为参数中含有+符号,在控制器中打印出该变量+号自动忽略了。下面上图: 2,查明原因后用在js中用encodeURIComponent对参数进行了转码。3,问题解决了,有什么不对或不解的地方请评论并指出哦,谢谢顶。原创 2017-10-11 11:15:17 · 1160 阅读 · 0 评论 -
JQ中怎样获取某个对象x,y轴的坐标
JQ中怎样获取鼠标的x,y轴的坐标1,代码如下: $('th p').mouseover(function (e) { var xx = e.originalEvent.x || e.originalEvent.layerX || 0; var yy = e.originalEvent.y || e.originalEvent.layerY || 0; }原创 2017-12-28 09:57:45 · 4669 阅读 · 0 评论 -
汇总 onchange onpropertychange 和 oninput 事件的区别
汇总 onchange onpropertychange 和 oninput 事件的区别1,定义和用法:oninput 事件在用户输入时触发。 该事件在 或 元素的值发生改变时触发。2、onchange 事件与 onpropertychange 事件的区别: onchange 事件在内容改变(两次内容有可能还是相等的)且失去焦点时触发。 onpropertychange 事件却是原创 2018-01-23 16:22:56 · 175 阅读 · 0 评论 -
Uncaught RangeError: Maximum call stack size exceeded
Uncaught RangeError: Maximum call stack size exceeded1,Uncaught RangeError: Maximum call stack size exceeded,错误直译过来就是“栈溢出”,出现这个错误的原因是因为我进行了递归运算,导致递归无线循环下去。。 2,更改代码使其不会无限循环即可。原创 2018-01-23 18:00:05 · 2581 阅读 · 0 评论 -
Uncaught RangeError: Maximum call stack size exceeded
Uncaught RangeError: Maximum call stack size exceededUncaught RangeError: Maximum call stack size exceeded 1,此错误的意思大概是“栈溢出”,出现这个错误的原因是因为在js中进行了递归并没有终止循环,导致无线循环下去 2,解决办法:请仔细检查代码使其不会无线循环下去即可。...原创 2018-02-24 10:30:17 · 976 阅读 · 0 评论 -
echart地图tooltip提示框的内容怎样让其显示各个数值而不是总和
echart地图tooltip提示框的内容怎样让其显示各个数值而不是总和1,情景描述: echart地图中,例如官方实例中的iphone销量的全国地图,tooltip提示框组件里默认显示的数量信息是所有value的和,而不是每一个单独展示。如图所示,297是iphone3和iphone4值的和。 , 但是我想要分别显示iphone3,iphone4,iphone5的值,此时...原创 2018-03-14 10:29:52 · 5796 阅读 · 1 评论 -
Uncaught TypeError: Cannot read property 'length' of undefined
Uncaught TypeError: Cannot read property ‘length’ of undefined1,问题原因:是$.each()函数执行报的错,在执行each时,传入的参数为undefined 或为null时也会有此错误’length’ of null 2,解决方案:在each前先判断是否为undefined或者是否为空,如是则不遍历就不会js报错了。...原创 2018-04-13 15:12:44 · 29080 阅读 · 1 评论 -
如何设置ajax为同步
如何设置ajax为同步1,情景描述:ajax分为同步和异步。一般使用异步,异步不会使页面阻塞,用户体验较好。但是异步会使编写js程序的复杂度提高,对新手来说很可能由于玩不转异步导致各种bug。下面介绍ajax同步的使用方法,不过也要尽量把所有ajax都写成异步的。 2,在ajax的参数中增加一个async: false参数可以发送同步ajax请求。$.ajax({url: '',...原创 2018-04-24 17:15:14 · 101995 阅读 · 0 评论 -
echarts表的横向多表格式
echarts表的横向多表格式1,情景描述:echarts想实现如下格式的柱状图 2,代码实现:option = { title: [{ 'text': 'aaa', left: 0 }, { 'text': 'bbb', left: '30%' },{ 'text': 'ccc'...原创 2018-04-24 17:28:28 · 548 阅读 · 0 评论 -
echarts表的田字格多表格式
echarts表的田字格多表格式1,情景描述:echarts想实现如下格式的柱状图 2,代码实现:option = { title: [{ 'text': 'aaa', left: 0, top:0, }, { 'text': 'bbb', left: '50%', top...原创 2018-04-24 17:31:25 · 844 阅读 · 0 评论 -
wap端使用a标签跳转不刷新问题
1,情景描述:例如在一个企业网站手机端时,点击a标签,页面没有刷新。实际上当前页面的链接已经变了,但是页面内容却没有刷新。 2,解决方案:在a标签中加上属性值 target=“_top” 3,html中target=”_top”这个目标使得文档载入包含这个超链接的窗口,用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。也就是说设置这个属性后,强制性将文档清空并加载了一次,所以原创 2017-10-10 14:03:19 · 2477 阅读 · 3 评论