二到家的小熊-CSDN博客

原创 jqGrid之真分页

写在前面：之前的工作中需要用到jqGrid用来展示数据，看中的就是其简约的UI风格和方便的配置还有它排序和分页的功能也很方便。之前的数据量都不大最多也就几百条（就直接全部查出所有数据再界面渲染也就是加分页）。可是最近的工作中需要满足快速展示几万条数据的需求。这就不得不用真分页了。实现起来也很简单： 1、后台返回数据格式要求：

2017-04-10 17:47:09 6763 2

原创 Bootstrap--BootstrapDialog

这里有两种展现方式写在前面：首先你要引入的库有 css : bootstrap.min.css bootstrap-dialog.css js : jquery-1.11.1.min.js bootstrap.min.js bootstrap-dialog.js1、通过html代码显示 <!-- Button trigger modal 弹出框的触发器 --

2017-02-16 17:42:08 6129

原创数组中出现次数最多/最少的元素

先说一下思路吧首先定义一个对象然后遍历数组对象的key用于存放数组的元素 val用于存放元素出现的次数看一下代码吧 var arr = [1,1,2,2,2,2,2,3,3,3,4,4]; var obj = {}; for(var i = 0; i<arr.length; i++){ if(!obj[arr[i]]){

2016-12-21 17:24:27 2753

原创 Java 多文件上传

前台代码很简单：<input type="file" accept=".zip" class="file-load" multiple="multiple" name="files"/>后台代码：public boolean uploadFlow(@RequestParam MultipartFile[] files){ //处理逻辑}这里有几个点需要注意： 1、在单个文件上传中@

2016-10-31 15:58:06 2098 1

原创 jqGrid之重新加载数据

近来工作市场用到jqgrid这个插件，主要用于呈现表格的功能，有些心得做一小结。首先要引入 jquery.jqGrid.min.js 文件 HTML结构部分很简单：<table id="jqGrid_ds_left"></table><div id="jqGridPager"></div>其次就是必须的配置信息了：//这里给出一个模板数据dgDataLeft =[ {dataTy

2016-10-27 20:21:27 36302 4

原创 java--List

我以前端的角度去看Java中的List，觉得List就像js中的数组。 List操作的常用方法：一：添加–add（）List<String> list = new ArrayList<String>();list.add("hello");list.add("world");list.add("hello"); //可以添加重复的值二：删除–remove(index) 按索引值删除

2016-10-10 10:51:33 248

原创解析XML

国庆加班，用到解析XML的一些方法，现总结一二，算是为祖国母亲庆生了！先看一下XML的格式：<xml> <data name ="people1"> <key>name</key> <value><![CDATA[ 李四]]> </value> </data> <data name="people2"

2016-10-02 17:38:56 403

原创 jquery之$.each（）

jQuery的$.each()方法和原生js的foreach方法功能类似，但用起来更加简单方便。一：遍历一维数组 var arr = ["aa","bb","ccc"]; $.each(arr,function (index,val){ console.log(index); console.log(val); }); console.lo

2016-09-20 14:53:07 286

原创 ajax提交表单--ajaxSubmit

最近工作中有这样的需求：上传文件的同时不能跳转页面。我们知道ajax请求不会跳转页面但是不能提交表单，form提交不能局部刷新页面。所以这两种提交方式都不能满足即提交表单又不跳转页面的需求。恰巧jQuery的ajaxSubmit满足需要。现在简单说说ajaxSubmit的用法： ajaxSubmit的用法很简单类似于ajax的用法，废话不多说直接看代码吧 var options = {

2016-09-19 17:49:47 1262

原创美化 checkbox

想必同学们也发现了原生的checkbox真的真的好丑啊所以要美化一下养养眼。很简单，说一下美化的原理吧一：把原生的checkbox设置成‘隐形的’ 二：用另一个美化的元素覆盖原生的checkbox 直接看代码吧<input type="checkbox" id="checkbox_a1" class="chk_1" /><label for="che

2016-08-29 17:05:42 1720

原创如何监听checkbox是否被选中

工作中会经常遇到根据checkbox是否被选中而做一些事件处理，也就是监听checkbox是否被选中，其实实现的原理很简单现总结如下：首先判断checkbox如何才是被选中，经本人亲测有如下四种方法：一：`if($("input").attr("checked") == true){ // do something}二： if($("input").attr("checke

2016-08-29 15:29:02 51438 2

原创 jquery的$().each,$.each的区别

在jquery中，遍历对象和数组，经常会用到$().each()和$.each()，两个方法。两个方法是有区别的，从而这两个方法在针对不同的操作上，显示了各自的特点。$().each,对于这个方法，在dom处理上面用的较多。如果页面有多个li标签，对于这时用$().each来处理多个li，例如： $("button").click(function(){ $("li").each(fun

2016-03-31 11:10:41 675

原创 JS--遍历DOM树

js官方文档给出的遍历DOM树的刚发是：父节点—ele.parentNode 子节点—ele.childNode 第一个子节点—firstChild 最后一个子节点—lastChild 上一个兄弟节点—previousSibling 下一个兄弟节点—nextSibling 通过属性获取元素： document.getElementById(); —通过ID document.ge

2016-03-24 17:01:51 1464

原创自动匹配显示位置的提示框--Auto_Tooltip

最近工作中需要用到提示框（ToolTip）在网上找了很多插件不是兼容性不好就是不能自动匹配显示位置等问题。遂自己开发了一个简单易用的提示框。这是一个简单的提示框插件欢迎大神们指导。也欢迎童鞋们丰富出更加炫酷的样式更加牛叉的功能！！！一、特点： 1、不存在兼容性问题能兼容最低版本的IE。 2、自动匹配显示位置。 3、轻量级，简单易用。示例： <a href=

2016-03-21 17:28:35 2914

原创事件对象和事件冒泡

1、事件对象 js的事件对象中保存了当前被触发事件的一些相关的属性信息，如事件源、事件发生时的鼠标位置、事件按键等。事件对象的获取方法： IE中可以window.event直接获取，而Firefox中则不可以，可通过如下方法获取： var event = window.event || arguments.callee.caller.arguments[0]; 2、事件源

2016-02-25 13:48:13 362

原创 jQuery之尺寸

今天工作之余难得清闲拿来jQuery翻阅发现很多常用且琐碎的知识点先整理一二！工作中会经常会有计算DOM元素尺寸的场景今天咱就说说jQuery尺寸的一二事。总的来说 jQuery中用于计算尺寸的方法有这么几个: width() height() innerWidth() innerHeight() outerWidth() outerHeight() 用一张图就再能说

2016-02-24 16:39:32 306

原创 jQuery动画之animate()

jQuery的animate方法允许你自定义动画效果，它最基本的语法是：$(selector).animate({params},speed,callback); 必需的 params 参数定义形成动画的 CSS 属性。可选的 speed 参数规定效果的时长。它可以取以下值：”slow”、”fast” 或毫秒。可选的 callback 参数是动画完成后所执行的函数名称。 1、最简单的an

2016-02-24 15:53:14 533

原创一个最简单的模态框模板~

之前工作中经常用到模态框，早就想总结一下可苦于一直没有时间，今天忙里偷闲小结如下：这里只是一个最简单的模态框哦~~ 先看一下效果吧：因为实在是太简单了所以还是直接上代码吧<head lang="en"> <meta charset="UTF-8"> <title></title> <style> body { font-

2016-02-19 11:08:50 5745

原创密码框的提示信息的显示问题

今天工作中遇到一个这样的问题：我想给密码框一个‘请输入密码’的提示。想要的效果大概是这个样子：可是如果把input的类型写成password（<input type='password' value='enter your password!' />）的话得到的效果就是这样的：因为input的类型是password所以浏览器会自动把value值解析成‘圆点’。这个时候有些朋友就会说了

2016-02-19 10:06:01 2484 1

原创好用的基于jQuery的提示框插件--webui-popover

今天工作中无意中发现一款特别好用的基于jQuery的提示框插件–webui-popover：该提示框插件可以和Bootstrap完美结合，但是并不一定需要和Bootstrap一起使用。它支持IE7以上的浏览器。它的特点有：运行速度快，轻量级。支持多种定位方式。能自动计算提示框位置。在提示框中提供关闭按钮。同一个页面支持多个提示框实例。支持不同的样式。支持使用url和i

2016-02-18 17:41:00 4434

原创 jQuery的各种插入方法

工作中经常会用遇到向DOM树中插入元素的问题，jQuery中有几个方法可以很好地解决问题，但是经常把他们的用法弄混淆，今天任务之余总结如下： 1、append（）也是最常用的一种方法。它的功能是：向要插入的父元素的最后一个子节点后面依次插入元素插入前的DOM树是这样的：

2016-01-19 16:50:22 843 1

原创弹性盒子模型 box-flex

早就听说过 box-flex 一直没时间细细深究今天上网查阅资料时看到一篇张鑫旭的博文确实学到不少本来想要原创一篇博文的但久久未能下笔因为是实在觉得无法超越鑫哥特把链接奉上供各位参考…… http://www.zhangxinxu.com/wordpress/?p=1338

2016-01-11 09:58:10 339

原创好用的jquery分页插件 kkpager

今天用到用到一个jQuery的分页插件简单好用分享给大家先看看效果吧需要的类库请到[http://www.jq22.com/jquery-info2705]下载这个插件用起来非常简单第一步引入相应的库文件第二部做相应的配置直接看代码吧<script> function getParameter(name) { var reg

2016-01-08 10:33:26 2275

原创常用的树形菜单

工作中经常用到树形菜单今天闲暇之余总结如下写的不好还请大神指教！本文需要的类库可以到 http://www.ztree.me/v3/main.php#_zTreeInfo 下载闲话不多说先看看效果图第一种是不带复选框的：看一下代码结构这是需要引入的库文件//必要的一些配置(有些也不是必须的视情况而定)var setting = {view: {dbl

2016-01-07 16:35:17 1473

二到家的小熊的博客