lucksoul
lucksoul

Html+Css+Js网页页面上广告一直显示，而且一直动来动去（完整代码+详解）

一，问题描述

  • 我们浏览网页时，经常会看到网页上有一些悬浮的广告，而且会飘来飘去。特别是一些盈利的网站，即使你讲网页往下拉，希望以此不看到广告，但是他却很讨人烦的在网页上。所以通过描述我们的悬浮广告要满足一下几个要求;
    1 .我们的广告要一直在我们的浏览器可视区域
    2 .即使拉动了屏幕的滚动条，广告也会在可视区域内

二，效果预览

三，用到的主要事件

  • window.onload：页面加载事件
  • window.setInterval(moveImg,50)：定时器，指定每隔50毫秒，调用方法moveImg

四，完整代码

  • 代码结构
    Html+Css+Js网页页面上广告一直显示，而且一直动来动去（完整代码+详解）_第1张图片
  • Html代码

<html>
	<head>
		<meta charset="UTF-8">
		<title>title>
	head>
	<link rel="stylesheet" type="text/css" href="../css/advert.css"/>
	
	<script type="text/javascript" src="../js/advert.js" >script>
	<body>
		<img src="../images/me_background.jpg" id="ad"/>
	body>
html>
  • Css代码
*{
	margin: 0px;
	padding: 0px;
}
body{
	width: 2048px;
	height: 1024px;
}
#ad{
	position: absolute;
	width: 100px;
	top: 60px;
	left: 40px;
}
  • JS代码
window.onload=function(){
	ad=document.getElementById("ad");
	getDta=null;
	moveY=1;
	moveX=1;
	timer=null;
	console.log(getData.eleWH(ad).x+" : "+getData.eleWH(ad).y);
	console.log(getData.eleLT(ad).x+" : "+getData.eleLT(ad).y);
	console.log(getData.scrollLT().x+" : "+getData.scrollLT().y);
	console.log(getData.clientWH().x+" : "+getData.clientWH().y);
	startMove();
	
}
/**
 * 定时器刷新界面
 */
function startMove(){
	if(timer==null)
	{
		timer=window.setInterval(moveImg,50);
	}
}
/**
 * 控制图片以偶定的逻辑
 */
function moveImg(){
	/**
	 * 纵坐标移动
	 */
	var top;
	var left;
	if(moveY==1){
	 top=getData.eleLT(ad).y+productRandom();
	}
	if(moveY==-1){
	 top=getData.eleLT(ad).y-productRandom();
	}
	
	if(getData.eleLT(ad).y>getData.clientWH().y+getData.scrollLT().y-getData.eleWH(ad).y){
		moveY=-1;
	}
	if(getData.eleLT(ad).y<=getData.scrollLT().y){
		moveY=1;
	}
	ad.style.top=top+"px";
	
		/**
	 * 横坐标移动
	 */
	if(moveX==1){
	 left=getData.eleLT(ad).x+productRandom();
	}
	if(moveX==-1){
	 left=getData.eleLT(ad).x-productRandom();
	}
	
	if(getData.eleLT(ad).x>getData.clientWH().x+getData.scrollLT().x-getData.eleWH(ad).x){
		moveX=-1;
	}
	if(getData.eleLT(ad).x<=getData.scrollLT().x){
		moveX=1;
	}
	ad.style.left=left+"px";
}
/**
 * 生成随机数
 */
function productRandom(){
	var num=Math.random();
	return Math.floor(num*20);
}


getData={
	/**
	 * 
	 * @param {Object} obj
	 * 获取obj元素的自身width和height
	 */
	eleWH:function(obj){
		var eleW=obj.style.width||document.defaultView.getComputedStyle(obj,null).width;
		var eleH=obj.style.height||document.defaultView.getComputedStyle(obj,null).height;
		//console.log(this)
		//打印出来的this对象就是getData对象
		return new  this.result(parseInt(eleW),parseInt(eleH));
		//将px字符去掉，方便后面的数值计算
		//同时new 关键字不能少，这里的new有点像java里对象的
		//产生，反正理解为调用该函数即可，要不然运行出错，undefined
	}
	,
	/**
	 * 
	 * @param {Object} obj
	 * 获取obj元素的left和top
	 */
	eleLT:function(obj){
		var eleL=obj.style.width||document.defaultView.getComputedStyle(obj,null).left;
		var eleT=obj.style.height||document.defaultView.getComputedStyle(obj,null).top;
		return new this.result(parseInt(eleL),parseInt(eleT));
	}
	,
	/**
	 * 获取滚动条的left和top
	 */
	scrollLT:function(){
		var scrollL=document.documentElement.scrollLeft||document.body.scrollLeft;
		var scrollT=document.documentElement.scrollTop||document.body.scrollTop;
		return new this.result(scrollL,scrollT);
	},
	/**
	 * 获取浏览器的可见区域的width和height
	 */
	clientWH:function(){
		var clientW=document.documentElement.clientWidth;
		var clientH=document.documentElement.clientHeight;
		return new this.result(clientW,clientH);
	},
	result:function(x,y){
	this.x=x;
	this.y=y;
	}
}

//可以将这个函数封装在getData的对象里,只是需要使用关键字this
//function Result(x,y){
//	this.x=x;
//	this.y=y;
//}

五，效果演示

你可能感兴趣的:(案例详解,步步进心,读卷有益,Html,JavaScript,Css)

  • Go 语言测试框架详解：保障代码质量的利器 kjj987 log4japache
    目录引言测试在Go语言开发中的重要性早期发现缺陷验证功能正确性支持代码重构与维护Go语言内置测试框架概述单元测试测试表驱动法集成测试编写高质量测试代码的技巧与最佳实践保持测试的独立性合理设置测试的边界条件使用Mock对象简化测试定期运行测试并持续集成结语引言在软件开发的全生命周期中，确保代码质量是一项核心任务。高质量的代码不仅能够准确无误地实现业务功能，还应具备良好的可维护性、扩展性和稳定性。而测
  • Web 开发都需要学什么？ Duiz33237 前端html5css3web
    Web开发是指开发和构建用于互联网的网站和应用程序的过程。它涉及使用各种编程语言、框架和技术来创建功能丰富、用户友好的网站和应用程序。常见的web开发技术包括HTML、CSS和JavaScript。HTML用于创建网页的结构，CSS用于样式和布局，而JavaScript用于实现交互和动态效果。此外，还有许多其他的编程语言和框架，如Python、PHP、Ruby、React、Angular等，用于开
  • ProCmdActionAdd 解读 weixin_39340606 CreoToolkitc++
    ProCmdActionAdd是CreoToolkit中用于定义命令的核心函数，允许开发者向CreoParametric添加自定义操作。这些操作可以与UI元素（如按钮、菜单项或Ribbon命令）关联，当用户与这些元素交互时，绑定的响应函数会被触发，从而实现特定功能。目录参数原型参数详解参数扩展介绍name/action_nameaccess_cb/access_funcaccess_type/pr
  • python 自定义装饰器 详解 Panda_Boy_yi pythonpython自定义装饰器
    先看一个例子defdeco(func):print("beforemyfunc()called.")func()print("aftermyfunc()called.")returnfunc@decodefmyfunc():print("myfunc()called.")#myfunc=deco(myfunc)#与上面的@deco等价myfunc()print("***********")myfu
  • YOLO11改进-模块-引入多尺度差异融合模块MDFM 一勺汤 YOLOv11模型改进系列深度学习人工智能YOLOYOLOv11目标检测模块改进
    遥感变化检测（RSCD）专注于识别在不同时间获取的两幅遥感图像之间发生变化的区域。近年来，卷积神经网络（CNN）在具有挑战性的RSCD任务中展现出了良好的效果。然而，这些方法未能有效地融合双时相特征，也未提取出对后续RSCD任务有益的有用信息。此外，它们在特征聚合中没有考虑多层次特征交互，并且忽略了差异特征与双时相特征之间的关系，从而影响了RSCD的结果。为解决上述问题，本文通过孪生卷积网络提取不
  • ShadCN UI 酒江 ui
    ShadCNUI是一个用于构建现代Web应用的开源UI组件库，旨在为开发者提供一组简洁、易于使用且高度可定制的组件。ShadCNUI提供了许多常见的UI元素（如按钮、表单、模态框等），并且具备良好的设计规范和开发支持，尤其适用于React项目。主要特点：基于TailwindCSS:ShadCNUI使用了TailwindCSS作为样式框架。这意味着它的所有组件都遵循Tailwind的utility-
  • Spring深度学习 — 关于 Spring 搬运Gong Springspring
    前言作为一名Java程序猿，相信对Spring都不陌生，那么我们经常使用的Spring的发展史大家都了解过吗？它是如何来的？又是如何一步一步成长到了现在这种不可替代的重要地位？下面将对Spring进行一个整体认知和学习，对后面的深度学习起到铺垫作用。本文意在对知识点的温顾，如文中有写的不对的地方，还望不吝指教。一、Spring的发展史相信经历过不使用框架开发Web项目的70后、80后都会高如此感触
  • DG-Manba模型详解及代码复现 清风AI 深度学习计算机视觉pytorch人工智能神经网络
    模型特点在DG-Manba模型的基础架构中，其独特的模型特点使其在处理序列数据时展现出卓越的性能。本节将详细介绍DG-Manba模型在架构、功能和性能方面的创新之处。选择性机制DG-Manba模型的核心创新在于其选择性机制。这种机制允许模型根据输入数据的特征动态调整其行为，类似于递归神经网络（RNN）中的门控机制，但在状态空间模型（SSM）的框架下提供了更广泛的应用可能性。通过这种方式，DG-Ma
  • 鸿蒙应用开发（HarmonyOS）自定义装饰器场景 你我皆是牛马星人 鸿蒙开发OpenHarmonyHarmonyOSharmonyos华为鸿蒙androidui前端鸿蒙系统
    鸿蒙NEXT开发实战往期必看文章：一分钟了解”纯血版！鸿蒙HarmonyOSNext应用开发！“非常详细的”鸿蒙HarmonyOSNext应用开发学习路线！（从零基础入门到精通）HarmonyOSNEXT应用开发案例实践总结合（持续更新......）HarmonyOSNEXT应用开发性能优化实践总结（持续更新......）介绍本示例介绍通过自定义装饰器在自定义组件中自动添加inspector(布局
  • LVPECL（Low Voltage Positive Emitter-Coupled Logic）电平详解 美好的事情总会发生 电平标准接口电平嵌入式硬件硬件工程智能硬件
    一、LVPECL的定义与核心特性LVPECL（低电压正射极耦合逻辑）是PECL（正射极耦合逻辑）的低电压版本，专为现代低功耗、高集成度系统优化，采用3.3V或2.5V供电。其继承了PECL的高速性能，同时通过降低电压减少功耗，广泛应用于高速通信、时钟分配和高可靠性场景。1.电气特性供电电压：3.3V（主流）、2.5V（部分器件）。电平范围：差分摆幅：约600mV（峰峰值），单端摆幅±300mV。共
  • 2024前端面试题-css篇 Adasunshine 面试题前端css面试
    1.p和div区别p自带有一定margin-top和margin-bottom属性值，而div两个属性值为0，也便是两个p之间有不一定间距，而div没有。2.对css盒模型的理解标准盒模型：content不包括padding、border、marginie盒模型：content包括padding、border、margin在不设置的情况下，默认为W3C盒模型（标准盒模型）。标准盒模型：box-si
  • Stable Diffusion 模型具体如何设置参数？ 壁纸样机神器 stablediffusion人工智能计算机视觉
    基础参数设置随机种子（seed）：设置一个固定的随机种子值，可以确保在相同文本提示下生成相同的图像。如果设置为-1，则每次生成的图像都是随机的。num_inference_steps：控制模型推理的步数。步数越多，生成的图像质量通常越高，但生成时间也会相应增加。通常使用默认值50步，如果需要更快的结果可以减少步数，而更高质量的图像则可以适当增加步数。guidance_scale：用于调整生成图像对
  • 如何使用Jsoup提取商品信息：实战指南 数据小爬虫@ python爬虫java
    在使用Java进行Web爬虫开发时，Jsoup是一个非常强大的HTML解析库，可以帮助你轻松地提取网页中的数据。本文将详细介绍如何使用Jsoup提取商品信息，包括商品标题、价格、描述和图片链接等。一、环境准备（一）Java开发环境确保你的系统中已安装Java开发环境，推荐使用JDK11或更高版本。（二）安装所需库使用Maven管理项目依赖，主要包括以下库：Jsoup：用于解析HTML内容。在pom
  • 前端高级CSS用法 二川bro 前端前端css
    前端高级CSS用法在前端开发中，CSS（层叠样式表）不仅是用来控制网页的外观和布局，更是实现复杂交互和动态效果的关键技术之一。随着前端技术的不断发展，CSS的用法也日益丰富和高级。本文将深入探讨前端高级CSS的用法，并通过表格和流程图来直观展示。一、CSS高级选择器CSS选择器是选择HTML元素并应用样式的基础。高级选择器使得我们能够更加精确地选择元素，从而实现更复杂的样式效果。属性选择器：根据元
  • 一览无遗 python 自定义装饰器使用及原理详解 1_bit pythonflaskpythonflask开发语言装饰器
    注意：先行知识python，本篇文章所有代码均为实际运行，为原理和逻辑讲解一、装饰器装饰器是python中的一种语法糖，虽然我不想用语法糖这个词来表达，但这句话写在了开头，我也不到用别的更准确的词来形容他了。如果你刚接触编程不久，不理解语法糖，也没关系；在这里我说语法糖并不会影响到你接下来的理解，我只是用它在赘述，作为了一种形容词。首先我们要搞懂装饰器是什么东西，其次搞懂装饰器的基础知识点，最后逐
  • 秒懂Yarn：从安装到配置的全流程详解 洛秋_ 前端开发yarn前端
    文章目录秒懂Yarn：从安装到配置的全流程详解一、什么是Yarn？二、Yarn的优势1.速度快2.离线模式3.确定性4.更好的语义化三、安装Yarn1.通过npm安装Yarn2.通过Homebrew安装（适用于macOS）3.通过Chocolatey安装（适用于Windows）4.验证安装四、Yarn的基本命令1.初始化项目2.安装依赖3.删除依赖4.升级依赖5.安装所有依赖五、配置Yarn1.配
  • PMP冲刺每日一题(32)答案解析 PM简读馆 PMP每日打卡产品经理
    作者简介：程序员转项目管理领域优质创作者个人邮箱：[[email protected]]PMP资料导航：PM菜鸟（查阅PMP大纲考点）座右铭：上善若水，水善利万物而不争。绿泡泡：PM简读馆（包含更多PM常用免费资料）目录试题1试题2试题3试题4试题5试题1标题：项目经理分析后得出结论，项目的成本绩效指数为80%，到目前为止项目的实际成本为100,000美元，但是预计到目前的成本应为120,000美
  • Javascript基础语法详解 Warren98 javascript开发语言ecmascript
    面向对象的语言.脚本语言,不需要编译,浏览器解释即可运行.用于控制网页的行为.浏览器的source可以打断点调试,console输入代码可以执行usestrict指令:在“严格模式”下运行js代码,防止意外创建全局变量等,提高代码安全性和执行效率.使用:全局严格模式：在脚本的开头添加"usestrict".函数级严格模式:在函数的开头添加"usestrict"：functionmyFunction
  • 【STM32】Fatfs文件系统（1）—结构体配置 _Yeps stm32嵌入式硬件单片机
    1.FatFs结构体配置1.1FunctionConfigurations功能配置FF_FS_READONLY定义FatFs是否工作在只读模式0:读/写。默认值。1：只读。只读模式下，写相关的函数f_write(),f_sync(),f_unlink(),f_mkdir(),f_chmod(),f_rename(),f_truncate(),f_getfree()以及其他和写操作相关的函数都将被移
  • StarRocks x Demandbase ，助力北美 ABM 营销平台降本 90%！ 营销clickhouse
    开源无国界，在“StarRocks全球用户精选案例”专栏中，我们将介绍北美营销平台Demandbase的用户案例。Demandbase于2007年创立于美国加州旧金山，专注于AI驱动的ABM平台，助力B2B营销人员实现业务突破。通过将ClickHouse替换为StarRocks，Demandbase解决了性能与灵活性问题。新架构基于ApacheIceberg和StarRocks，显著提升了数据处理
  • 使用 PEP 420 命名空间包构建统一目录风格及可选功能支持
    背景在Python项目开发中，随着代码包数量和复杂度的增加，为了更好地管理多个代码包的命名空间及其依赖，推荐使用PEP420提供的命名空间包功能。通过这种方式，可以构建属于同一发行商（vendor）下的多个独立代码包，且这些包可以分别位于不同的代码仓库中。在此基础上，某些代码包可能需要进一步支持可选功能模块（例如optional1和optional2），用户可以根据需要选择安装这些功能模块。本文将
  • 简易C语言Web服务器 mzg__ c语言前端服务器
    概述：这个项目是一个用C语言实现的简易Web服务器，使用了套接字（sockets）和pthread。服务器能够处理基本的HTTP请求，提供静态HTML和图片文件。它采用多线程以同时处理多个客户端连接。主要特点：HTTP服务器：在指定的端口（这里是8080）监听传入的HTTP请求。多线程：利用pthread以同时处理多个客户端连接，提高服务器的响应性。文件处理：根据客户端请求，支持提供HTML和JP
  • C#的简单工厂模式、工厂方法模式、抽象工厂模式 观无 javac#开发语言
    工厂模式是一种创建型设计模式，主要将对象的创建和使用分离，使得系统更加灵活和可维护。常见的工厂模式有简单工厂模式、工厂方法模式和抽象工厂模式，以下是C#实现的三个案例：简单工厂模式简单工厂模式通过一个工厂类来创建对象，而不需要把客户端代码与具体类的实现细节绑定在一起。usingSystem;//1.定义产品接口publicinterfaceIProduct{voidUse();}//2.创建具体产
  • 从过拟合到强化学习：机器学习核心知识全解析 吴师兄大模型 0基础实现机器学习入门到精通机器学习人工智能过拟合强化学习pythonLLMscikit-learn
    Langchain系列文章目录01-玩转LangChain：从模型调用到Prompt模板与输出解析的完整指南02-玩转LangChainMemory模块：四种记忆类型详解及应用场景全覆盖03-全面掌握LangChain：从核心链条构建到动态任务分配的实战指南04-玩转LangChain：从文档加载到高效问答系统构建的全程实战05-玩转LangChain：深度评估问答系统的三种高效方法（示例生成、手
  • Java——Stream流的peek方法详解 Mcband javapython开发语言
    Java8中引入了StreamAPI，极大地简化了集合操作，使得开发者可以使用流的方式进行数据处理。Stream提供了一系列非常强大的操作方法，其中之一就是peek()方法。peek()是一个中间操作，它可以用来在操作流的过程中查看元素的处理状态。本文将详细介绍peek()方法的使用场景和原理，并配合代码示例帮助大家深入理解。一、peek()方法简介peek()方法的定义在java.util.st
  • Simulink实例演示：智能车辆自动超车策略仿真 xiaoheshang_123 手把手教你学MATLAB专栏MATLAB开发项目实例1000例专栏matlabsimulink
    目录Simulink实例演示：智能车辆自动超车策略仿真一、背景介绍二、所需工具和环境三、步骤详解步骤1：创建Simulink模型
  • Keil5调试必杀技：资深工程师不愿透露的7大实战秘籍 vvvae1234 linux运维服务器
    https://download.csdn.net/download/vvvae1234/90483274?spm=1001.2014.3001.5503前言：突破调试效率瓶颈在2024年嵌入式开发者调研报告中，73%的工程师反馈调试时间占项目总工期的40%以上。笔者曾亲历一个典型案例：某智能家居团队花费3周定位温控系统偶发故障，而掌握高级调试技巧后，同类问题可在2小时内解决。本文将揭示7个经过实
  • 利用ECharts与ECharts-GL打造炫酷3D飞线地球：视觉与数据的完美碰撞 劳筝千Daphne
    利用ECharts与ECharts-GL打造炫酷3D飞线地球：视觉与数据的完美碰撞【下载地址】ECharts与ECharts-GL实现3D飞线地球可视化ECharts与ECharts-GL实现3D飞线地球可视化本仓库提供了一个使用ECharts结合ECharts-GL实现3D飞线地球可视化的简单案例项目地址:https://gitcode.com/open-source-toolkit/20abf
  • 大模型巅峰对决：DeepSeek vs GPT-4/Claude/PaLM-2 全面对比与核心差异揭秘 accurater 机器学习科技人工智能
    喜欢可以到主页订阅专栏目录技术架构对比性能表现与基准测试多模态与多语言能力推理效率与成本分析开源生态与行业适配应用场景与案例研究未来发展与技术趋势代码实现与调用示例1.技术架构对比DeepSeek：动态稀疏激活的混合专家系统（MoE）动态路由机制：每个输入仅激活约5.5%的参数（如6710亿参数中激活370亿），显著降低计算能耗40%。模块化设计：支持金融、医疗等领域的即插即用式微调，行业适配能力
  • QAM星形调制解调完整流程 竹夹 matlab信号处理
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档引言文章目录一、介绍QAM星形调制的基本概念和特点二、星形QAM的原理主函数实现流程主函数完整代码三、仿真结果与分析四、总结五、完整代码链接提示：以下是本篇文章正文内容，下面案例可供参考一、介绍QAM星形调制的基本概念和特点星形正交幅度调制（Star-QAM）是一种改进的调制技术，通过对星座图的特殊设计，提升了信号的抗噪声性能和频谱
  • mysql主从数据同步 林鹤霄 mysql主从数据同步
    配置mysql5.5主从服务器(转) 教程开始：一、安装MySQL 说明：在两台MySQL服务器192.168.21.169和192.168.21.168上分别进行如下操作，安装MySQL 5.5.22  二、配置MySQL主服务器（192.168.21.169）mysql  -uroot  -p   &nb
  • oracle学习笔记 caoyong oracle
    1、ORACLE的安装    a>、ORACLE的版本    8i,9i :   i是internet    10g,11g : grid (网格)    12c : cloud (云计算)       b>、10g不支持win7 &
  • 数据库，SQL零基础入门 天子之骄 sql数据库入门基本术语
    数据库，SQL零基础入门        做网站肯定离不开数据库，本人之前没怎么具体接触SQL，这几天起早贪黑得各种入门，恶补脑洞。一些具体的知识点，可以让小白不再迷茫的术语，拿来与大家分享。          数据库，永久数据的一个或多个大型结构化集合，通常与更新和查询数据的软件相关
  • pom.xml 一炮送你回车库 pom.xml
    1、一级元素dependencies是可以被子项目继承的 2、一级元素dependencyManagement是定义该项目群里jar包版本号的，通常和一级元素properties一起使用，既然有继承，也肯定有一级元素modules来定义子元素 3、父项目里的一级元素<modules> <module>lcas-admin-war</module> <
  • sql查地区省市县 3213213333332132 sqlmysql
    -- db_yhm_city SELECT * FROM db_yhm_city WHERE class_parent_id = 1 -- 海南 class_id = 9 港、奥、台 class_id = 33、34、35 SELECT * FROM db_yhm_city WHERE class_parent_id =169 SELECT d1.cla
  • 关于监听器那些让人头疼的事 宝剑锋梅花香 画图板监听器鼠标监听器
           本人初学JAVA，对于界面开发我只能说有点蛋疼，用JAVA来做界面的话确实需要一定的耐心（不使用插件，就算使用插件的话也没好多少）既然Java提供了界面开发，老师又要求做，只能硬着头皮上啦。但是监听器还真是个难懂的地方，我是上了几次课才略微搞懂了些。       
  • JAVA的遍历MAP darkranger map
    Java Map遍历方式的选择 1. 阐述 　　对于Java中Map的遍历方式，很多文章都推荐使用entrySet，认为其比keySet的效率高很多。理由是：entrySet方法一次拿到所有key和value的集合；而keySet拿到的只是key的集合，针对每个key，都要去Map中额外查找一次value，从而降低了总体效率。那么实际情况如何呢？ 　　为了解遍历性能的真实差距，包括在遍历ke
  • POJ 2312 Battle City 优先多列+bfs aijuans 搜索
    来源：http://poj.org/problem?id=2312 题意：题目背景就是小时候玩的坦克大战，求从起点到终点最少需要多少步。已知S和R是不能走得，E是空的，可以走，B是砖，只有打掉后才可以通过。 思路：很容易看出来这是一道广搜的题目，但是因为走E和走B所需要的时间不一样，因此不能用普通的队列存点。因为对于走B来说，要先打掉砖才能通过，所以我们可以理解为走B需要两步，而走E是指需要1
  • Hibernate与Jpa的关系，终于弄懂 avords javaHibernate数据库jpa
    我知道Jpa是一种规范，而Hibernate是它的一种实现。除了Hibernate，还有EclipseLink(曾经的toplink)，OpenJPA等可供选择，所以使用Jpa的一个好处是，可以更换实现而不必改动太多代码。 在play中定义Model时，使用的是jpa的annotations，比如javax.persistence.Entity, Table, Column, OneToMany
  • 酸爽的console.log bee1314 console
    在前端的开发中，console.log那是开发必备啊，简直直观。通过写小函数，组合大功能。更容易测试。但是在打版本时，就要删除console.log，打完版本进入开发状态又要添加，真不够爽。重复劳动太多。所以可以做些简单地封装，方便开发和上线。 /** * log.js hufeng * The safe wrapper for `console.xxx` functions *
  • 哈佛教授：穷人和过于忙碌的人有一个共同思维特质 bijian1013 时间管理励志人生穷人过于忙碌
            一个跨学科团队今年完成了一项对资源稀缺状况下人的思维方式的研究，结论是：穷人和过于忙碌的人有一个共同思维特质，即注意力被稀缺资源过分占据，引起认知和判断力的全面下降。这项研究是心理学、行为经济学和政策研究学者协作的典范。 　　这个研究源于穆来纳森对自己拖延症的憎恨。他7岁从印度移民美国，很快就如鱼得水，哈佛毕业
  • other operate 征客丶 OSosx
    一、Mac Finder 设置排序方式，预览栏 在显示－》查看显示选项中 二、有时预览显示时，卡死在那，有可能是一些临时文件夹被删除了，如：/private/tmp[有待验证] -------------------------------------------------------------------- 若有其他凝问或文中有错误，请及时向我指出， 我好及时改正，同时也让我们一
  • 【Scala五】分析Spark源代码总结的Scala语法三 bit1129 scala
    1. If语句作为表达式 val properties = if (jobIdToActiveJob.contains(jobId)) { jobIdToActiveJob(stage.jobId).properties } else { // this stage will be assigned to "default" po
  • ZooKeeper 入门 BlueSkator 中间件zk
    ZooKeeper是一个高可用的分布式数据管理与系统协调框架。基于对Paxos算法的实现，使该框架保证了分布式环境中数据的强一致性，也正是基于这样的特性，使得ZooKeeper解决很多分布式问题。网上对ZK的应用场景也有不少介绍，本文将结合作者身边的项目例子，系统地对ZK的应用场景进行一个分门归类的介绍。 值得注意的是，ZK并非天生就是为这些应用场景设计的，都是后来众多开发者根据其框架的特性，利
  • MySQL取得当前时间的函数是什么 格式化日期的函数是什么 BreakingBad mysqlDate
    取得当前时间用 now() 就行。 在数据库中格式化时间 用DATE_FORMA T(date, format) . 根据格式串format 格式化日期或日期和时间值date，返回结果串。 可用DATE_FORMAT( ) 来格式化DATE 或DATETIME 值，以便得到所希望的格式。根据format字符串格式化date值: %S, %s 两位数字形式的秒（ 00,01,
  • 读《研磨设计模式》-代码笔记-组合模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; abstract class Component { public abstract void printStruct(Str
  • 4_JAVA+Oracle面试题(有答案) chenke oracle
    基础测试题 卷面上不能出现任何的涂写文字，所有的答案要求写在答题纸上，考卷不得带走。 选择题 1、 What will happen when you attempt to compile and run the following code? （3） public class Static { static { int x = 5; // 在static内有效 } st
  • 新一代工作流系统设计目标 comsci 工作算法脚本
      用户只需要给工作流系统制定若干个需求，流程系统根据需求，并结合事先输入的组织机构和权限结构，调用若干算法，在流程展示版面上面显示出系统自动生成的流程图，然后由用户根据实际情况对该流程图进行微调，直到满意为止，流程在运行过程中，系统和用户可以根据情况对流程进行实时的调整，包括拓扑结构的调整，权限的调整，内置脚本的调整。。。。。 在这个设计中，最难的地方是系统根据什么来生成流
  • oracle 行链接与行迁移 daizj oracle行迁移
    表里的一行对于一个数据块太大的情况有二种(一行在一个数据块里放不下) 第一种情况: INSERT的时候，INSERT时候行的大小就超一个块的大小。Oracle把这行的数据存储在一连串的数据块里(Oracle Stores the data for the row in a chain of data blocks)，这种情况称为行链接(Row Chain)，一般不可避免(除非使用更大的数据
  • [JShop]开源电子商务系统jshop的系统缓存实现 dinguangx jshop电子商务
    前言 jeeshop中通过SystemManager管理了大量的缓存数据，来提升系统的性能，但这些缓存数据全部都是存放于内存中的，无法满足特定场景的数据更新（如集群环境）。JShop对jeeshop的缓存机制进行了扩展，提供CacheProvider来辅助SystemManager管理这些缓存数据，通过CacheProvider,可以把缓存存放在内存,ehcache,redis，memcache
  • 初三全学年难记忆单词 dcj3sjt126com englishword
    several 儿子；若干 shelf 架子 knowledge 知识；学问 librarian 图书管理员 abroad 到国外，在国外 surf 冲浪 wave 浪；波浪 twice 两次；两倍 describe 描写；叙述 especially 特别；尤其 attract 吸引 prize 奖品；奖赏 competition 比赛；竞争 event 大事；事件 O
  • sphinx实践 dcj3sjt126com sphinx
      安装参考地址:http://briansnelson.com/How_to_install_Sphinx_on_Centos_Server   yum install sphinx 如果失败的话使用下面的方式安装 wget http://sphinxsearch.com/files/sphinx-2.2.9-1.rhel6.x86_64.rpm yum loca
  • JPA之JPQL（三） frank1234 ormjpaJPQL
    1 什么是JPQL JPQL是Java Persistence Query Language的简称，可以看成是JPA中的HQL， JPQL支持各种复杂查询。 2 检索单个对象 @Test public  void querySingleObject1() {     Query query = em.createQuery("sele
  • Remove Duplicates from Sorted Array II hcx2013 remove
    Follow up for "Remove Duplicates":What if duplicates are allowed at most twice? For example,Given sorted array nums = [1,1,1,2,2,3], Your function should return length
  • Spring4新特性——Groovy Bean定义DSL jinnianshilongnian spring 4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装Mysql5.5 liuxingguome centos
    CentOS下以RPM方式安装MySQL5.5 首先卸载系统自带Mysql： yum remove mysql mysql-server mysql-libs compat-mysql51 rm -rf /var/lib/mysql rm /etc/my.cnf 查看是否还有mysql软件： rpm -qa|grep mysql 去http://dev.mysql.c
  • 第14章 工具函数（下） onestopweb 函数
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • POJ 1050 SaraWon 二维数组子矩阵最大和
    POJ ACM第1050题的详细描述，请参照 http://acm.pku.edu.cn/JudgeOnline/problem?id=1050 题目意思： 给定包含有正负整型的二维数组，找出所有子矩阵的和的最大值。 如二维数组 0 -2 -7 0 9 2 -6 2 -4 1 -4 1 -1 8 0 -2 中和最大的子矩阵是 9 2 -4 1 -1 8 且最大和是15
  • [5]设计模式——单例模式 tsface java单例设计模式虚拟机
    单例模式：保证一个类仅有一个实例，并提供一个访问它的全局访问点   安全的单例模式：     /* * @(#)Singleton.java 2014-8-1 * * Copyright 2014 XXXX, Inc. All rights reserved. */ package com.fiberhome.singleton;
  • Java8全新打造，英语学习supertool yangshangchuan javasuperword闭包java8函数式编程
    superword是一个Java实现的英文单词分析软件，主要研究英语单词音近形似转化规律、前缀后缀规律、词之间的相似性规律等等。Clean code、Fluent style、Java8 feature: Lambdas, Streams and Functional-style Programming。   升学考试、工作求职、充电提高，都少不了英语的身影，英语对我们来说实在太重要
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他