rookieStruggling-优快云博客

原创获取window.location.href传参方法

/** 根据变量名获取匹配值*/function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null;}...

2021-03-17 17:56:53 721

原创 mui中tab切换不同页面，使用iframe(项目渗入vue技术)

<div> <div class="mui-content"> <div class="top-tab"> <div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-segmented-control" style="margin:5px 0px"> <div class="mui-scroll">...

2020-06-23 16:13:08 1085

原创 iview图片上传兼容ie10

iview图片上传不兼容ie10，因为在上传同一张图片的时候ie10上传不成功，下面是解决方法。methods:{ uploadSuccess:function(resp, file, fileList){ window.filePic=file.response.data.pic; file.url=file.response....

2018-09-27 11:07:50 766

原创使用mui框架，苹果手机不显示上拉刷新更多

突然发现在上拉刷新列表时候，操作过快数据出现重复问题，改了一下午发现以下几个问题：1、对于上拉刷新，安装手机与苹果手机是走mui不同的方法；2、现在mui最新版本已经解决了上拉刷新重复问题，如果你使用的是MUIv3.6.0及一下版本，这个问题还没解决，但是可以通过更改mui插件里相关代码，这个问题我只在苹果手机上发现，所以改的代码只适用苹果手机下拉刷新的问题。我们可以将this....

2018-08-07 09:07:19 1875 1

转载 Css选择器的分类

这次实验主要熟悉css中的后代选择器：nth-child,nth-of-type , >, (空格), + 之类的用法：复合选择器：后代选择器： p span {font-size: 14px;} 选择p元素的所有子孙元素中的span元素子女选择器： p>span {font-size: 14px;} 选择p元素的所有子女元素中的span元素组合选择器： p#start {font-...

2018-06-04 11:16:39 2047

原创部分ie8不兼容的css问题

1、解决在ie8中input框的输入顶格显示问题一般写input框我们为了好看会给行高，但是ie8中input框的输入就会顶格显示，为了解决这个问题网上都给出使用行高line-height，但是我使用这个还是没有解决。最后我去除height与line-height，使用padding-top与padding-bottom代替就可以了。2、解决在ie8中background-size

2018-01-30 16:59:31 791

原创 vue.js过滤器知识总结与实例

刚刚接触vue.js，现在来总结一些我在学习过程中接触过滤器的知识，不足的地方希望大家多多包涵：1、常见过滤器：uppercase、lowercase、capitalize、currency、debounce(延迟) 对这些简单的过滤器我们只举一个例子说明：div id="box"> input type="text" v-model="msg"> br/>

2017-12-29 17:14:48 385

原创 spring boot注解

这里讲一下注解，注解本身是没有功能的，和xml一样。注解和xml都是一种元数据，元数据就是解释数据的数据，这就是所谓的配置。注解的功能来自用这个注解的地方。spring boot提供使用xml、注解、Java配置、groovy配置实现bean的创建和注入。spring容器解析这些配置元数据进行Bean初始化、配置和管理依赖。声明Bean的注解： @Componene组件，没有明确

2017-08-24 13:24:31 369

原创 Failed to instantiate [nz.net.ultraq.thymeleaf.LayoutDialect]

Caused by: org.springframework.beans.BeanInstantiationException: Failed to instantiate [nz.net.ultraq.thymeleaf.LayoutDialect]: Factory method 'layoutDialect' threw exception; nested exception is java

2017-08-18 16:26:41 3119

原创 Spring boot框架请求数据库的url地址

url地址及请求参数是已知的：//依据用户openId判断用户以前是否已登录过,如未登录，则添加到数据库logger.info("{}---{}", accessToken, openId);JSONObject userInfo = weChatAuthService.getUserInfo(accessToken, openId);//调用后台接口String chec

2017-08-15 14:17:20 1800

转载微信网页授权--Java发开

功能：主要用于在用户通过手机端微信访问第三方H5页面时获取用户的身份信息（openId,昵称,头像,所在地等。。）可用来实现微信登录、微信账号绑定、用户身份鉴权等功能。开发前的准备：1、需要有一个公众号，拿到AppID和AppSecret；2、进入公众号开发者中心页配置授权回调域名。具体位置：接口权限-网页服务-网页账号-网页授权获取用户基本信息-修

2017-08-04 11:28:36 459

原创电脑上彻底删除MySQL

安装MySQL的时候老是报1045错，原来是我电脑上原来安装过MySQL以至原来密码输入不正确。如果你忘记原来密码，网上有很多教你怎么彻底删除MySQL，但是我弄了一下午还是没成功，现在我们整合一下就可以了，首先按照网上说的步骤走：01打开你的控制面板，选择卸载程序。02里面有你电脑上所有安装的程序，找到mysql server把它卸载了。

2017-07-26 10:14:07 3599 1

转载 js+html手机端视频截屏

在运行这段代码的时候引用的视频一定要存储在本地，否则会报canvas.toDataURL()错html>meta http-equiv="X-UA-Compatible" content="chrome=1">head> script src="js/jquery-1.9.1.js">script> script src="js/canvas.js">script>

2017-07-21 15:16:26 3736

原创排序专用--javascript

项目中经常遇到对时间排序、对价格排序。。，这个算法可以适用所有的数字排序，注意以下几步：1.//时间排序$comParaters.div_SortTimeZ.unbind('click');$comParaters.div_SortTimeZ.click(function(){ //这只是一个点击事件，调用的函数最重要 orderByDate();});2.

2017-07-07 15:42:15 378

原创比较日期的大小，并根据2017-07-04 9:30获取日期07-04时间9:30

function gettimespan(dt1,dt2,status){ var date1=dt1; //开始时间 var date2 = dt2; //结束时间 var splitTime1 = date1.split(' '); var firstY = splitTime1[0]; var firstT = splitTime1[1]; var date

2017-07-04 09:31:28 947

原创日期格式化

如何将new Date()出来的数据格式化？var time = nea Date();var validityTime = time.format("yyyy-MM-dd");调用format函数：/ 日期格式化： new Date().format('yyyy-MM-dd HH:mm:ss EEE');Date.prototype.format = Date.pr

2017-06-13 14:48:49 1160

原创 mobiscroll时间插件，结束时间不能小于开始时间

用mobiscroll插件做时间选择的时候，结束时间不能大于开始时间。比如这样的那如何修改mobiscroll插件呢？mobiscroll有个参数是onSelect表示当前选择框，修改onSelect即可。var currYear = (new Date()).getFullYear();var opt={};opt.date = {preset : 'date'};opt.

2017-06-12 14:05:42 4098

转载 javascript 判断时间控件中，结束时间不能大于开始时间

function checkDate(){ var str_date = document.getElementById("str_date").value; var end_date = document.getElementById("end_date").value; if(getDate(str_date)-getDate(end_date)

2017-06-09 23:03:24 4160

原创计算当前屏幕大小js

在后台页面中，计算弹出框的大小，需用到当前屏幕的大小。 /*屏幕尺寸计算*/function getPageSize(){ var screen_height = window.screen.availHeight; var screen_width = window.screen.availWidth; return new Array($(document).

2017-06-05 13:57:16 785

原创 js点击当前元素增加样式

在按钮点击中，只想对当前点击的元素增加样式，其他元素样式取消。js写法为：$(".rebpacket-wrapper ul li").click(function(){ var index = $(this).index(); $(this).addClass("active").siblings().removeClass("active"); $(".redpa

2017-06-05 13:29:04 10329

原创 <a>标签href链接类型及作用

1、点击点击回到页面顶部2、点击点击链接后不会回到网页顶部3、">点击定位到相对当前页面上一个页面，也就是刚刚访问的页面

2017-05-16 15:12:10 2527

转载 js兼容IE下载图片在本地

$("#tab1").bindChildEvent("#download",function(){ var imgPathURL=$("#div_edit_image_views #image").attr("src"); if(imgPathURL){ oDownLoad(imgPathURL);

2017-05-15 13:44:51 9225 8

原创图片滑动缩小与放大

html>html>head> title> CSS+jQuery动画效果 title> meta name="Generator" content="EditPlus"> meta name="Author" content="铁锚"> style> body{ z-index: 0; width

2017-05-12 10:00:44 521

原创图片上传指定类型

图片上传一般指定为.jpg|.gif|.png这种类型，方法：在该标签中添加accept="image/jpg,image/png,image/gif"即可

2017-05-12 09:56:49 980

原创 ajax异步提交表单，包含图片

图片的type='file'在表单数据中不能直接获取，可以将他们的data放在一个集合中，然后再上传form id="formFile" name="formFile" method="post" enctype="multipart/form-data"> table style="border: 0px;margin: 20px;"> tr>

2017-05-11 11:44:36 2701

原创 js多图片上传--一次性上传多张

适用各种版本的多图片上传，如果ie上测试有问题那就可能是ie设置有问题html>html xmlns="http://www.w3.org/1999/xhtml">head lang="en"> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> title>title> st

2017-05-04 16:07:31 18821

原创原生态弹窗

用惯了框架的弹出框，项目中让写原生的不能引用任何js的时候，突然就不知道如何下手了。下面是我整理的原生js代码，希望对大家有帮助。html部分：button id="show" onclick="isShow()">显示button>div id="light" class="retrive"> h1 style=" text-align:center; font-size

2017-05-02 09:17:05 354

原创百度地图二次点击地图出现错位

当地图第二次点击的时候只出现拐角部分，当时还以为是网不好呢，原来是个bug。这应该属于地图加载的问题吧，找到显示地图的div，然后给个判断条件如果地图第一加载成功了，第二次点击的时候只要直接打开就可以了。js代码：$("#siteSelection").click(function () { if($("#allmap").length==0) {

2017-04-19 15:34:07 859

原创点击百度地图添加标注并获取当前地理名称

html部分：divid="allmap">div>style type="text/css"> body, html{width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";} style>js部分：script defer type="text/javascri

2017-04-14 13:19:11 5704

原创页面来回切换js

这是通过隐藏与显示来回切换页面的html部分：class="pageone" id="mainDiv"> airport_select')"> div class="pop_page" id="airport_select"> 这是另一个页面 js部分： function show(id){ $("

2017-04-07 16:04:43 1462

原创如何将前端的数据传到后台

var OrderModel = {}; var psgArray = []; $("input[name='psgId']").each(function () { var person = {}; //定义一个类接收数据 person.id = $(this).v

2017-04-07 13:39:26 6259

原创模糊遍历jQuery

$("input[id^='passname_'][class='lng']").each(function(){ var value = $(this).val();});

2017-04-07 12:55:57 302

原创 24小时，时间与分钟的正则表达式判断

只有input输入框，通过输入框失去焦点事件判断js部分：$(function(){ $("#changeTime").blur(function(){ varcc= $("#changeTime").val(); var _reTimeReg = /^(?:(?:[0-2][0-3])|(?:[0-1][0-9])):[0-5][0-

2017-04-05 16:40:32 3603

原创 bootstrap模态框（弹出框），如何添加传参事件

bootstrap弹出框，根据点击将本文的内容添加到弹出框中> html lang="zh-CN"> head> meta charset="utf-8"> meta http-equiv="X-UA-Compatible" content="IE=edge"> meta name="viewport" content="wid

2017-03-29 11:46:45 21114 2

原创 jquery时间委托，点击删除/添加

.live()事件不怎么好用，可以换成.on()实例:html: tbody id="tableinfo_NI">tr> td style="text-align: center;" id="start_1"> span> 合肥新桥机场span> td> td style="text-align: center

2017-03-27 15:32:09 789

转载 js escope unescape

网上查到的全都是escape，和需要的编码不是一回事，好不容易找到的结果保存下来以备以后使用js对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent1、传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等

2017-03-23 16:12:54 676

原创获取跳转页面参数

function getQueryString(name) { //getQueryString获取URL参数 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null)

2017-03-22 11:39:10 523

原创 JavaScript地图手动输入起始与终点位置搜索

html>html>head> meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> style type="text/css">

2017-03-21 13:31:56 1344

原创 prompt()弹出框内容的传参

function disp_prompt() { var name=prompt("请输入您的名字","Bill Gates") if (name) { var aa = document.getElementById("aa"); aa.value = name; } }

2017-03-17 11:31:02 4867 1

转载 js三种弹框模式

1.警告框 <script type="text/javascript">function disp_alert(){alert("我是警告框！！")} <input type="button" onclick="disp_alert()" value="显示警告框" />

2017-03-17 11:15:43 604

空空如也

空空如也