Rickysss的博客

原创 替换json对象的key值

通过 map方法 遍历，可替换key值。const result = data.data.map(o=>{return{value:o.id, label:o.viewName}});

原创 忘记密码TIP

<div class="companyErrorTip"><i></i>xxxxx</div> .companyErrorTip{ font-size: 12px; line-height: 13px; text-align: right; background: #d16d62; height: 22px...

原创 60s倒计时

timeR = setInterval(function () {if (timeS > 0) {$('.getVerifica').text('60s后重新获取');$('.getVerifica').text(timeS + 's后重新获取');timeS--;} else {clearInterval(timeR);$('.getVerifica').tex...

转载 js 方法

1.获取地址栏参数function getUrlPara(paraName){ var sUrl = location.href; var sReg = "(?:\\?|&){1}"+paraName+"=([^&]*)"; var re=new RegExp(sReg,"gi"); re.exec(sUrl); ...

原创 QQ jssdk登录

话不多说，直接上干货1.引入jssdk ， 输入自己的appid<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="xxx" charset="utf-8"></script>2.放入准备登录qq用的图标，绑...

转载 GET型参数转JSON对象。

function test(href){    var params = href.split("?")[1];    var paramArr = params.split('&amp;');    var res = {};    for(var i = 0;i&lt;paramArr.length;i++){        var str = paramArr[i].split('...

转载 页面滑动，误触解决方法

实现原理：获取触摸首尾2点的坐标，Math.atan2获得2点连成的直线与x轴正方向的夹角，从而得到滑动的方向！ 原理图： &lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;meta charset="utf-8"&gt;&lt;title&gt;javascript判断手指在移动端上滑动的方向&lt;/title&gt;&am

原创 bootstrap多选框动态刷新

$("#xxx"+ flag).selectpicker('refresh');$("#xxx"+  flag).selectpicker('render');

原创 jqgrid 数据不渲染的问题

jqgrid 数据不渲染的问题 遇到过一下几种情况。1.jsonReader配置 前后端不统一。 解决方法：找后端协商 统一规定。2.后端回传的数据类型，碰到过得有两种情况，一种是直接传json的，这种jqgrid可以直接渲染，如果后端回传的是 json数组，此时需要遍历。代码如下：                        var obj=jsondata.responseJSO...

原创 清空表单

function clearForm(id) {    var objId = document.getElementById(id);    if (objId == undefined) {return;}    for (var i = 0; i &lt; objId.elements.length; i++) {        if (objId.elements[i].type ...

转载 bootstrap-select 多选框回显问题

版权声明：本文为博主原创文章，未经博主允许不得转载。否则，吔屎伺候。    https://blog.csdn.net/guowujun321/article/details/79421180事例代码如下：html：&lt;select id="useseason" name="season" class="selectpicker bla bla bli" multiple data-...

转载 js this指向

https://blog.csdn.net/hellochenlu/article/details/52244276

转载 js 文件上传

JS和CSS：&lt;script&gt;    $(function() {        //选择文件        $(".file").on("change", "input[type='file']", function() {            var filePath = $(this).val();            //设置上传文件类型         ...

转载 动态元素绑定点击事件

如有转载，请标明来自此出处http://blog.csdn.net/qxs965266509，必须注意！ jQuery 1.9 较之前的版本做了很大的调整，很多函数都不被支持。例如 live()，die()，toggle()，sub()，$.browser 等等都已经被移除，完整的更新内容见 http://jquery.com/upgrade-guide/1.9/ （英文）。 在不改...

转载 jquery 获取上传文件名称

$("input[type=file]").change(function(){        var str=$(this).val();        if(str!==""){            var arr=str.split("\\");            var file_name=arr[arr.length-1];            $('#remark')...

转载 git 教程

https://www.cnblogs.com/zhangxiaoyong/p/6000084.html

转载 js 关闭当前页面

function closeCurrentPage() {    var userAgent = navigator.userAgent;    if (userAgent.indexOf("Firefox") != -1 || userAgent.indexOf("Chrome") !=-1) {        window.location.href="about:blank";       ...

转载 巧用sessionStorage

　前言：　　因最近移动端开发过程中遇到一个运营提出的所谓技术难点需求，对于原生APP来说轻而易举，毕竟自己的APP用户操作指哪打哪，但是H5该怎么做?H5就实现不了么？对于一个爱研究攻克这些前端棘手问题的我来说，我没尝试过，我是拒绝对提出需求者说实现不了，做不到之类的。　　是什么需求呢？--需求方要求用户在一个列表页浏览时，点击一个列表进入详情页，返回要求记录用户刚刚浏览的位置，而不是重新刷新页面...

原创 jqgrid控制多选按钮显示隐藏

function setOptBtn(){    var ids = jQuery(grid_selector).jqGrid('getDataIDs');    var mbe ='', mse='';    for ( var i = 0; i &lt; ids.length; i++) {        var cl = ids[i];        var rowData = jQuery...

原创 css 清空样式

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, h...

原创 js 限制提交

var mypretime = 0;    function submitCreateInTime(){    var Today = new Date();     var NowHour = Today.getHours();     var NowMinute = Today.getMinutes();     var NowSecond = Today.getSeconds(); ...

原创 jqgrid 修改当前行数据

[html] view plain copy $("#grid-table").jqGrid('setCell',rowId ,"virUseData",equip.virUseData);[html] view plain copy //'setCell'：固定的，rowId ：行id，virUseData： 修改的单元格的name，equip.virUseData ：修改的值。  ...

原创 jqgrid 多行表头

最近做项目，大佬带我开车，了解并学到的jqgrid的知识，经验总结，就是要多折腾。下面上干货 。$(grid_selector).jqGrid('setGroupHeaders', { useColSpanStyle: true, groupHeaders:[ {startColumnName:'PSID', numberOfColumns:2, titleText...

转载 jqgrid API及用法

jqGrid 是一个用来显示网格数据的jQuery插件，文档比较全面，附带中文版本。不知是不是官方地址，不过有像http://www.trirand.com/blog/引用一篇文章：http://mj4d.iteye.com/blog/1628851jqGrid是一款处理表格展现的jQuery插件，支持分页、滚动加载、搜索、锁定、拖动等一系列对表格的常规操作。以下是最近项目中实践jqGrid的整理...

原创 bootstrap-select 模糊查询插件

css:&lt;link rel="stylesheet" href="/spgw/css/bootstrap.min.css"&gt;&lt;link rel="stylesheet" href="/spgw/css/bootstrap-select.min.css"&gt;js:&lt;script src="/spgw/libs/jquery.min.js"&am

转载 js 小数运算出现13位小数解决方法

小数相乘出现很多位小数的问题；这个问题自己以前也遇到过，现在特意来总结一下；Number类型：Number类型是ECMAScript中最常用和最令人关注的类型了；这种类型使用IEEE754格式来表示整数和浮点数值（浮点数值在某些语言中也被成为双精度数值），为支持各种数据类型，ECMA-262定义了不同的数值面量格式。十进制：var intNum=10; //整数八进制:var octalNum1=...

转载 js 重置表单 reset form

原文地址: http://www.hpboys.com/820.html由于JQuery中，提交表单是像下面这样的：$('#yigeform').reset();但是，不幸的是，这样写的话，会有一个让你很郁闷的结果，那就是，表单无法重置！后来，兴冲冲的查看了JQuery文档，JQuery中并没有reset方法！那有么没有办法通过JQuery来重置表单呢，答案是有的，不过是一种间接的方法。如下，因为...

原创 js html元素内绑定点击事件 出现 js Uncaught ReferenceError ：xxx is not defined

问题： 调用函数报错。原因：传值参数不是字符串，需转义。解决方法： onclick="yourFunc(\''+ json[i].username +'\')"附上代码：function() { //增加查看 上线完成            var ids = jQuery(grid_selector).jqGrid('getDataIDs');            for ( var i =...

转载 数字格式化

例如： 12345格式化为12,345.00 12345.6格式化为12,345.60 12345.67格式化为 12,345.67 只留两位小数。 回来后写了个格式化函数。可以控制小数位数，自动四舍五入。 代码如下： 引用function fmoney(s, n)   {      n = n &gt; 0 &amp;&amp; n &lt;= 20 ? n : 2;      s = pars...

转载 模糊查询

模糊搜索功能在工作中应用广泛，并且很实用，自己写了一个方法，以后用到的时候可以直接拿来用了！实现的搜索功能：1. 可以匹配输入的字符串找出列表中匹配的项，列表框的高度跟随搜索出的列表项的多少改变2. 可以点击某一项进行选中列表项3. 可以按下上、下、回车键来控制列表项4. 按下回车键时则会选中列表项5. 点击文本框中的下拉键头时会切换下拉框的显示/隐藏6. 点击文本框外部时自动隐藏下拉框 先来预览...

原创 关于jqgrid嵌入adminLte框架的样式问题

刚开始把jqgrid嵌入adminLte中，jqgrid表格的样式是jqgrid原有的样式，不自动替换为bootstrap样式。原因为： 自己在页面中写了css样式，从而影响了jqgrid的bootstrap样式失效。 解决办法： 把css挪到公共css样式里，或者直接删除写在&lt;style&gt;&lt;/style&gt;中的样式。...

原创 javascript jquery发送ajax不同方式的区别 踩坑

转载 js 构造函数

JavaScript中没有类的概念，所以其在对象创建方面与面向对象语言有所不同。 JS中对象可以定义为”无序属性的集合”。其属性可以包含基本值，对象以及函数。对象实质上就是一组没有特定顺序的值，对象中每个属性、方法都有一个名字，每个名字都映射到了一个值，因此我们可以将对象想象称为一个散列表。JS是一种基于对象的语言，对象的概念在JS体系中十分的重要，因此有必要清楚地了解一下JS中对象创建的常用方法

转载 设置默认选中select的选中项

$("#SelectId option[value="+Value+"]").attr("selected", "selected");SelectId--Select标签的IDValue---获取到的Value

原创 日期函数

function setCurrentMonth(){var date=new Date();var year=date.getFullYear();var month=parseInt(date.getMonth())+1;month= month var day=date.getDate();day= day var today=year+"-"+month+"-"

原创 form提交表单 踩坑

1.项目需求表单中一个select选项需要置灰，随后添加 disabled="disabled"属性， 向后台传递时发现后台接收不到值而出现错误。2.原因：在HTML页面的某元素加入了disable的属性，那么这个元素只是单单的去给用户去显示，当表单提交时，这个元素不会提交给后台去处理．所以当元素加入了disabled属性，后台是无法得到这个属性的值．3.解决方法：再写一个

转载 表格验证非空

function checkForm(){    var objTable = document.getElementById("tab");              var objTR;              var objTD;               var objInput;              for(var i=1; i             

原创 ajax成功回调失灵，页面刷新 表格增删改查 并向后端传值 踩坑+实例

项目需求，表格增删改查，并提交数据给后台，后台返回。问题1：form提交的数据key值一样，如果用.serialize()传递为字符串形式后台同事无法接收。解决方法：调用.serializeArray()，发送为数组形式。问题2：ajax发送成功后，成功回调总是失灵，并且可以取到后端传的值，但是成功回调函数不执行ps:偶尔执行。（个人认为此坑真的非常坑。）原因：html页面元素in

原创 知识积累日常_17.12.1_利用for循环 循环发送ajax

需求：最近项目需要循环发送ajax向后台发送请求导出文件。有多个业务线，如果一次性全部下载后台负荷会过大，所以希望前台根据每条业务线单独发送请求，后台进行区分下载。我上网查阅了很多资料，下面附上代码。原理：原理是运用递归，来发送ajax，把ajax放在for循环中，达到根据业务线循环发送的目的。缺点：后台人员可以接受到我的参数，但是导出文件却无反应，目前正在研究。代码：$("#do

转载 知识积累日常_17.11.27_获取select中option的值

//获取第一个option的值   $('#test option:first').val();   //最后一个option的值   $('#test option:last').val();   //获取第二个option的值   $('#test option:eq(1)').val();   //获取选中的值   $('#test').val();   $(