junjun16818
junjun16818

Locking Grid 表头列头固定的表格

模仿Extjs做了个简单的固定表格，使用4个table实现，效果图如下。

Locking Grid 表头列头固定的表格_第1张图片

下面是html代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

	<head>
	
	
	</head>
	
	<style>
		body{
			margin:0;
			width:100%;
			height:100%;
			overflow:hidden;
		}
		html{
			width:100%;
			height:100%;
		}
		
		*{
			padding: 0;
			margin: 0;
		}
		
		.design-grid-panel {
			position:relative;
			width: 600px; 
			height: 300px;
			margin-top: 50px;
			margin-left: 50px;
			border: 1px solid #ccc;
			font-size: 13px;
			color: #808080;
			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		}
		.design-grid-panel .grid-container{
			float:left;
			overflow: hidden;
			position:relative;
		}
		.design-grid-panel {
			overflow: hidden;
		}
		.design-grid-panel td{
			border-right: 1px solid #DCDFE1;
			border-bottom: 1px solid #DCDFE1;
			-moz-user-select: none;
			-webkit-user-select: none;
			user-select: none;
		}
		.design-grid-panel table {
			position:relative;
			border-collapse: collapse;
			table-layout: fixed;
		}
		.design-grid-panel tr {
			
			height: 30px;
		}
		
		.design-grid-panel td div {
			padding-left: 5px;
			height: 25px;
			line-height: 25px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.header-text {
			font-size: 15px;
			padding-left: 0;
			font-weight: bolder;
			text-align: center;
			color: #808080;
			width: 100%;
			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		}
		
		.header-resize {
			cursor: col-resize;
			width:10px;
			float:right;
			padding-left:0px
		}
	
	</style>
	
	
	<body>
		
		<div class = "design-grid-panel">
			
			<div class = "grid-container grid-header-left" style = "width: 200px;">
				<table  cellspacing = "0" style = "width:200px">
					<colgroup>
						<col style = "width:199px"></col>
					</colgroup>
					<tr>
						<td><div class = "header-text">company</div></td>
					</tr>
				</table>
			</div>
			<div class = "grid-container grid-header-right" style = "width: 400px;">
				<table  cellspacing = "0"  id = "header-right-table" style="width:520px;">
					<colgroup>
						<col style = "width:130px"></col>
						<col style = "width:130px"></col>
						<col style = "width:130px"></col>
						<col style = "width:130px"></col>
					</colgroup>
					<tr>
						<td><div class = "header-text">price</div></td>
						<td><div class = "header-text">change</div></td>
						<td><div class = "header-text">pctChange</div></td>
						<td><div class = "header-text">lastChange</div></td>
					</tr>
				</table>
			</div>
			<div class = "grid-container grid-body-left" style = "width: 200px; height: 270px">
				<table cellspacing = "0" id = "body-left-table" style = "width:200px">
					<colgroup>
						<col style = "width:199px"></col>
					</colgroup>
					<tr><td><div>3m Co</div></td></tr>
					<tr><td><div>Alcoa Inc</div></td></tr>
					<tr><td><div>Altria Group Inc</div></td></tr>
					<tr><td><div>American Express Company</div></td></tr>
					<tr><td><div>American Internat</div></td></tr>
					<tr><td><div>AT&T Inc</div></td></tr>
					<tr><td><div>Boeing Co.</div></td></tr>
					<tr><td><div>Caterpillar Inc.</div></td></tr>
					<tr><td><div>Citigroup, Inc.</div></td></tr>
					<tr><td><div >E.I. du Pont de Nemours and Company</div></td><td></td></tr>
					<tr><td><div>Exxon Mobil Corp</div></td></tr>
					<tr><td><div>General Electric Company</div></td></tr>
					<tr><td><div>General Motors Corporation</div></td></tr>
					<tr><td><div>Hewlett-Packard Co.</div></td></tr>
					<tr><td><div>Honeywell Intl Inc</div></td></tr>
				</table>
			</div>
			<div class = "grid-container grid-body-right" style = "width: 400px; height: 270px; overflow: auto;" onscroll = "onScrollDiv(this)" >
				<table cellspacing = "0" style="width:520px;" id = "body-right-table">
					
					<colgroup>
						<col style = "width:130px"></col>
						<col style = "width:130px"></col>
						<col style = "width:130px"></col>
						<col style = "width:130px"></col>
					</colgroup>
					
					<tr><td><div>71.72</div></td><td><div>71.72</div></td><td><div>71.72</div></td><td><div>71.72</div></td></tr>
					<tr><td><div>11.72</div></td><td><div>71.72</div></td><td><div>71.72</div></td><td><div>71.72</div></td></tr>
					<tr><td><div>51.72</div></td><td><div>43.72</div></td><td><div>33.72</div></td><td><div>71.72</div></td></tr>
					<tr><td><div>11.72</div></td><td><div>71.72</div></td><td><div>71.72</div></td><td><div>33.72</div></td></tr>
					<tr><td><div>43.72</div></td><td><div>33.72</div></td><td><div>71.72</div></td><td><div>71.72</div></td></tr>
					<tr><td><div>21.72</div></td><td><div>71.72</div></td><td><div>71.72</div></td><td><div>71.72</div></td></tr>
					<tr><td><div>55.72</div></td><td><div>43.72</div></td><td><div>33.72</div></td><td><div>71.72</div></td></tr>
					<tr><td><div>65.72</div></td><td><div>71.72</div></td><td><div>71.72</div></td><td><div>71.72</div></td></tr>
					<tr><td><div>211.72</div></td><td><div>71.72</div></td><td><div>71.72</div></td><td><div>33.72</div></td></tr>
					<tr><td><div>51.72</div></td><td><div>71.72</div></td><td><div>71.72</div></td><td><div>71.72</div></td></tr>
					<tr><td><div>25.72</div></td><td><div>71.72</div></td><td><div>71.72</div></td><td><div>71.72</div></td></tr>
					<tr><td><div>33.72</div></td><td><div>43.72</div></td><td><div>33.72</div></td><td><div>71.72</div></td></tr>
					<tr><td><div>14.72</div></td><td><div>71.72</div></td><td><div>71.72</div></td><td><div>71.72</div></td></tr>
					<tr><td><div>51.72</div></td><td><div>71.72</div></td><td><div>71.72</div></td><td><div>71.72</div></td></tr>
					<tr><td><div>35.72</div></td><td><div>43.72</div></td><td><div>71.72</div></td><td><div>71.72</div></td></tr>
				</table>
			</div>
		</div>
		
		<script>
			
			var headline  = document.getElementById('header-right-table');
			var items  = document.getElementById('body-left-table');
			
			function onScrollDiv (div) {
				scrollLeft=parseInt(div.scrollLeft);
				scrollTop=parseInt(div.scrollTop);
				headline.style.left=(-scrollLeft)+'px';
				items.style.top=(-scrollTop)+'px';
			}
		</script>
		
	</body>

</html>


你可能感兴趣的:(Locking Grid 表头列头固定的表格)

  • MySQL锁 开发小呆瓜 数据库数据库mysql
    一、MySQL锁的分类1.按锁的粒度说明适用引擎表锁锁定整个表，并发性低，但开销小。MyISAM、InnoDB（部分场景）行锁仅锁定需要操作的行，并发性高，但开销较大。InnoDB页锁锁定数据页（介于表锁和行锁之间），较少使用。BDB（已废弃）2.按锁的模式说明共享锁（S锁）允许其他事务读取被锁定的行，但禁止修改（读锁）。排他锁（X锁）禁止其他事务读取或修改被锁定的行（写锁）。二、锁的应用场景1.
  • 使用工厂加策略模式实现操作日志记录 小灰灰是码农... 策略模式javaspringboot
    需求：1.培训班管理；2.报名列表管理；3.申请信息变更；4.申请发布；5.申请审批以上是本次需求中的5个功能菜单，根据客户需求，要求在上述功能操作中的每一步都要进行日志的记录，分别记录登录人信息，IP地址，操作时间，如果是修改要求记录为“修改姓名：张三→张小三”共有8中日志操作类型。日志实现的方案：方案一、使用切面类思路:切面类适合在不改变原有业务逻辑的基础上，对特定的方法进行增强。在这个场景中
  • HTML5拼图游戏开发经验分享 木木黄木木 html5前端html
    HTML5拼图游戏开发经验分享这里写目录标题HTML5拼图游戏开发经验分享前言项目架构1.文件结构2.核心功能模块技术要点解析1.响应式布局2.图片处理3.拖拽交互4.动画效果性能优化开发心得项目亮点总结源码分享写在最后前言在Web前端开发领域，通过实战项目来提升编程技能是最有效的学习方式之一。今天我要分享一个HTML5拼图游戏的开发经验，这个项目涵盖了现代前端开发的多个重要概念，包括响应式设计、
  • Qt常用宏定义 HL_风神 QTqt开发语言c++
    本文章主要积累一些常用宏定义，有些定义在头文件QtGlobal中QT_VERSION，QT_VERSION_CHECK//主要用于条件编译设置，根据Qt版本不同编译不同的代码//我这里用的Qt版本是5.7.1，因此软件走的分支是cc=10000示例代码：#ifQT_VERSION>=QT_VERSION_CHECK(5,7,2)intcc=0;#elseintcc=10000;#endifQT_V
  • 使用 Theos 开发 iOS 应用（IPA）记事本 木木黄木木 c#ios
    使用Theos开发iOS应用（IPA）记事本前提条件已越狱的iOS设备已安装Theos已安装OpenSSH（用于远程操作）Windows电脑（可选，用于远程操作）Theos环境搭建Windows环境搭建安装WSL(WindowsSubsystemforLinux)wsl--install安装必要工具sudoapt-getupdatesudoapt-getinstallgitperlbuild-es
  • Spring Plugin与策略模式：打造动态可扩展的应用 超越不平凡 Spring策略模式SpringSpringPlugin
    目录一、策略模式二、SpringPlugin2.1SpringPlugin实现策略模式开发2.2策略模式优缺点三、SpringPlugin原理一、策略模式策略模式是一种设计模式，它允许程序在运行中动态的选择不同的行为方式进行动态执行。策略模式的核心思想是将行为封装在一个个独立的类中，这些类实现了相同的接口或抽象类，客户端可以通过接口来调用不同的实现，而不知道具体的实现细节。下面来看一个具体的案例。
  • Electron+Vue3+Vite+ElectronForge整合 - 一键启动两个服务 & 一键打包两个服务 NorthCastle ElectronVue3electronvue.jselectron-forgeviteelectron整合vue一键启动一键打包
    说明本文介绍一下Electron+Vue3+Vite+ElectronForge的高级整合操作。vue3:使用TS的语法开发；Electron:使用JS的语法开发。本文将从项目初始化开始，一步一步的完成项目的启动、打包全流程的介绍。实现的效果是：1、一个正常的Vue3项目；2、整合加入Electron框架：开发时Electron加载的是开发的vue项目；【实现一键启动vue3项目+electron
  • Electron+Vue3+Vite+ElectronForge整合-全部ts开发 - 一键启动两个服务 & 一键打包两个服务 NorthCastle ElectronVue3electronvue.jselectronforgeelectron+vue整合一键打包一键启动
    说明本文介绍一下Electron+Vue3+Vite+ElectronForge的高级整合操作。vue3:使用TS的语法开发；Electron:使用TS的语法开发。补充：目前Electron的开发还是以JS为主，不过我们可以直接使用TS开发，在执行和打包时，先进行JS的编译就可以了。本文将从项目初始化开始，一步一步的完成项目的启动、打包全流程的介绍。实现的效果是：1、一个正常的Vue3项目；2、整
  • 从理论到实践：零拷贝技术的全面解读 超越不平凡 Java基础Java零拷贝
    目录一、I/O工作方式1.1DMA二、零拷贝2.1传统数据拷贝2.2Java应用数据处理2.3.零拷贝流程三、零拷贝案例四、总结一、I/O工作方式磁盘可以说是计算机系统中最慢的硬件之一，读写速度相差内存10倍以上，所以针对磁盘的优化技术非常多。下面以文件传输为切入线分析I/O的工作方式。在没有DMA技术前，I/O是这样工作的，如下图：用户发起read调用，CPU将对应的指令给磁盘控制器，然后返回；
  • 【设计模式】策略模式和责任链模式 dearfulan 设计模式策略模式设计模式责任链模式
    策略模式任何程序都离不开算法，我们需要通过算法去解决特定的问题策略模式将算法的实现分别封装起来，让他们之间可以方便的进行替换，而不需要去改动代码。属于行为型模式。举个例子:拼多多现在有促销活动，其优惠策略可能是拼团活动价格，优惠券抵扣，补贴价格，购物返现等…如果直接写代码，那么就是在代码里写一堆if…else…，会使得代码非常复杂和臃肿，这个时候就需要策略模式了适合场景针对同一类问题，不同场景有不
  • 基于netty手写Tomcat Aiden_Coding nettyjavanettyspringtomcat
    基于netty手写Tomcatnetty简介1.环境准备2.基于传统I/O手写Tomcat3.基于netty手写Tomcat4.访问netty简介Netty一个基于NIO的客户、服务器端的编程框架1.环境准备maven依赖io.nettynetty-all4.1.42.FinalRequestMethodEnum请求方式publicenumRequestMethodEnum{GET("GET"),
  • 独立开发者 5 个月，月收入赶超北京工资，我的一点心得 秦少卫 开源编辑器
    大家好，我是一名开源项目作者，也是一名独立开发者，今年5月份我从北京离职，回到老家河北，开始了自己的独立开发之路，最近几个月的收入慢慢赶超了北京的工资，自己心态上也有很大的变化，把自己的一点心得分享出来，希望一起交流，也给准备踏上独立开发的朋友一点点参考。目前主要的盈利模式是为其他研发团队提供可二次开发的在线图片编辑器源码，省去基础功能的研发成本，附带提供定制功能开发，目标就是帮助企业快速搭建在线
  • 用js搞清策略模式和责任链模式的区别 技术蹭蹭蹭 策略模式责任链模式javascript
    策略模式和责任链模式都是常用的设计模式，它们的目的都是为了解耦和提高代码的可维护性。但是，它们的应用场景不同，下面对它们进行详细的比较和介绍。策略模式策略模式是一种定义一系列算法的方法，从概念上来看，所有这些算法完成的都是相同的工作，只是实现不同。它可以让算法的变化独立于使用它的客户端（也就是上下文），从而可以在不修改客户端的情况下，增加或替换算法。策略模式主要包含三个角色：上下文（Context
  • 《TypeScript 高级类型实战指南：解决真实项目的 7 大痛点》 前端极客探险家 typescript前端vue.jsreact.js
    目录标题本文解决的问题：一、表单系统：深度类型约束（可直接用于AntDesign表单）痛点：表单校验逻辑与TS类型脱节二、API响应：自动解包层叠类型（Axios拦截器整合）痛点：后端返回结构嵌套导致类型冗余三、ReduxToolkit：Action类型自动工厂痛点：手写ActionType容易出错四、组件Prop：动态约束联合类型（Vue/React通用）痛点：多形态组件的Prop类型难以维护五
  • 形象理解线性代数的本质（三） 矩阵的升维和降维 _躬行_ 线性代数机器学习基础矩阵线性代数
    引子：降维打击科幻小说《三体》里一种很魔幻的攻击方法——降维打击，以其神奇的作用方式和巨大的威力刷新了我们的三观。而在矩阵乘法计算中，这种降维打击时刻存在着。本节讲解一下矩阵乘法中造成的升维和降维。一、矩阵的降维还用游戏的例子，有4个角色，每个人都有不同的能力，将其用矩阵表示出来现在我们要评估他们的两种能力：领兵打仗的能力和协同将领的能力只要将两个矩阵相乘，就能根据方法X对象的法则评估出他们这两种
  • 推荐开源项目：YFT Design - 强大的在线图片设计工具 咎旗盼Jewel
    推荐开源项目：YFTDesign-强大的在线图片设计工具yft-design基于fabric.js的图片设计,fabric.jsandvue3andtypescriptandelement-plus,supportingthemostcommonlyusedelementtypessuchastext,images,shapes,lines,QRcodes,andbarcodes.Eachelem
  • 快图设计：一款强大的Vue图片编辑器 姚婕妹
    快图设计：一款强大的Vue图片编辑器项目地址:https://gitcode.com/gh_mirrors/vu/vue-fabric-editor在数字化时代，图片编辑工具已成为设计师和开发者的必备利器。今天，我要向大家推荐一款基于fabric.js和Vue开发的插件化图片编辑器——快图设计（vue-fabric-editor）。这款开源项目不仅功能强大，而且易于扩展，非常适合需要轻量级图片编辑
  • 图像工具插件：Editor.js 的图像处理解决方案 贡沫苏Truman
    图像工具插件：Editor.js的图像处理解决方案imageImageBlockforEditor.js项目地址:https://gitcode.com/gh_mirrors/image8/imageEditor.js的图像工具插件是一个强大的开源项目，致力于为Editor.js富文本编辑器提供图像处理功能。该项目主要使用JavaScript编程语言，并且是基于Editor.js的插件架构进行开发
  • Qt中宏定义的理解（持续更新） Giant NG Qtqtc++宏定义
    QT_BEGIN_NAMESPACE与QT_END_NAMESPACE以前Qt4是没有Qt命名空间的，后来才加上的，编译Qt源码时会有选项，是否将这些类放到专用的Qt命名空间内，默认是没有的。这就出来问题了，为了统一，如果你的代码在默认没有Qt命名空间的SDK中编译，那你就不用在前置声明下面这些类的时候加上命名空间，但如果你在有Qt命名空间的SDK中编译，那就得加上命名空间了，为了屏蔽这个差异，使
  • KNN算法实例_手写识别系统 V文宝 机器学习算法
    创建一个简单的书写识别系统，使用KNN算法来识别手写数字。分别使用手写KNN算法和调用scikit-learn库来实现。在数据处理过程中，将使用一个常见的手写数字数据集，如MNIST数据集。数据集我们将使用MNIST数据集，它包含60000个训练样本和10000个测试样本。每个样本是一个28x28像素的灰度图像，表示0-9之间的手写数字。手写KNN算法我们首先手写一个KNN算法来实现书写识别系统。
  • ES6（4） Map 集合详解 Theodore_1022 ES6es6前端ecmascriptjavascript开发语言
    1.Map集合简介Map是ES6提供的一种新的键值对数据结构，与普通对象（Object）不同，Map的键可以是任意类型（包括对象、函数等）。2.创建Map集合可以使用newMap()创建一个Map，并在括号内传入一个二维数组来初始化键值对。letauthor=newMap([['name','theodore'],['age','21'],['web','https://blog.csdn.net
  • 用Python开发一个简单的“记忆翻牌”小游戏 风亦辰739 Python小游戏pythonpygame开发语言
    “记忆翻牌”是一款经典的益智小游戏，玩家需要通过记忆卡片的位置配对相同的图案。今天我们将使用pygame库实现一个简单版本的记忆翻牌游戏。一、游戏规则游戏开始时，卡片会随机排列并翻面。玩家一次可以翻两张卡片：如果图案相同，卡片保持翻开状态。如果图案不同，卡片会短暂显示后翻回去。游戏目标是用最少的步数找到所有配对。二、开发环境开发工具：任意Python编辑器（如PyCharm、VSCode）。依赖库
  • Spring中的Events Leon_Jinhai_Sun
    事件通过org.springframework.context.ApplicationEvent实例来表示。这个抽象类继承扩展了java.util.EventObject，可以使用EventObject中的getSource方法，我们可以很容易地获得所发生的给定事件的对象。这里，事件存在两种类型与应用程序上下文相关联所有这种类型的事件都继承自org.springframework.context.
  • vue+ts+electron从客户端跳转网页，public文件中的图片不显示如何解决以及动态环境配置中数据获取不到 是小许同学吖 vue.jselectronubuntu前端typescript
    客户端跳转网页遇到的问题跳转新窗口打开浏览器客户端跳转网页，public文件中的图片不显示如何解决在.env.dev中设置的环境配置信息获取不到跳转新窗口打开浏览器从客户端跳转新窗口打开浏览器代码如下：//跳转新窗口，打开浏览器constgoNewWindows=(item:any)=>{console.log(item
  • 芯片时钟树结构（H-tree,Fishbone,FlexH,Mesh等）的对比、应用实例及未来趋势 赛卡 人工智能服务器云计算边缘计算
    引言在先进制程芯片设计中，时钟树综合（ClockTreeSynthesis,CTS）的优化程度直接影响芯片的时序收敛、功耗分布和面积利用率。随着工艺节点演进至5nm及以下，时钟网络的复杂性和设计约束呈现指数级增长。本文将深入解析H-tree、Fishbone、FlexHtree及Clockmesh四种主流时钟树结构的技术特性，结合服务器芯片、GPU及AI芯片的实战案例，并探讨主流EDA工具对CTS
  • 高安全可靠CAN FD芯片ASM1042的技术特性与应用前景 国科安芯 产品单片机嵌入式硬件架构fpga开发
    1.ASM1042简介ASM1042是国科安芯推出的一款高性能CANFD（CANwithFlexibleData-Rate）收发器芯片，专为高可靠性场景设计。该芯片基于ISO11898-2:2016和ISO11898-5:2007物理层标准开发，支持最高5Mbps的数据传输速率，适用于汽车、航天、军工及工业控制等领域。其核心特性包括：高耐压设计：总线保护电压最高达±70V（H型号），共模输入电压范
  • 【建议收藏】DeepSeek学习手册合集 2501_91151777 pdf
    DeepSeek资源链接：https://pan.quark.cn/s/19500abf3ace流水的AI，铁打的DeepSeek。热点AI成出不穷，可DeepSeek始终站稳大哥的位置，不可动摇！清华北大不断出品DeepSeek精品课程，华为pc新品可本地部署DeepSeek。想学好AI，先学好DeepSeek。我们深知优质的学习资料对AI学习者的重要性，为此，我们精心整理了全网热门DeepSe
  • Linux进程和计划管理命令 IT 小旋风 linux
    查看进程查看静态的进程统计信息命令：ps选项a：显示当前终端下的所有进程信息u：使用以用户为主的格式输出进程信息x：显示当前用户在所有-e：显示系统内的所有进程信息-l：使用长格式显示进程信息-f：使用完整的格式显示进程信息示例：若想以用户为主的格式查看当前终端下的所有进程信息，可以使用命令psau，会看到类似如下的输出（部分示例数据）：plaintextUSERPID%CPU%MEMVSZRSS
  • Python进程与线程：分布式进程 梧桐树0429 python分布式开发语言
    在Python中，当我们面临选择使用线程（Thread）还是进程（Process）时，进程往往因其更高的稳定性和可扩展性而被优先考虑。特别是，进程能够跨越多台机器进行分布，而线程则受限于同一台机器的多个CPU核心。Python的multiprocessing模块不仅支持多进程，其managers子模块更是提供了将多进程分布到多台机器上的能力。通过managers模块，我们可以轻松编写分布式多进程程
  • kotlin与MVVM的结合使用总结（三） 每次的天空 kotlin前端开发语言
    在MVVM（Model-View-ViewModel）架构中，ViewModel（VM层）起到了连接视图（View）和数据模型（Model）的桥梁作用。它负责处理业务逻辑、管理数据状态，并将数据以一种可观察的方式提供给视图。以下将深入讲解在Kotlin中如何实现MVVM的VM层，并结合代码进行说明。创建ViewModel类ViewModel类负责处理业务逻辑和管理数据状态，并将数据以LiveDat
  • springmvc 下 freemarker页面枚举的遍历输出 杨白白 enumfreemarker
    spring mvc freemarker 中遍历枚举 1枚举类型有一个本地方法叫values（），这个方法可以直接返回枚举数组。所以可以利用这个遍历。 enum public enum BooleanEnum { TRUE(Boolean.TRUE, "是"), FALSE(Boolean.FALSE, "否");
  • 实习简要总结 byalias 工作
    来白虹不知不觉中已经一个多月了，因为项目还在需求分析及项目架构阶段，自己在这段 时间都是在学习相关技术知识，现在对这段时间的工作及学习情况做一个总结： （1）工作技能方面 大体分为两个阶段，Java Web 基础阶段和Java EE阶段 1）Java Web阶段 在这个阶段，自己主要着重学习了 JSP, Servlet, JDBC, MySQL，这些知识的核心点都过 了一遍，也
  • Quartz——DateIntervalTrigger触发器 eksliang quartz
    转载请出自出处：http://eksliang.iteye.com/blog/2208559 一.概述 simpleTrigger 内部实现机制是通过计算间隔时间来计算下次的执行时间，这就导致他有不适合调度的定时任务。例如我们想每天的 1：00AM 执行任务，如果使用 SimpleTrigger，间隔时间就是一天。注意这里就会有一个问题，即当有 misfired 的任务并且恢复执行时，该执行时间
  • Unix快捷键 18289753290 unixUnix；快捷键;
    复制，删除，粘贴： dd:删除光标所在的行                             &nbs
  • 获取Android设备屏幕的相关参数 酷的飞上天空 android
    包含屏幕的分辨率  以及 屏幕宽度的最大dp 高度最大dp   TextView text = (TextView)findViewById(R.id.text); DisplayMetrics dm = new DisplayMetrics(); text.append("getResources().ge
  • 要做物联网？先保护好你的数据 蓝儿唯美 数据
    根据Beecham Research的说法，那些在行业中希望利用物联网的关键领域需要提供更好的安全性。 在Beecham的物联网安全威胁图谱上，展示了那些可能产生内外部攻击并且需要通过快速发展的物联网行业加以解决的关键领域。 Beecham Research的技术主管Jon Howes说：“之所以我们目前还没有看到与物联网相关的严重安全事件，是因为目前还没有在大型客户和企业应用中进行部署，也就
  • Java取模（求余）运算 随便小屋 java
            整数之间的取模求余运算很好求，但几乎没有遇到过对负数进行取模求余，直接看下面代码： /** * * @author Logic * */ public class Test { public static void main(String[] args) { // TODO A
  • SQL注入介绍 aijuans sql注入
    二、SQL注入范例 这里我们根据用户登录页面 <form action="" > 用户名：<input type="text" name="username"><br/> 密 码：<input type="password" name="passwor
  • 优雅代码风格 aoyouzi 代码
    总结了几点关于优雅代码风格的描述： 代码简单：不隐藏设计者的意图，抽象干净利落，控制语句直截了当。 接口清晰：类型接口表现力直白，字面表达含义，API 相互呼应以增强可测试性。 依赖项少：依赖关系越少越好，依赖少证明内聚程度高，低耦合利于自动测试，便于重构。 没有重复：重复代码意味着某些概念或想法没有在代码中良好的体现，及时重构消除重复。 战术分层：代码分层清晰，隔离明确，
  • 布尔数组 百合不是茶 java布尔数组
      androi中提到了布尔数组;   布尔数组默认的是false,  并且只会打印false或者是true   布尔数组的例子;  根据字符数组创建布尔数组 char[] c = {'p','u','b','l','i','c'}; //根据字符数组的长度创建布尔数组的个数 boolean[] b = new bool
  • web.xml之welcome-file-list、error-page bijian1013 javaweb.xmlservleterror-page
    welcome-file-list 1.定义： <welcome-file-list> <welcome-file>login.jsp</welcome> </welcome-file-list>  2.作用：用来指定WEB应用首页名称。   error-page1.定义： <error-page&g
  • richfaces 4 fileUpload组件删除上传的文件 sunjing clearRichfaces 4fileupload
     页面代码               <h:form id="fileForm">            <rich:
  • 技术文章备忘 bit1129 技术文章
    Zookeeper http://wenku.baidu.com/view/bab171ffaef8941ea76e05b8.html http://wenku.baidu.com/link?url=8thAIwFTnPh2KL2b0p1V7XSgmF9ZEFgw4V_MkIpA9j8BX2rDQMPgK5l3wcs9oBTxeekOnm5P3BK8c6K2DWynq9nfUCkRlTt9uV
  • org.hibernate.hql.ast.QuerySyntaxException: unexpected token: on near line 1解决方案 白糖_ Hibernate
    文章摘自：http://blog.csdn.net/yangwawa19870921/article/details/7553181   在编写HQL时，可能会出现这种代码： select a.name,b.age from TableA a left join TableB b on a.id=b.id  如果这是HQL，那么这段代码就是错误的，因为HQL不支持
  • sqlserver按照字段内容进行排序 bozch 按照内容排序
    在做项目的时候，遇到了这样的一个需求：           从数据库中取出的数据集，首先要将某个数据或者多个数据按照地段内容放到前面显示，例如:从学生表中取出姓李的放到数据集的前面；          select * fro
  • 编程珠玑-第一章-位图排序 bylijinnan java编程珠玑
    import java.io.BufferedWriter; import java.io.File; import java.io.FileWriter; import java.io.IOException; import java.io.Writer; import java.util.Random; public class BitMapSearch {
  • Java关于==和equals chenbowen00 java
    关于==和equals概念其实很简单，一个是比较内存地址是否相同，一个比较的是值内容是否相同。虽然理解上不难，但是有时存在一些理解误区，如下情况： 1、 String a = "aaa"; a=="aaa"; ==> true 2、 new String("aaa")==new String("aaa
  • [IT与资本]软件行业需对外界投资热情保持警惕 comsci it
          我还是那个看法,软件行业需要增强内生动力,尽量依靠自有资金和营业收入来进行经营,避免在资本市场上经受各种不同类型的风险,为企业自主研发核心技术和产品提供稳定,温和的外部环境...       如果我们在自己尚未掌握核心技术之前,企图依靠上市来筹集资金,然后使劲往某个领域砸钱,然
  • oracle 数据块结构 daizj oracle块数据块块结构行目录
    oracle 数据块是数据库存储的最小单位，一般为操作系统块的N倍。其结构为： 块头－－〉空行－－〉数据，其实际为纵行结构。 块的标准大小由初始化参数DB_BLOCK_SIZE指定。具有标准大小的块称为标准块（Standard Block）。块的大小和标准块的大小不同的块叫非标准块（Nonstandard Block）。同一数据库中，Oracle9i及以上版本支持同一数据库中同时使用标
  • github上一些觉得对自己工作有用的项目收集 dengkane github
    github上一些觉得对自己工作有用的项目收集 技能类 markdown语法中文说明 回到顶部 全文检索 elasticsearch bigdesk elasticsearch管理插件 回到顶部 nosql mapdb 支持亿级别map, list, 支持事务. 可考虑做为缓存使用 C
  • 初二上学期难记单词二 dcj3sjt126com englishword
    dangerous 危险的 panda 熊猫 lion 狮子 elephant 象 monkey 猴子 tiger 老虎 deer 鹿 snake 蛇 rabbit 兔子 duck 鸭 horse 马 forest 森林 fall 跌倒；落下 climb 爬；攀登 finish 完成；结束 cinema 电影院；电影 seafood 海鲜；海产食品 bank 银行
  • 8、mysql外键(FOREIGN KEY)的简单使用 dcj3sjt126com mysql
    一、基本概念 1、MySQL中“键”和“索引”的定义相同，所以外键和主键一样也是索引的一种。不同的是MySQL会自动为所有表的主键进行索引，但是外键字段必须由用户进行明确的索引。用于外键关系的字段必须在所有的参照表中进行明确地索引，InnoDB不能自动地创建索引。 2、外键可以是一对一的，一个表的记录只能与另一个表的一条记录连接，或者是一对多的，一个表的记录与另一个表的多条记录连接。 3、如
  • java循环标签 Foreach shuizhaosi888 标签java循环foreach
    1. 简单的for循环 public static void main(String[] args) { for (int i = 1, y = i + 10; i < 5 && y < 12; i++, y = i * 2) { System.err.println("i=" + i + " y="
  • Spring Security（05）——异常信息本地化 234390216 exceptionSpring Security异常信息本地化
    异常信息本地化          Spring Security支持将展现给终端用户看的异常信息本地化，这些信息包括认证失败、访问被拒绝等。而对于展现给开发者看的异常信息和日志信息（如配置错误）则是不能够进行本地化的，它们是以英文硬编码在Spring Security的代码中的。在Spring-Security-core-x
  • DUBBO架构服务端告警Failed to send message Response javamingtingzhao 架构DUBBO
     废话不多说，警告日志如下，不知道有哪位遇到过，此异常在服务端抛出(服务器启动第一次运行会有这个警告)，后续运行没问题，找了好久真心不知道哪里错了。    WARN 2015-07-18 22:31:15,272 com.alibaba.dubbo.remoting.transport.dispatcher.ChannelEventRunnable.run(84)
  • JS中Date对象中几个用法 leeqq JavaScriptDate最后一天
    近来工作中遇到这样的两个需求 1. 给个Date对象，找出该时间所在月的第一天和最后一天 2. 给个Date对象，找出该时间所在周的第一天和最后一天   需求1中的找月第一天很简单，我记得api中有setDate方法可以使用 使用setDate方法前，先看看getDate var date = new Date(); console.log(date); // Sat J
  • MFC中使用ado技术操作数据库 你不认识的休道人 sqlmfc
    1.在stdafx.h中导入ado动态链接库 #import"C:\Program Files\Common Files\System\ado\msado15.dll" no_namespace rename("EOF","end")2.在CTestApp文件的InitInstance()函数中domodal之前写::CoIniti
  • Android Studio加速 rensanning android studio
    Android Studio慢、吃内存！启动时后会立即通过Gradle来sync & build工程。 （1）设置Android Studio a) 禁用插件 File -> Settings...  Plugins 去掉一些没有用的插件。 比如：Git Integration、GitHub、Google Cloud Testing、Google Cloud
  • 各数据库的批量Update操作 tomcat_oracle javaoraclesqlmysqlsqlite
    MyBatis的update元素的用法与insert元素基本相同，因此本篇不打算重复了。本篇仅记录批量update操作的 sql语句，懂得SQL语句，那么MyBatis部分的操作就简单了。 　　注意：下列批量更新语句都是作为一个事务整体执行，要不全部成功，要不全部回滚。 MSSQL的SQL语句 　WITH R AS（ 　　SELECT 'John' as name, 18 as
  • html禁止清除input文本输入缓存 xp9802 input
    多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。如果不想让浏览器缓存input的值，有2种方法： 方法一： 在不想使用缓存的input中添加 autocomplete="off"; eg: <input type="text" autocomplete="off" name
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他