sdt1005
sdt1005

JQuery.BlockUI，JQuery弹出层插件

JQuery.BlockUI是众多JQuery插件弹出层中的一个，它小巧（原版16k，压缩后10左右）,容易使用, 功能齐全，支持Iframe，支持Modal，可定制性高也意味他默认谦虚的外表。

jQuery的BlockUI插件可以让你在使用AJAX时模拟同步行为，锁定浏览器(模式窗口)。当被激活时，它会防止用户活动的页面（或页面的一部分），直到它被禁用。 BlockUI添加元素的DOM，给它的外观和阻止用户交互行为。

1、首先引入插件

Java代码   收藏代码
  1. <script src="jquery.min.js" type="text/javascript"></script>  
  2. <script src="JQuery.BlockUI.min.2.39.js" type="text/javascript"></script>  

 

 2、调用

  

Java代码   收藏代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head><title></title>  
  4.     <script src="jquery.min.js" type="text/javascript"></script>  
  5.     <script src="JQuery.BlockUI.min.2.39.js" type="text/javascript"></script>  
  6.     <script type="text/javascript">  
  7.         $(function() {  
  8.             $('#Button1').click(function() {  
  9.                 //阻止页面的用户的活动  
  10.                 $.blockUI();  
  11.             });  
  12.             $('#Button2').click(function() {  
  13.                 //自定义信息内容  
  14.                 $.blockUI({ message: '<h3><img src="busy.gif" /> Just a moment...</h3>' });  
  15.             });  
  16.             $('#Button3').click(function() {  
  17.                 //自定义样式  
  18.                 $.blockUI({ css: { backgroundColor: '#f00', color: '#fff'} });  
  19.             });  
  20.             $('#Button4').click(function() {  
  21.                 //定义弹出的信息为页面的某一个元素  
  22.                 $.blockUI({ message: $('#domMessage') });  
  23.             });  
  24.             $('#btnClose').click(function() {  
  25.                 //关闭弹出层  
  26.                 $.unblockUI();  
  27.             });  
  28.             $('#Button5').click(function() {  
  29.                 //设置淡入，淡出，自动关闭时间  
  30.                 $.blockUI({ fadeIn: 700, fadeOut: 700, timeout: 2000 });  
  31.             });  
  32.             //简单的气泡提示  
  33.             $.growlUI('提示', '删除成功!');  
  34.         });  
  35.     </script>  
  36. </head>  
  37. <body>  
  38.     <ol>  
  39.         <li>阻止页面的用户的活动,不会自动消失，请刷新： $.blockUI();  
  40.             <input id="Button1" type="button" value="测试" />  
  41.         </li>  
  42.         <li>自定义消息：  
  43.             <input id="Button2" type="button" value="测试" />  
  44.         </li>  
  45.         <li>自定义样式：  
  46.             <input id="Button3" type="button" value="测试" />  
  47.         </li>  
  48.         <li>弹出指定的元素，并关闭弹出层(该层可以为隐藏)：  
  49.             <input id="Button4" type="button" value="测试" />  
  50.         </li>  
  51.         <li>设置淡入，淡出，自动关闭时间：  
  52.             <input id="Button5" type="button" value="测试" />  
  53.         </li>  
  54.     </ol>  
  55.     <div id="domMessage" style="text-align: center; width: 200px; height: 50px; border;  
  56.         1px solid #9cf; padding: 25px; display: none;">  
  57.         <h3>  
  58.             Message</h3>  
  59.         <input id="btnClose" type="button" value="关闭" />  
  60.     </div>  
  61. </body>  
  62. </html>  

3、样式修改

jQuery blockUI 提供的默认样式过于朴素, 可以在每一次调用blockUI() 函数时进行修改. 也一次直接修改库文件 jquery.blockUI.js, 修改$.blockUI.defaults 对象相关的代码：

Java代码   收藏代码
  1. 显示源码  
  2.   
  3. // 重写defaults对象中的属性  
  4.     $.blockUI.defaults = {   
  5.       
  6.     //弹出的信息  
  7.     message:  '<h1>Please wait...</h1>',   
  8.    
  9.     //定义消息框样式  
  10.     // $.blockUI.defaults.css = {};   
  11.   
  12.     //默认定义消息框样式Css样式  
  13.     css: {   
  14.         padding:        0,   
  15.         margin:         0,   
  16.         width:          '30%',   
  17.         top:            '40%',   
  18.         left:           '35%',   
  19.         textAlign:      'center',   
  20.         color:          '#000',   
  21.         border:         '3px solid #aaa',   
  22.         backgroundColor:'#fff',   
  23.         cursor:         'wait'   
  24.     },   
  25.    
  26.     // 遮罩样式  
  27.     overlayCSS:  {   
  28.         backgroundColor: '#000', //颜色  
  29.         opacity:         0.6 //透明度  
  30.     },   
  31.    
  32.     // 使用$.growlUI完成自动气泡时的样式   
  33.     growlCSS: {   
  34.         width:    '350px',   
  35.         top:      '10px',   
  36.         left:     '',   
  37.         right:    '10px',   
  38.         border:   'none',   
  39.         padding:  '5px',   
  40.         opacity:   0.6,   
  41.         cursor:    null,   
  42.         color:    '#fff',   
  43.         backgroundColor: '#000',   
  44.         '-webkit-border-radius': '10px',  //貌似是圆角  
  45.         '-moz-border-radius':    '10px'   
  46.     },   
  47.    
  48.     // 是否在非IE浏览器中使IFrame获得焦点，未验证的  
  49.     forceIframe: false,   
  50.    
  51.     // 遮罩层的Z-Index值，越大越在上面  
  52.     baseZ: 1000,   
  53.    
  54.     // 是否居中  
  55.     centerX: true,   
  56.     centerY: true,   
  57.    
  58.     //是否允许拉大   
  59.     //短的网页上。禁用如果你想防止车身高度的变化  
  60.     allowBodyStretch: true,   
  61.    
  62.    //遮罩时是否禁用键盘和鼠标事件  
  63.     bindEvents: true,   
  64.    
  65.     // be default blockUI will supress tab navigation from leaving blocking content   
  66.     // (if bindEvents is true)   
  67.     //遮罩内容的Tab导航是否可用  
  68.     constrainTabKey: true,   
  69.    
  70.     //淡入时间  
  71.     fadeIn:  200,   
  72.    
  73.        //淡出时间  
  74.     fadeOut:  400,   
  75.    
  76.     // time in millis to wait before auto-unblocking; set to 0 to disable auto-unblock   
  77.     //自动淡出时间  
  78.     timeout: 0,   
  79.    
  80.     //disable if you don't want to show the overlay   
  81.     //是否自动遮罩  
  82.     showOverlay: true,   
  83.    
  84.     // if true, focus will be placed in the first available input field when   
  85.     // page blocking   
  86.     //自动获得焦点  
  87.     focusInput: true,   
  88.    
  89.     //抑制FF/Linux的叠加样式的使用（由于具有不透明的性能问题）  
  90.     applyPlatformOpacityRules:true,  
  91.    
  92.     //调用解封已完成时回调方法;  
  93.     // onUnblock(element, options)   
  94.     onUnblock: null  

 

--------------------------------------------------------

正式使用示例：

Java代码   收藏代码
  1. function next(){  
  2.   
  3.     if($("#formId").valid()){  
  4.             //$("#xiayibu").attr('disabled',true);//下一步按钮不可用  
  5.             $.blockUI({ message: '<img height="32" width="32" src="${ctx}/images/wait.gif"/>&nbsp;&nbsp;正在提交...'});  
  6.         }  
  7.         $("#formId").submit();  
  8. } 

你可能感兴趣的:(js,jquery,blockUI)

  • ali PaddleNLP docker 大熊程序猿 AI大模型docker容器运维
    一、添加文件nano /root/projects/paddlenlp_similarity_server.pyfromflaskimportFlask,request,jsonifyimportpaddlefrompaddlenlpimportTaskflowimportjsonimportuuidapp=Flask(__name__)#初始化文本相似度模型similarity=Taskflow
  • 一文搞懂JS中数组与对象的几种循环方式 前端没钱 前端基础与进阶javascript开发语言ecmascript
    文章目录一、引言二、数组的循环方式2.1for循环：最经典的遍历手段2.2forEach循环：简洁的数组迭代器2.3map循环：强大的数组映射工具2.4forof循环：ES6的迭代新宠2.5filter循环：精准的数据筛选器2.6every循环：全量条件判断专家2.7some循环：存在性条件探测器2.8find循环：快速查找首个满足项三、对象的循环方式3.1forin循环：遍历对象的基础工具3.2
  • 【51单片机四位数码管从0循环显示到99，每0.5秒增加一个数字，打击键计数】2022-6-11 智者知已应修善业 51单片机单片机蓝桥杯经验分享笔记c语言嵌入式硬件
    缘由#include"REG52.h"unsignedcharcodesmgduan[]={0x3f,0x06,0x5b,0x4f,0x66,0x6d,0x7d,0x07,0x7f,0x6f,0x77,0x7c,0x39,0x5e,0x79,0x71,0,64,15,56};//共阴0~F消隐减号unsignedcharJs=0,miao=0;//中断计时秒分时毫秒unsignedintshu=0
  • Fabric.js：让网页图形动起来的魔术师！ DT—— 其他fabricjavascript运维
    Fabric.js：赋予Canvas生命的魔术师之手在网页开发的世界里，图形的创建与操作就像一场精心编排的魔术表演。当我们想要在网页上呈现出绚丽多彩、灵活多变的矢量图形时，原生Canvas虽能实现基础功能，却常常因开发效率低、交互实现复杂等问题，让开发者们头疼不已。而今天要给大家介绍的Fabric.js，就像是一位神奇的魔术师，轻轻挥动魔杖，就能赋予Canvas无限的生命力！1.Fabric.js
  • Luckysheet Excel xlsx 导入导出互相转换 HelloAldis Javaluckysheetxlsxexceljava
    LuckysheetExcelxlsx导入导出互相转换LuckysheetExcelxlsx的导入导出互相转换使用方法支持功能列表LuckysheetExcelxlsx的导入导出互相转换Luckysheet支持在线编辑表格，但官方不支持Luckysheet导出为Excelxlsx，也不支持Excelxlsx导入，也就是Luckysheetjson无法同xlsx格式互相转换，现在给大家介绍一个好用的
  • ECMAScript 2019（ES2019）：数组与对象操作的精细化升级 DT—— ECMAScript历史进程javascript前端
    1.版本背景与发布发布时间：2019年6月，由ECMAInternational正式发布，标准编号为ECMA-26210thEdition。历史意义：作为ES6之后的第四次年度更新，ES2019聚焦于数组、对象和字符串操作的精细化改进，提升开发效率和代码可读性。时代背景：随着前端框架的成熟和Node.js的普及，开发者对数组扁平化、对象转换等高频操作的需求激增，ES2019的发布回应了这些痛点。2
  • Android Gantt View 安卓实现项目甘特图 netkiller-BG7NYT Android手札android甘特图
    需要做一个项目管理工具，其中使用到了甘特图。发现全网甘特图解决方案比较少，于是自动动手丰衣足食。前面我用Python和Node.js前端都做过，这次仅仅是移植到Android上面。其实甘特图非常简单，开发也不难，如果我专职去做，能做出一个非常棒产品。我写这个只是消遣，玩玩，闲的蛋痛，所以不怎么上心，就搞成下面这德行吧。仅仅供大家学习，参考。那天心情好了，完善一下。屏幕布局文件
  • MongoDB06 - MongoDB 地理空间 是小崔啊 #mongoDBmongodb网络数据库
    MongoDB06-MongoDB地理空间文章目录MongoDB06-MongoDB地理空间一：地理空间数据基础1：地理数据表示方式1.1：GeoJSON格式1.2：传统坐标对2：地理空间索引2.1：2dsphere索引2.2：2d索引2.3：混合索引二：地理空间查询和聚合1：完全包含于几何图形2：与指定几何图形相交3：找附近点并按距离排序4：地理空间的聚合操作5：地理空间计算函数三：实际应用示例
  • [dhtmlx]group task 失效问题解决 oscar999 130-Web语言
    1.问题描述使用了Gantt的Group功能，但是在进行系统调优，开启smart_rendering的设置后却出现如下状况：“Groupby时，总有部分task未group”问题细部描述与解决如下：2.Group功能与效果dhtmlxgantt提供了对task根据属性进行分组的功能。效果类似:实现方式的话，首先导入dhtmlxgantt_grouping.js；接下来在代码中处理如下：
  • OpenHarmony应用ServiceExtensionAbility的使用 全村最肉的人 OpenHarmony常用技巧OpenHarmony
    文章目录概述环境一、创建ServiceExtensionAbility服务二、配置ServiceExtensionAbility服务三、应用特权配置1.提取当前设备系统中的特权配置文件install_list_capability.json，文件位于/etc/app/中2.在文档最下面添加应用的信息3.将特权配置文件install_list_capability.json推送回系统中，覆盖系统配置
  • java使用json一篇就够了 渐暖° 一篇就够了javajsonpython
    java在调用第三方的接口时经常会获取到一堆json，一般都想转化成对应的实体来操作，具体的方式如下目录:raised_hand:四种方式:see_no_evil:分别举例1.JSON-Java库2.Jaskon3.Gson3.FastJSON:ram:FastJSON和GSON的区别✋四种方式1.JSON-Java库，org.json，这个库提供了用于解析和操作Java中的JSON的类。此外，这
  • 每天一个前端小知识 Day 16 - 前端性能优化全流程指南 蓝婷儿 前端面试前端性能优化
    前端性能优化全流程指南（从加载到交互）目标概览：前端性能优化四大核心维度阶段优化目标加载阶段首屏速度、资源压缩、请求优化渲染阶段减少回流重绘、避免布局抖动交互阶段保持高帧率、避免卡顿持久运行阶段内存泄露处理、缓存命中策略一、加载性能优化（首屏速度为王）✅核心策略：资源体积优化JS/CSS/图片压缩（如gzip,brotli）Tree-shaking（去除无用代码）图片压缩（webp优先）合理拆包（
  • Java 解析JSON的 6 种方案 奔向理想的星辰大海 Java研发实用技巧javajson数据库
    1.使用Jackson：业界标配功能特点强大的序列化和反序列化：支持将JSON字符串转为Java对象，也支持将Java对象转换为JSON。支持复杂结构：处理嵌套对象、数组、泛型等场景非常轻松。支持注解：如@JsonIgnore、@JsonProperty等，能精细控制序列化与反序列化的行为。性能高：Jackson的性能非常出色，是很多企业级项目的首选。代码示例1.JSON转对象（反序列化）impo
  • java操作JSON 呜呜你好特别 javajson开发语言
    一、Jackson概念1、作用它是用来前后端的交互功能，属于SpringMVC二、ObjectMapper2.1、作用是用来后端接收的json数据转换成各种格式。也可以转换各种格式2.1.1、第一步，初始化ObjectMappermapper=newObjectMapper();2.1.2、写到文件中Useruser=newUser("243582","h2435823336");//mapper
  • Python数据可视化-----制作全球地震散点图 从未止步.. pythonpythonjson数据结构
    为了制作全球地震散点图，我在网上下载了一个数据集，其中记录了一个月内全球发生的所有地震，但这些数据是以JSON格式存储的，因此需要用json模块来进行处理。查看JSON数据：首先我们先打开下载好的数据集浏览一下：你会发现其中的数据密密麻麻，根本不是人读的，因此，接下来我们将对数据进行处理，让它变得简单易读。importjson#导入json模块，以便于加载文件中的数据filename='eq_da
  • java中操作JSON字符串 莫笑皮皮猪 随笔javajson开发语言
    java操作JSON串在java操作JSON字符串中，通常分为两种，一种是有对象对应的，一种是没有对象对应的有对象对应的话，可以转换成vo对象的集合没有对象对应的，可以转换成JSON对象来进行相应操作无论有对象对应还是没有对象的，解析复杂的JSON串(多级JSON)，解析完之后，没有被解析的子JSON，还是以JSON字符串的形式存在，被解析的以对象的形式存在我们操作数据，一般都是把JSON串转换成
  • JAVA：常见 JSON 库的技术详解 拾荒的小海螺 JAVAjavajson开发语言
    1、简述在现代应用开发中，JSON（JavaScriptObjectNotation）已成为数据交换的标准格式。Java提供了多种方式将对象转换为JSON或从JSON转换为对象，常见的库包括Jackson、Gson和org.json。本文将介绍几种常用的JSON处理方式，并通过简单示例展示其应用。2、什么是JSON？JSON是一种轻量级的数据交换格式，使用键值对来表示数据。它易于人阅读和编写，同时
  • Vue.js 3.0 vue-devtools 的安装和使用
    vue-devtools是用来在浏览器中调试Vue.js的利器，vue-devtools的github地址请点击这里。github页面中显示的打开vue-devtools的方法是针对Vue2.0的，在Vue3.0开发版本中默认是打开devtools的调试的，不需要做特殊操作。安装googlechrome插件在github页面上找到安装地址，就是下方红色标记那个链接：安装成功后，需要重启一下goog
  • 华为OD机考2025B卷 - 特殊的加密算法（Java & Python& JS & C++ & C ） 算法大师 最新华为OD机试真题华为OD机试真题(Java/JS/Py/C)华为odjavapython华为OD机考2025B卷javascriptc++
    最新华为OD机试真题目录：点击查看目录华为OD面试真题精选：点击立即查看2025华为od机试2025B卷-华为机考OD2025年B卷题目描述有一种特殊的加密算法，明文为一段数字串，经过密码本查找转换，生成另一段密文数字串。规则如下：明文为一段数字串由0~9组成密码本为数字0~9组成的二维数组需要按明文串的数字顺序在密码本里找到同样的数字串，密码本里的数字串是由相邻的单元格数字组成，上下和左右是相邻
  • 华为OD机考2025B卷 - 查找接口成功率最优时间段（Java & Python& JS & C++ & C ） 算法大师 最新华为OD机试真题华为OD机试真题(Java/JS/Py/C)华为odjavapythonjavascriptc++
    最新华为OD机试真题目录：点击查看目录华为OD面试真题精选：点击立即查看2025华为od机试2025B卷-华为机考OD2025年B卷题目描述服务之间交换的接口成功率作为服务调用关键质量特性，某个时间段内的接口失败率使用一个数组表示，数组中每个元素都是单位时间内失败率数值，数组中的数值为0~100的整数，给定一个数值(minAverageLost)表示某个时间段内平均失败率容忍值，即平均失败率小于等
  • 华为OD机考2025B卷 - 停车费用统计 （Java & Python& JS & C++ & C ） 算法大师 最新华为OD机试真题华为OD机试真题(Java/JS/Py/C)华为odjavapython华为OD机考2025B卷javascriptc++
    最新华为OD机试真题目录：点击查看目录华为OD面试真题精选：点击立即查看2025华为od机试2025B卷-华为机考OD2025年B卷题目描述停车场统计当日总收费，包月的车不统计，不包月的车半个小时收一块钱，不满半小时不收钱，如果超过半小时，零头不满半小时按半小时算，每天11:30-13:30时间段不收钱，如果一辆车停车时间超过8小时后不收费(网友回忆，数值不一定为8，正式机考的时候注意一下)。输入
  • JS 与 CSS 的交互式开发：打造灵动的网页体验 维他奶糖61 pandas数据库前端
    在当今的网页开发领域，静态的网页早已无法满足用户日益增长的交互需求。JavaScript（JS）和层叠样式表（CSS）作为前端开发的两大支柱，它们的强强联合能够创造出令人惊叹的交互式网页效果。从简单的按钮点击变色，到复杂的动画过渡和动态页面布局变换，JS与CSS的交互式开发赋予了网页生命与活力。接下来，就让我们深入探索这一奇妙的领域。理解JS与CSS的分工与协作在开始交互式开发之前，我们需要明确J
  • js代码开发
    当然可以！为你说明在VSCode中进行JavaScript开发的环境配置，这是一个非常普遍且高效的组合。别担心，配置过程非常直接。JS开发环境的核心主要包括两大部分：运行时(Runtime)：即能够执行JavaScript代码的环境。开发工具(Tooling)：即让编码过程更高效、更不容易出错的工具，这部分主要通过VSCode扩展来实现。下面我为你分解成清晰的步骤，跟着做就行。第一步：安装Node
  • Node.js 中的 JWT 认证：从生成到验证的完整指南 盛夏绽放 node.js有问必答后端
    文章目录Node.js中的JWT认证：从生成到验证的完整指南一、JWT是什么？为什么需要它？传统session与JWT对比二、JWT的结构解析三、Node.js中实现JWT1.安装jsonwebtoken包2.生成JWT3.验证JWT4.错误处理大全四、高级应用场景1.刷新令牌机制2.在不同路由中的验证中间件五、安全最佳实践六、常见问题解答七、完整示例代码结语主要内容包括：使用jsonwebtok
  • Node.js特训专栏-实战进阶：7.Express模板引擎选型与使用 爱分享的程序员 Node.jsnode.js前端javascript
    欢迎来到Node.js实战专栏！在这里，每一行代码都是解锁高性能应用的钥匙，让我们一起开启Node.js的奇妙开发之旅！Node.js特训专栏主页专栏内容规划详情Express模板引擎选型与使用全解析：打造动态Web页面的利器在基于Express构建Web应用时，模板引擎是生成动态页面的核心组件。它允许开发者将数据与HTML结构分离，通过简单的语法将后端数据动态填充到页面中。市面上存在多种模板引擎
  • FlatBuffers（概念、原理及优势、在TS中的使用） 前端杂货铺 TodoList100个小知识FlatBuffersJSON序列化反序列化
    个人简介个人主页：前端杂货铺‍♂️学习方向：主攻前端方向，正逐渐往全干发展个人状态：研发工程师，现效力于中国工业软件事业人生格言：积跬步至千里，积小流成江海推荐学习：前端面试宝典100个小功能Vue2Vue3Vue2/3项目实战Node.js实战Three.js个人推广：每篇文章最下方都有加入方式，旨在交流学习&资源分享，快加入进来吧文章目录介绍在Vue中使用FlatBuffersFlatBuff
  • React系统学习之路 莲华君 react.js学习前端
    React系统学习之路学习目录第1章：React入门介绍React的基本概念和应用场景安装Node.js和npm创建第一个React应用React的JSX语法组件的基本结构和生命周期第2章：组件与状态管理函数组件与类组件的区别状态（State）和属性（Props）的使用受控组件与非受控组件高阶组件（HOC）的概念和实现使用ContextAPI进行跨层级状态传递第3章：ReactHooksuseSt
  • Node.js 后端开发：与前端的完美结合
    Node.js后端开发：与前端的完美结合关键词：Node.js、后端开发、前后端分离、RESTfulAPI、Express、性能优化、全栈开发摘要：本文深入探讨Node.js在后端开发中的优势及其与前端的完美结合方式。我们将从Node.js的核心特性出发，分析其适合后端开发的原因，详细介绍如何构建高性能的RESTfulAPI服务，探讨前后端分离架构的最佳实践，并通过实际项目案例展示Node.js如
  • 深入浅出Node.js后端开发 jghhh01 node.js
    让我们来理解Node.js的核心——事件循环和异步编程模型。在Node.js中，所有的I/O操作都是非阻塞的，这意味着当一个请求开始等待I/O操作完成时（如读取文件或数据库操作），Node.js不会阻塞后续操作，而是继续执行其他任务。这种机制大大提高了应用的性能和吞吐量。constfs=require('fs');fs.readFile('file.txt','utf8',(err,data)=>
  • Kitex v0.14.0 版本发布：支持流式泛化调用，优化排错体验 后端
    重要变更介绍新特性1.泛化调用：泛化Client支持流式调用，一个Client搞定流式/非流式调用场景泛化Client支持流式泛化调用，适配gRPC/TTHeaderStreaming并支持map/json和protobuf二进制泛化调用。简要代码示例如下：cli,err:=genericclient.NewClient("actualServiceName",g)//Ping-Pong泛化res
  • 解读Servlet原理篇二---GenericServlet与HttpServlet 周凡杨 javaHttpServlet源理GenericService源码
    在上一篇《解读Servlet原理篇一》中提到，要实现javax.servlet.Servlet接口（即写自己的Servlet应用），你可以写一个继承自javax.servlet.GenericServletr的generic Servlet ，也可以写一个继承自java.servlet.http.HttpServlet的HTTP Servlet（这就是为什么我们自定义的Servlet通常是exte
  • MySQL性能优化 bijian1013 数据库mysql
            性能优化是通过某些有效的方法来提高MySQL的运行速度，减少占用的磁盘空间。性能优化包含很多方面，例如优化查询速度，优化更新速度和优化MySQL服务器等。本文介绍方法的主要有：         a.优化查询         b.优化数据库结构  
  • ThreadPool定时重试 dai_lm javaThreadPoolthreadtimertimertask
    项目需要当某事件触发时，执行http请求任务，失败时需要有重试机制，并根据失败次数的增加，重试间隔也相应增加，任务可能并发。 由于是耗时任务，首先考虑的就是用线程来实现，并且为了节约资源，因而选择线程池。 为了解决不定间隔的重试，选择Timer和TimerTask来完成 package threadpool; public class ThreadPoolTest {
  • Oracle 查看数据库的连接情况 周凡杨 sqloracle 连接
    首先要说的是，不同版本数据库提供的系统表会有不同，你可以根据数据字典查看该版本数据库所提供的表。 select * from dict where table_name like '%SESSION%'; 就可以查出一些表，然后根据这些表就可以获得会话信息 select sid,serial#,status,username,schemaname,osuser,terminal,ma
  • 类的继承 朱辉辉33 java
    类的继承可以提高代码的重用行，减少冗余代码；还能提高代码的扩展性。Java继承的关键字是extends 格式:public class 类名（子类）extends 类名（父类）{ } 子类可以继承到父类所有的属性和普通方法，但不能继承构造方法。且子类可以直接使用父类的public和 protected属性，但要使用private属性仍需通过调用。 子类的方法可以重写，但必须和父类的返回值类
  • android 悬浮窗特效 肆无忌惮_ android
    最近在开发项目的时候需要做一个悬浮层的动画，类似于支付宝掉钱动画。但是区别在于，需求是浮出一个窗口，之后边缩放边位移至屏幕右下角标签处。效果图如下：   一开始考虑用自定义View来做。后来发现开线程让其移动很卡，ListView+动画也没法精确定位到目标点。   后来想利用Dialog的dismiss动画来完成。   自定义一个Dialog后，在styl
  • hadoop伪分布式搭建 林鹤霄 hadoop
    要修改4个文件    1: vim hadoop-env.sh  第九行    2: vim core-site.xml            <configuration>     &n
  • gdb调试命令 aigo gdb
    原文：http://blog.csdn.net/hanchaoman/article/details/5517362   一、GDB常用命令简介   r run 运行.程序还没有运行前使用 c             cuntinue 
  • Socket编程的HelloWorld实例 alleni123 socket
    public class Client { public static void main(String[] args) { Client c=new Client(); c.receiveMessage(); } public void receiveMessage(){ Socket s=null; BufferedRea
  • 线程同步和异步 百合不是茶 线程同步异步
    多线程和同步 : 如进程、线程同步，可理解为进程或线程A和B一块配合，A执行到一定程度时要依靠B的某个结果，于是停下来，示意B运行；B依言执行，再将结果给A；A再继续操作。 所谓同步，就是在发出一个功能调用时，在没有得到结果之前，该调用就不返回，同时其它线程也不能调用这个方法   多线程和异步:多线程可以做不同的事情,涉及到线程通知     &
  • JSP中文乱码分析 bijian1013 javajsp中文乱码
            在JSP的开发过程中，经常出现中文乱码的问题。         首先了解一下Java中文问题的由来：         Java的内核和class文件是基于unicode的，这使Java程序具有良好的跨平台性，但也带来了一些中文乱码问题的麻烦。原因主要有两方面，
  • js实现页面跳转重定向的几种方式 bijian1013 JavaScript重定向
            js实现页面跳转重定向有如下几种方式： 一.window.location.href <script language="javascript"type="text/javascript"> window.location.href="http://www.baidu.c
  • 【Struts2三】Struts2 Action转发类型 bit1129 struts2
     在【Struts2一】 Struts Hello World http://bit1129.iteye.com/blog/2109365中配置了一个简单的Action，配置如下   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configurat
  • 【HBase十一】Java API操作HBase bit1129 hbase
    Admin类的主要方法注释：   1. 创建表 /** * Creates a new table. Synchronous operation. * * @param desc table descriptor for table * @throws IllegalArgumentException if the table name is res
  • nginx gzip ronin47 nginx gzip
    Nginx GZip 压缩 Nginx GZip 模块文档详见：http://wiki.nginx.org/HttpGzipModule 常用配置片段如下： gzip on; gzip_comp_level 2; # 压缩比例，比例越大，压缩时间越长。默认是1 gzip_types text/css text/javascript; # 哪些文件可以被压缩 gzip_disable &q
  • java-7.微软亚院之编程判断俩个链表是否相交 给出俩个单向链表的头指针，比如 h1 ， h2 ，判断这俩个链表是否相交 bylijinnan java
    public class LinkListTest { /** * we deal with two main missions: * * A. * 1.we create two joined-List(both have no loop) * 2.whether list1 and list2 join * 3.print the join
  • Spring源码学习-JdbcTemplate batchUpdate批量操作 bylijinnan javaspring
    Spring JdbcTemplate的batch操作最后还是利用了JDBC提供的方法，Spring只是做了一下改造和封装 JDBC的batch操作： String sql = "INSERT INTO CUSTOMER " + "(CUST_ID, NAME, AGE) VALUES (?, ?, ?)";
  • [JWFD开源工作流]大规模拓扑矩阵存储结构最新进展 comsci 工作流
        生成和创建类已经完成,构造一个100万个元素的矩阵模型,存储空间只有11M大,请大家参考我在博客园上面的文档"构造下一代工作流存储结构的尝试",更加相信的设计和代码将陆续推出.........     竞争对手的能力也很强.......,我相信..你们一定能够先于我们推出大规模拓扑扫描和分析系统的....
  • base64编码和url编码 cuityang base64url
    import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.PrintWriter; import java.io.StringWriter; import java.io.UnsupportedEncodingException;
  • web应用集群Session保持 dalan_123 session
    关于使用 memcached 或redis 存储 session ，以及使用 terracotta 服务器共享。建议使用 redis，不仅仅因为它可以将缓存的内容持久化，还因为它支持的单个对象比较大，而且数据类型丰富，不只是缓存 session，还可以做其他用途，一举几得啊。1、使用 filter 方法存储这种方法比较推荐，因为它的服务器使用范围比较多，不仅限于tomcat ，而且实现的原理比较简
  • Yii 框架里数据库操作详解-[增加、查询、更新、删除的方法 'AR模式'] dcj3sjt126com 数据库
        public function getMinLimit () {        $sql = "...";        $result = yii::app()->db->createCo
  • solr StatsComponent（聚合统计） eksliang solr聚合查询solr stats
    StatsComponent 转载请出自出处：http://eksliang.iteye.com/blog/2169134 http://eksliang.iteye.com/ 一、概述        Solr可以利用StatsComponent 实现数据库的聚合统计查询，也就是min、max、avg、count、sum的功能   二、参数
  • 百度一道面试题 greemranqq 位运算百度面试寻找奇数算法bitmap 算法
    那天看朋友提了一个百度面试的题目：怎么找出{1,1,2,3,3,4,4,4,5,5,5,5}  找出出现次数为奇数的数字.   我这里复制的是原话，当然顺序是不一定的，很多拿到题目第一反应就是用map,当然可以解决，但是效率不高。   还有人觉得应该用算法xxx,我是没想到用啥算法好...！   还有觉得应该先排序...   还有觉
  • Spring之在开发中使用SpringJDBC ihuning spring
      在实际开发中使用SpringJDBC有两种方式：   1. 在Dao中添加属性JdbcTemplate并用Spring注入；     JdbcTemplate类被设计成为线程安全的，所以可以在IOC 容器中声明它的单个实例，并将这个实例注入到所有的 DAO 实例中。JdbcTemplate也利用了Java 1.5 的特定(自动装箱，泛型，可变长度
  • JSON API 1.0 核心开发者自述 | 你所不知道的那些技术细节 justjavac json
    2013年5月，Yehuda Katz 完成了JSON API(英文，中文) 技术规范的初稿。事情就发生在 RailsConf 之后，在那次会议上他和 Steve Klabnik 就 JSON 雏形的技术细节相聊甚欢。在沟通单一 Rails 服务器库—— ActiveModel::Serializers 和单一 JavaScript 客户端库——&
  • 网站项目建设流程概述 macroli 工作
    一.概念 网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。 二.需求分析 项目立项 　　我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。项目实行项目经理制。 客户的需求说明书 　　第一步是需
  • AngularJs 三目运算 表达式判断 qiaolevip 每天进步一点点学习永无止境众观千象AngularJS
    事件回顾：由于需要修改同一个模板，里面包含2个不同的内容，第一个里面使用的时间差和第二个里面名称不一样，其他过滤器，内容都大同小异。希望杜绝If这样比较傻的来判断if-show or not，继续追究其源码。 var b = "{{", a = "}}"; this.startSymbol = function(a) {
  • Spark算子：统计RDD分区中的元素及数量 superlxw1234 sparkspark算子Spark RDD分区元素
    关键字：Spark算子、Spark RDD分区、Spark RDD分区元素数量     Spark RDD是被分区的，在生成RDD时候，一般可以指定分区的数量，如果不指定分区数量，当RDD从集合创建时候，则默认为该程序所分配到的资源的CPU核数，如果是从HDFS文件创建，默认为文件的Block数。   可以利用RDD的mapPartitionsWithInd
  • Spring 3.2.x将于2016年12月31日停止支持 wiselyman Spring 3
                  Spring 团队公布在2016年12月31日停止对Spring Framework 3.2.x（包含tomcat 6.x）的支持。在此之前spring团队将持续发布3.2.x的维护版本。          请大家及时准备及时升级到Spring
  • fis纯前端解决方案fis-pure zccst JavaScript
    作者：zccst FIS通过插件扩展可以完美的支持模块化的前端开发方案，我们通过FIS的二次封装能力，封装了一个功能完备的纯前端模块化方案pure。 1，fis-pure的安装 $ fis install -g fis-pure $ pure -v 0.1.4 2，下载demo到本地 git clone https://github.com/hefangshi/f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他