- 博客(24)
- 问答 (1)
- 收藏
- 关注
原创 jqGrid之真分页
写在前面: 之前的工作中需要用到jqGrid用来展示数据,看中的就是其简约的UI风格和方便的配置还有它排序和分页的功能也很方便。之前的数据量都不大最多也就几百条(就直接全部查出所有数据再界面渲染也就是加分页)。可是最近的工作中需要满足快速展示几万条数据的需求。这就不得不用真分页了。 实现起来也很简单: 1、后台返回数据格式要求:
2017-04-10 17:47:09
6775
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
6164
原创 数组中出现次数最多/最少的元素
先说一下思路吧 首先定义一个对象 然后遍历数组 对象的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
2772
原创 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
2120
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
36397
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
264
原创 解析XML
国庆加班,用到解析XML的一些方法,现总结一二,算是为祖国母亲庆生了! 先看一下XML的格式:<xml> <data name ="people1"> <key>name</key> <value><![CDATA[ 李四]]> </value> </data> <data name="people2"
2016-10-02 17:38:56
418
原创 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
294
原创 ajax提交表单--ajaxSubmit
最近工作中有这样的需求:上传文件的同时不能跳转页面。我们知道ajax请求不会跳转页面但是不能提交表单,form提交不能局部刷新页面。所以这两种提交方式都不能满足即提交表单又不跳转页面的需求。恰巧jQuery的ajaxSubmit满足需要。现在简单说说ajaxSubmit的用法: ajaxSubmit的用法很简单 类似于ajax的用法,废话不多说直接看代码吧 var options = {
2016-09-19 17:49:47
1272
原创 美化 checkbox
想必同学们也发现了 原生的checkbox真的 真的好丑啊 所以要美化一下 养养眼。 很简单,说一下美化的原理吧 一:把原生的checkbox设置成‘隐形的’ 二:用另一个美化的元素覆盖原生的checkbox 直接看代码吧<input type="checkbox" id="checkbox_a1" class="chk_1" /><label for="che
2016-08-29 17:05:42
1734
原创 如何监听checkbox是否被选中
工作中会经常遇到根据checkbox是否被选中而做一些事件处理,也就是监听checkbox是否被选中,其实实现的原理很简单 现总结如下:首先判断checkbox如何才是被选中,经本人亲测 有如下四种方法:一:`if($("input").attr("checked") == true){ // do something}二: if($("input").attr("checke
2016-08-29 15:29:02
51613
2
原创 jquery的$().each,$.each的区别
在jquery中,遍历对象和数组,经常会用到$().each()和$.each(),两个方法。两个方法是有区别的,从而这两个方法在针对不同的操作上,显示了各自的特点。$().each,对于这个方法,在dom处理上面用的较多。如果页面有多个li标签,对于这时用$().each来处理多个li,例如: $("button").click(function(){ $("li").each(fun
2016-03-31 11:10:41
681
原创 JS--遍历DOM树
js官方文档给出的遍历DOM树的刚发是: 父节点—ele.parentNode 子节点—ele.childNode 第一个子节点—firstChild 最后一个子节点—lastChild 上一个兄弟节点—previousSibling 下一个兄弟节点—nextSibling 通过属性获取元素: document.getElementById(); —通过ID document.ge
2016-03-24 17:01:51
1492
原创 自动匹配显示位置的提示框--Auto_Tooltip
最近工作中需要用到提示框(ToolTip) 在网上找了很多插件 不是兼容性不好就是不能自动匹配显示位置等问题。遂自己开发了一个简单易用的提示框。这是一个简单的提示框插件 欢迎大神们指导。也欢迎童鞋们丰富出更加炫酷的样式更加牛叉的功能!!!一 、特点: 1、不存在兼容性问题 能兼容最低版本的IE。 2、自动匹配显示位置。 3、轻量级,简单易用。 示例: <a href=
2016-03-21 17:28:35
2935
原创 事件对象和事件冒泡
1、事件对象 js的事件对象中保存了当前被触发事件的一些相关的属性信息,如事件源、事件发生时的鼠标位置、事件按键等。 事件对象的获取方法: IE中可以window.event直接获取,而Firefox中则不可以,可通过如下方法获取: var event = window.event || arguments.callee.caller.arguments[0]; 2、事件源
2016-02-25 13:48:13
368
原创 jQuery之尺寸
今天工作之余 难得清闲 拿来jQuery翻阅 发现很多常用且琐碎的知识点 先整理一二! 工作中会经常会有计算DOM元素尺寸的场景 今天咱就说说jQuery尺寸的一二事。 总的来说 jQuery中用于计算尺寸的方法有这么几个: width() height() innerWidth() innerHeight() outerWidth() outerHeight() 用一张图就再能说
2016-02-24 16:39:32
314
原创 jQuery动画之animate()
jQuery的animate方法允许你自定义动画效果,它最基本的语法是:$(selector).animate({params},speed,callback); 必需的 params 参数定义形成动画的 CSS 属性。 可选的 speed 参数规定效果的时长。它可以取以下值:”slow”、”fast” 或毫秒。 可选的 callback 参数是动画完成后所执行的函数名称。 1、最简单的an
2016-02-24 15:53:14
543
原创 一个最简单的模态框模板~
之前工作中经常用到模态框,早就想总结一下可苦于一直没有时间,今天忙里偷闲小结如下: 这里只是一个最简单的模态框哦~~ 先看一下效果吧: 因为实在是太简单了 所以还是直接上代码吧<head lang="en"> <meta charset="UTF-8"> <title></title> <style> body { font-
2016-02-19 11:08:50
5758
原创 密码框的提示信息的显示问题
今天工作中遇到一个这样的问题:我想给密码框一个‘请输入密码’的提示。想要的效果大概是这个样子: 可是如果把input的类型写成password(<input type='password' value='enter your password!' />)的话得到的效果就是这样的: 因为input的类型是password所以浏览器会自动把value值解析成‘圆点’。这个时候有些朋友就会说了
2016-02-19 10:06:01
2536
1
原创 好用的基于jQuery的提示框插件--webui-popover
今天工作中无意中发现一款特别好用的基于jQuery的提示框插件–webui-popover: 该提示框插件可以和Bootstrap完美结合,但是并不一定需要和Bootstrap一起使用。它支持IE7以上的浏览器。它的特点有: 运行速度快,轻量级。 支持多种定位方式。 能自动计算提示框位置。 在提示框中提供关闭按钮。 同一个页面支持多个提示框实例。 支持不同的样式。 支持使用url和i
2016-02-18 17:41:00
4459
原创 jQuery的各种插入方法
工作中经常会用遇到向DOM树中插入元素的问题,jQuery中有几个方法可以很好地解决问题,但是经常把他们的用法弄混淆,今天任务之余总结如下: 1、append()也是最常用的一种方法 。 它的功能是: 向要插入的父元素的最后一个子节点后面依次插入元素 插入前的DOM树是这样的:
2016-01-19 16:50:22
853
1
原创 弹性盒子模型 box-flex
早就听说过 box-flex 一直没时间细细深究 今天上网查阅资料时 看到一篇张鑫旭的博文 确实学到不少 本来想要原创一篇博文的 但久久未能下笔 因为是实在觉得无法超越鑫哥 特把链接奉上供各位参考…… http://www.zhangxinxu.com/wordpress/?p=1338
2016-01-11 09:58:10
348
原创 好用的jquery分页插件 kkpager
今天用到用到一个jQuery的分页插件 简单好用分享给大家 先看看效果吧 需要的类库请到[http://www.jq22.com/jquery-info2705]下载 这个插件用起来非常简单 第一步 引入相应的库文件 第二部 做相应的配置 直接看代码吧<script> function getParameter(name) { var reg
2016-01-08 10:33:26
2288
原创 常用的树形菜单
工作中经常用到树形菜单 今天闲暇之余总结如下 写的不好还请大神指教!本文需要的类库可以到 http://www.ztree.me/v3/main.php#_zTreeInfo 下载 闲话不多说先看看效果图第一种是不带复选框的:看一下代码结构 这是需要引入的库文件//必要的一些配置(有些也不是必须的 视情况而定)var setting = {view: {dbl
2016-01-07 16:35:17
1495
空空如也
ace_tree 树形菜单第一次调用方法能加载成功,第二次就加载失败
2016-09-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人