JQuery.BlockUI是众多JQuery插件弹出层中的一个,它小巧(原版16k,压缩后10左右),容易使用, 功能齐全,支持Iframe,支持Modal,可定制性高也意味他默认谦虚的外表。...jQuery的BlockUI插件可以让你在使用AJAX时模拟同步行为,锁定浏览器(模式窗口)。当被激活时,它会防止用户活动的页面(或页面的一部分),直到它被禁用。...1、首先引入插件 <script src="<em>JQuery</em>.<em>BlockUI</em>.min...也一次直接修改库文件 <em>jquery</em>.<em>blockUI</em>.js, 修改$.<em>blockUI</em>.defaults 对象相关<em>的</em>代码: 显示源码 // 重写defaults对象<em>中</em><em>的</em>属性 $.<em>blockUI</em>.defaults...) onUnblock: null 总结:上面的文字个人认为写<em>的</em>比较烂,但基本<em>的</em>使用没有问题,详尽<em>的</em><em>支持</em>是官网:http://www.malsup.com/<em>jquery</em>/block/,这个站还有一些其它<em>插件</em>也值得看看
,我这里也用扩展一个JQuery弹出插件 jQuery BlockUI Plugin 插件API或DEMO:http://malsup.com/jquery/block/#demos 增加前端BlockUI...:BlockUI弹框,通过传入XML文件中ID节点的text查找提示正文 参数:tipId表示XML中ID节点的text ----------------------------------------...:BlockUI弹框并跳转,通过传入XML文件中ID节点的text查找提示正文 参数:tipId表示XML中ID节点的text destUrl表示要跳转的目的页面路径 ----...弹框 (BlockUI) /// /// 功能:Jquery插件弹框 /// /// <param...:Jquery插件弹框并跳转,从XML中得到提示信息 /// /// XML文件中
功能强大的 jQuery 图片查看器插件 : viewer image.png image.png $(function () { TaskReport.renderReportTable()...dataType: 'json', // dataField: 'departmentIssueQualityDataList', //server 后端 : json 对应的表格数据...params.tid = $('#tid').val(); return params }, // 当表格加载完毕才可以绑定的事件
在过去的时候,做一个圆角效果往往需要将圆角图片切出,然后通过背景等实现效果。...而在现在,CSS3 中有一个 border-radius 属性即可生成各种尺寸的圆角,十分强大,于是大家都开始使用 border-radius 的方式做圆角。...但是在国内早期 IE 浏览器仍然盛行的时期,为了考虑到大多数用户,我们不得不通过一些插件之类的来实现圆角,jQuery Corner 就是这样一个插件,使用这个插件配置一下圆角半径等参数,即可生成圆角同时兼容各种早期...另外我们还可以看一下 jQuery Corner 插件的演示 ,它不仅仅支持生成各种圆角,同时还可以生成一些其他奇怪的“角”,虽然不是很实用,但万一有时候就用上了呢 如果你的项目中,需要圆角,同时还需要兼容早期...IE 浏览器,不妨来试用一下吧,下载:jQuery Corner。
jQuery 对AMD的支持 jQuery 1.7 开始支持将 jQuery 注册为一个AMD异步模块。...可以看看jQuery 1.7 中的源码: // Expose jQuery as an AMD module, but only for AMD loaders that // understand the...() { return jQuery; } ); } 其工作的原理是,所使用的脚本加载器通过指定一个属性,即 define.amd.jQuery 为 true,来标明自己可以支持多个 jQuery 版本...); }); Require.js中使用jQuery 插件 虽然jQuery的支持AMD的API, 这并不意味着jQuery插件也是和AMD兼容的。...一般的jQuery 插件格式: (function ($) { $.fn.myPlugin = function () { //你自己的插件代码 }; })(jQuery
可能很多人像我开始一样,发现了ckfinder和kcfinder,喜欢得不得了,但突然发现他们都不支持java的,然后就非常失落~~ 我尝试过tomcat跑php来运行ckfinder,但发现目录权限之类的很多错误...最后因为我需要的功能只是很简单,所以索性自己写。这样整个东西都在我自己掌握中。...使用了dtree,jquery,jquery-blockUI,jquery-alerts等插件 源代码:http://download.csdn.net/source/3169143(请大家施舍点csdn...的分数给小弟吧~~压缩包包含说明文件和使用例子) 注意:必须设置tomcat的server.xml的URIEncoding为UTF-8。...目录树的操作 ? 删除确认 ? ?
关于Karta Karta是一款功能强大的IDA Python插件,该工具可以识别并匹配给定代码中的开源代码库。...该插件使用了一种独特的技术,使其能够支持大型二进制文件(>200000个函数),而同时几乎不会影响整体性能。...使用场景 我们认为Karta这个IDA插件有三大使用场景: 搜索目标文档,确定已使用的开源代码库列表(包含版本信息); 匹配支持的开源库及其中的符号,以帮助对恶意软件进行逆向工程分析; 匹配支持的开源库及其中的符号...,以帮助在专用代码中搜索特定代码,实现针对二进制/固件的逆向工程分析; 项目目录结构 src:插件的源代码目录 configs:预置的*JSON配置文件 compilations:生成配置文件的编译提示...,以及从过去的开源代码中获得的经验教训 docs:Sphinx文档目录 Karta识别器 Karta的识别器是一个较小的插件,用于标识二进制文件中现有(受支持的)开源库积起版本。
Swipebox是一款支持桌面、移动触摸手机和平板电脑的jquery Lightbox插件。该lightbox插件支持手机的触摸手势,支持桌面电脑的键盘导航,并且支持视频的播放。...今天介绍一下Swipebox的使用步骤。 先看效果图: 2015101601 简要教程 使用方法 首先在标签之前或标签中引入jquery和swipebox js文件。...>标签中引入swipebox.css文件。...你可以在超链接标签中添加一个rel属性来分割画廊图片 <!...你可以将一个youtube或vimeo的视频URL放到href属性中,该lightbox插件会自动检测它是否是youtube 或 vimeo的视频,并用swipebox打开它。
在开发任何移动项目时,要尽可能保持每一种资源尺寸都尽可能的小,以给最终用户提供一个好的体验是非常重要的。...在这篇文章中我们已经编制了今年新出炉的 jQuery 移动插件列表,收集了滑块,旋转木马,画廊,触摸插件,菜单等帮助你创建响应式的,美丽和引人注目的 Web 应用程序。...1. jQuery TouchSwipe Carousel ?...Flip is jQuery/jQuery mobile plugin to give Flipboard app like effect....jQuery Navobile is a jQuery plugin that makes mobile navigation easy.
在开发任何移动项目时,要尽可能保持每一种资源尺寸都尽可能的小,以给最终用户提供一个好的体验是非常重要的。...在这篇文章中我们已经编制了今年新出炉的 jQuery 移动插件列表,收集了滑块,旋转木马,画廊,触摸插件,菜单等帮助你创建响应式的,美丽和引人注目的 Web 应用程序。...1. jQuery TouchSwipe Carousel 添加描述 jQuery touchSwipe Carousel/Slider plugin is required for detecting...TouchSwipe 添加描述 TouchSwipe is a jQuery plugin to be used with jQuery on touch input devices such as...Flip 添加描述 Flip is jQuery/jQuery mobile plugin to give Flipboard app like effect.
Boxy是一个基于JQuery的弹出层插件,它有相对漂亮的外观,功能齐全,支持iframe,支持模式窗口但相对于同样的弹出层插件BlockUI它明显笨重,但使用不那么方便。...1、下载并修改插件 可以在官网上下载到最新版(http://plugins.jquery.com/files/boxy-0.1.4.zip),到我写这些文字的时候最新版为0.1.4版,下载解压后有1个主要的...js文件:jquery.boxy.js;1个css文件;还有4个图片用于构成弹出层的4个圆角。...: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/boxy-sw.png'); } 2、将插件引用到页面中...,没有必要明确规定了包装集的尺寸; 2、上面的简单使用方法中其实是在间接指定boxy中message属性的内容,该属性为弹出框的显示信息,默认为:“请确认:” 3、每个匹配锚title属性将被用来作为其相应的对话框的标题
前言 SpringBoot_v2项目是努力打造springboot框架的极致细腻的脚手架。包括一套漂亮的前台。无其他杂七杂八的功能,原生纯净。...官网 备注 springboot springboot框架 Apache Shiro 权限框架 MyBatis Generator 代码生成 PageHelper MyBatis物理分页插件...函式库 bootstrap 前端页面框架 Font-awesome 字体图标 jquery.validate jquery验证插件 vue 渐进式框架 ladda.min.js 按钮加载...js bootstrap-table 表格组件 layer.js 弹窗组件 jquery.blockUI.js 遮蔽层组件 bootstrap-table-export.js 前台导出组件...代码自动生成功能 ? ?
目前本框架已经应用于团队的所有项目,在实际开发过程中还在不断地打磨。...您的支持将鼓励我们继续前行!...Git地址:https://gitee.com/xl_wenqiang/Magicodes.Admin.Core 开源和推广的目的主要是觉得ABP设计真心不错,好的框架和理念值得推广,但是实际应用中很容易碰到问题...维护框架、插件、文档等需要花费本人大量的精力,因此脑残、伸手党问题恕不回答,如果觉得不错,愿意贡献自己的力量,那么请以实际行动说话。...jQuery UI jQuery BlockUI jQuery Slimscroll jQuery Sparkline jQuery Uniform jQuery Validation jQuery
最近在做工作室的网站,留言模块采用纯HTML+JQuery+ASHX对数据库进行无刷新操作。...第三个问题则应该涉及到异步和同步的问题吧。 仔细研究了一下JQuery的AJAX部分,发现$.ajax()下有很多参数,其中async参数主要是用来设置是同步还是异步。...async默认的设置值为true,这种情况为异步方式,就是说当ajax发送请求后,在等待server端返回的这个过程中,前台会继续 执行ajax块后面的脚本,直到server端返回正确的结果才会去执行success...第一个和第二个问题的解决方式也很简单,研究了JQuery的AJAX部分就知道里面有一个参数cache,专门是用来设置本次和服务器进行的传输是否加载缓存。...来做AJAX真的很方便,在以后的项目运用中我会用到它很多地方,AJAX中很多参数确实值得去研究...
CLI宏是一种生产力工具,可让您在IDA的命令行界面(Python,IDC,WinDbg,BochDbg,Gdb等)中定义和使用静态或动态宏。 ? 用法 安装后,climacros始终处于活动状态。...它带有一组预定的宏 ? 要创建或编辑新宏,只需从“快速插件视图”窗口(Ctrl-3)调用宏编辑器。 静态宏 静态宏在CLI中按原样替换。例如以下宏: ? 执行时输出以下内容: ?...长形式的宏${here}用于idc.here()表达的定义如下: ? 简短形式$!: ? 当CLI命令中存在宏时,将调用该宏: ? 内联替换 您不必定义宏以便在CLI中进行表达式扩展。...安装 climacros是用C ++编写的,带有IDA的SDK,因此它应该像常规插件一样进行部署。...将插件二进制文件复制到以下任一位置:/plugins%APPDATA%\Hex-Rays/plugins由于该插件使用IDA的SDK而没有其他特定于操作系统的功能,因此该插件应该可以编译为macOS和Linux
前段时间,项目在做个人信息设置,其中有一项是设置用户头像信息,需要将用户选择的头像按照用户需要进行剪切,同时保存为大(120*120)、中(75*75)、小(35*35)三种格式的图像,分别显示到不同的位置...需求很简单,就是这么easy,这个其中重点就是用户可以自己对选择的头像进行截取,最终选择了基于jquery的imgareaselect.js。既然插件都有了,那就开工吧!...第一步: 前端下载必须的js插件,后台使用java自带imageio包处理,不需要其他jar包。...e.printStackTrace(); return false; } } /** * 将图片格式转成jpg的支持...有几个地方需要注意下: 1、imageToJPG()方法,将图片格式转成jpg的暂时只支持( GIF->JPG 、GIF->PNG 、PNG->GIF(X)、 PNG->JPG)这几种形式。
待办事宜日历 full calendar 支持脱放的方式来改变待办事宜的时间 时间选取组件 jQuery ui datepicker 经典,不是很好看 pickadate 轻量级,手机友好的,漂亮...我的改进版见这里 TheaterJS 模拟两个人在屏幕上对话 midnight.js 文字颜色随着背景变,屌炸了 color-animation jquery的颜色渐变动画插件。...jquery的动画不支持颜色值的变化。改库提供了这个支持。...scrolldeck flash swfobj 能够自动检测PC、Mac机器上各种主流浏览器对Flash插件的支持情况。它使得插入Flash媒体资源尽量简捷、安全。...用户体验增强类 Intro.js 用来介绍网站的功能很不错。也可以做新手引导。 blockUI Lolding组件。 simple-hint 提示信息。用css做的。兼容性IE 9+。
0 ajaxFileUpload简介 ajaxFileUpload插件是一个非常简单的基于Jquery的异步上传文件的插件,使用过程中发现很多与这个同名的,基于原始版本基础之上修改过的插件,文件版本比较多...整个插件源码不到200行,实现非常简单,大致原理就是通过js动态创建隐藏的表单,然后进行提交操作,达到附件上传的目的,主要实现在源码里都有注释,不难理解,我们也可以基于此简单版本实现更复杂的操作。...及ajaxFileUpload的引用,这里的JQuery用的2.1.4版本,经测试用各个版本基本没什么影响。...String,其中每一对表示value中对应的元素;例如“F-2C-4A”*/ string strHashData = System.BitConverter.ToString...解决方法: 经测试handlerError只在jquery-1.4.2之前的版本中存在,以后版本中都没有这个函数了,因此在将handleError这个函数复制到ajaxFileUpload.js中,就行了
有一篇博文web程序下载文件添加等待加载效果阐述了使用iframe框架来实现这一功能,但经过实验并未成功。...btnDownloadXhr">导出 $(function(){...") $.blockUI({ message: "正在加载数据..." }); } 完整示例代码地址:
发表于2018-05-102019-01-01 作者 wind 为什么要同步到 vue 上绑定的变量呢,因为如果我们不更新绑定的变量的值,vue 下次刷新组件的时候,就会将旧的值更新到 input...我一般使用的方法是在 vue 中定义自定义指令,函数中可以获取到 vnode,有了 vnode 就可以获取vnode.context也就是 vue 对象,有了 vue 对象就可以将新的值设置到v-model...绑定的那个变量上,因为这是指令,还不确定有多少个地方使用到了这个指令,所以可以通过从 el 上获取到一些信息,来帮助获取对应的 v-model 对象。...例如下面这个自动完成的 jquery 插件的例子: Vue.directive('myautocomplete', { inserted: function (el,binding...,vnode,oldVnode) { var jqEl = jQuery(el); console.log(jqEl); if (
领取专属 10元无门槛券
手把手带您无忧上云