![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
随风飞烟
懒、宅、内向、沉迷游戏和小说
展开
-
记录vue中component切换组件时销毁定时器问题
问题描述:有A、B两个子组件,通过component进行切换,子组件中有定时器,当切换组件时需要把定时器给注销掉。1、通过VUE组件生命周期进行删除定时器2、使用this.$once来监听定时器3、....组件生命周期详细:https://www.cnblogs.com/wangjiachen666/p/9497749.html使用this.$once参考:https://...原创 2019-12-20 14:16:05 · 3096 阅读 · 0 评论 -
input限制输入经纬度和java后台验证经纬度
使用正则表达式验证经纬度的范围经度范围:-180.0000~180.0000纬度范围:-90.0000~90.0000正则表达式:经度:^-?((0|1?[0-7]?[0-9]?)(([.][0-9]{1,4})?)|180(([.][0]{1,4})?))$纬度:^-?((0|[1-8]?[0-9]?)(([.][0-9]{1,4})?)|90(([.][0]{1,4})?))$...原创 2018-12-21 10:26:16 · 3434 阅读 · 0 评论 -
js表单验证,多字段长度校验
在开发中,有时会遇到几十或一百多甚至更多的字段都需要做长度校验。我们不可能一个字段一个字段的去写,然后我发现input中有maxLength属性可以做到类似的,但是问题是中文字符占2个长度,使用maxLength就不符合条件了。只能通过js来校验了,但是如果字段比较多的话校验起来比较麻烦。所以记录一下解决方法。HTML部分代码<td align="right"> &l...原创 2019-01-28 17:12:20 · 1988 阅读 · 0 评论 -
前端在图片上设置点击事件并且自适应。
把一张图片分为好几个区域,点击不同区域触发对应的事件。可以通过HTML中的map标签来实现该功能(图片热区)。具体参考:http://www.w3school.com.cn/html5/tag_area.aspHTML代码<img src="planets.gif" alt="Planets" usemap ="#planetmap" /><map id="p...转载 2019-03-05 16:24:31 · 3873 阅读 · 4 评论 -
Jquery 点击图片在弹出层显示大图
转自:https://www.cnblogs.com/antis/p/7053991.html使用jquery,实现点击图片在弹出层显示大图,再次点击关闭,加入图片高宽和窗口高宽的大小判断。效果图片:1.点击前的效果:2.点击后的效果:html代码:<td width="350"> <img height="100" width="1...转载 2019-03-06 10:41:21 · 246 阅读 · 0 评论 -
前台url传参带中文到java后台是乱码的问题解决方法
window.location.href传参带中文到java后台是乱码的问题解决方法方法一:使用单个encodeURI()对中文进行编码处理。(1).页面中先对中文进行编码。如:window.location.href = url+&quot;&amp;amp;name=&quot; + encodeURI(“中文”) ;(2).在服务端进行解码。String name = new String(request.g...原创 2018-12-14 11:01:57 · 411 阅读 · 0 评论 -
js二维数组转一维数组方法
例子:[[0, 1], [2, 3], [4, 5]]转为[0, 1, 2, 3, 4, 5]转自:https://www.cnblogs.com/EnSnail/p/9762764.html方法一利用es5的arr.reduce(callback[, initialValue])实现var arr1 = [[0, 1], [2, 3], [4, 5]];var arr2 = ...转载 2019-03-12 15:28:00 · 18805 阅读 · 0 评论