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)

  • 帧率、码流与分辨率：视频技术核心概念详解及关系分析 关然
    本文还有配套的精品资源，点击获取简介：在视频处理和流媒体领域，了解帧率、码流和分辨率对视频质量及存储需求至关重要。帧率决定了视频流畅度，分辨率影响清晰度和细节，而码流则关系到视频的压缩程度和质量。三者相互影响，需在实际应用中权衡。此外，DVR硬盘容量计算方法也与这些因素紧密相关。本篇内容将深入解析这些概念及其相互关系，并指导如何在不同需求下进行平衡和选择。1.帧率的定义及其对视频流畅度的影响在数字
  • 【华为OD机试】真题E卷-生成哈夫曼树（Java） 西攻城狮北 java华为od机试真题生成哈夫曼树2024c卷
    【华为OD机试真题】2024年C卷题库汇总目录（java）一、题目【华为OD机试真题】2024年C卷（java）-生成哈夫曼树题目描述：给定长度为n的无序的数字数组，每个数字代表二叉树的叶子节点的权值，数字数组的值均大于等于1。请完成一个函数，根据输入的数字数组，生成哈夫曼树，并将哈夫曼树按照中序遍历输出。为了保证输出的二叉树中序遍历结果统一，增加以下限制：二叉树节点中，左节点权值小于等于右节点权
  • 2022-09-11 淡若清风似如水
    沏一壶清茶，听古乐之风韵情怀，品茶里之滋味，淡淡的茶香里，细细感悟生命的悲歌，一程山，一程水，学会在淡定中感悟生活。一滴露，一片叶，奏响尘世的繁花与沧桑。岁月如梭，无需刻意精彩还是黯淡，只需持一颗如水从容心，将人生冷暖，聚散离合，淡淡安放于生活的平仄。待陌上花开，拈花浅浅一笑，原来，生活的诗意，是素雅简单，亦是孤寂丰盈。泡一壶淡定吧，让沧桑了无痕，有些遇见，是惊艳，亦是温暖。有些离别，是注定，亦是
  • 读《永不放弃》1 会飘的云
    最近几年来，如果让全国人民评选最烦的一个人没有之一的，估计唐纳德特朗普，这大哥最大的特点就是说了不算，算了不说，经常变卦，而且还毫无底线的乱发推特，不少投资的朋友，甚至因此赔掉了很多的钱。对他恨之入骨，一本书叫做永不放弃，这是特朗普自己说的和写的，更能反映这大哥的心态和个性。特朗普说，他创业的历程上，经常会有很多人说不行，比如70年代，他进军曼哈顿的时候，当时所有人都觉得房地产进入萧条了，甚至有人
  • 读活法第三十八天 格雷_Jacky张
    宁波市北仑格雷塑料制品有限公司同心队张镇第三章磨练灵魂、提升心志——时时反省，不忘磨砺人格上一小节讲了作为领导者，要德重于才。而本小节中稻盛先生告诉我们，如何才能“有德”。对于领导者而言，要有基于明确哲学的深沉厚重人格才算“有德”。即：谦虚之心、内省之心、抑制自我的克己之心、坚持正义的勇气、持续自我磨砺的慈悲之心。这里的哲学即：明白“作为人，何为正确？”的正确的为人之道，即：道德心——不可说谎，要
  • 自我感动式努力最没用 我叫刘想法
    这个时代最不缺的就是心灵鸡汤和流行丧文化，两件事似乎是相对立的，其实不然，两者有着一个共同之处，那就是只知道打气加油或者抱怨努力没用，就是不行动，空喊口号。亚里士多德说得对，生命在于运动。我们之所以存在，从实质上说，是因为我们的有机体是不断地运动的。如果我们要明智地生存，就必须不断地使“心”有所用——不管做什么都行，只要是一些实际的或内心的活动。要从实际出发，脚踏实地的去做事，记得一位名人说过这样
  • 京东百亿补贴活动是什么？京东百亿补贴是什么意思 测评君高省
    这个活动是为回馈用户联合商家进行的商品补贴活动，旨在让消费者购买到极具性价比的商品。这一活动正式上线于2023年3月6日，是京东在电商市场竞争愈发激烈的情况下，谋求增量最直接的方式之一。通过“百亿补贴”，京东希望能够为用户提供更好的购物体验，同时也促进了电商行业的价格竞争。此外，京东还不断迭代和优化这一活动，例如通过推出玩法，为用户提供更多的选择和福利，进一步让利给消费者。这些举措体现了京东在维护
  • CSS利用@font-face使用自定义字符和图标 小前端2018
    昨天发的一个教程被一顿喷，说已经不用图片了，什么图标字体啦，好桑心~~，但也是事实，现在的前端图片越来越少了，相应替换的是css以及图标字体，所以去探测了几个网站，找了一下style.css文件，看看具体的CSS内容，然后发现这是一个很有趣的问题。
  • 由几道数量关系考题引起的思考 学习&实践爱好者 数学广角随笔数学广角
    由几道数量关系考题引起的思考考试题（如考公算题），解题时间不能太长，“限时性”倒逼我们在多种解法中选择最优路径，这种“在有限条件下追求效率最大化”的思维，是数学优化思想的生活化应用——数学从不只关注“能否解决问题”，更关注“如何高效解决问题”，这与工程优化、资源分配等现实场景中的核心需求高度契合。下面以几道数量关系题为例介绍，如何快速解答这类题？这些案例展示了在有限时间内选择高效解题方法的价值，体
  • 橘子郡每天读《论语》第217天/共270天 橘子郡的天空
    橘子郡每天读《论语》第217天/共270天16.5：孔子曰：“益者三乐，损者三乐。乐节礼乐，乐道人之善，乐多贤友，益矣。乐骄乐，乐佚游，乐宴乐，损矣。”注：“乐”在表示“喜好”、“爱好”之意时，古音读作[yào]16.6:孔子曰：“侍于君子有三愆：言未及之而言谓之躁，言及之而不言谓之隐，未见颜色而言谓之瞽。”精选《论语》小卡片滑动可查看多张“每天读《论语》”卡片精华解读言未及之而言谓之躁：和老板沟
  • MyBatis之缓存机制详解 AA-代码批发V哥 mybatisJavaEEmybatis
    MyBatis之缓存机制详解一、MyBatis缓存的基本概念1.1缓存的核心价值1.2MyBatis的两级缓存体系二、一级缓存（SqlSession级别缓存）2.1工作原理2.2实战案例：一级缓存演示2.2.1基础用法（默认开启）2.2.2一级缓存失效场景2.3一级缓存的特点与适用场景三、二级缓存（Mapper级别缓存）3.1工作原理3.2二级缓存的开启与配置3.2.1全局配置（可选）3.2.2M
  • 10-1 商业摄影的第一性原理 efe183ad77c6
    1商业广告摄影的定义：用于制作商业图片的摄影技术。商业图片是指用做商业用途或具备二次商业用途特征的影像。——严冬而广告的本质就是吸引受众的注意力。人的注意力有两个特点，第一是有意识的时候，注意力就会有，而且随时产生随时花掉；第二是，自动筛选常见、不重要的信息。2我在说我们成年人应该怎么学习的时候，我总结了3个步骤：1寻找知识边界，并建立模型；2针对模型，刻意练习；3刻意反思。第一步寻找系统边界，也
  • 心系教师 情暖校园——云岩区教育局党委节日慰问因疫情滞留教师 聆听镜看
    9月9日，云岩区教育局党委书记、局长林晓凤率队前往贵阳市第三十中学、贵阳市三桥小学、中国人民大学附属小学贵阳共建学校等地看望慰问30余名近期奋战在防疫一线滞留的学校行政及一线教师，向他们送去暖心慰问和节日祝福。贵阳市第三十中学校长李文黔、主任莫照华说，非常时期，特殊关爱，局长亲自为因工作滞留的我们送来方便面，我们很感动。我们将继续发挥不怕苦、不怕累的优良作风，坚守岗位、恪尽职守，以对人民群众生命安
  • 多语言文本分类在AI应用中的实践 AI原生应用开发 人工智能分类数据挖掘ai
    多语言文本分类在AI应用中的实践关键词：多语言文本分类、自然语言处理、机器学习、深度学习、BERT、迁移学习、跨语言模型摘要：本文深入探讨多语言文本分类在AI领域的应用实践。我们将从基础概念出发，逐步讲解其核心原理、技术架构和实现方法，并通过实际案例展示如何构建一个高效的多语言文本分类系统。文章将涵盖从传统机器学习方法到最先进的深度学习技术，特别关注跨语言迁移学习在实际业务场景中的应用。背景介绍目
  • 搭建网站选择阿里云服务器，云·速成美站，云·企业官网哪个更好？ 阿里云最新优惠和活动汇总
    很多企业和公司上云的第一步就是搭建自己的官网，搭建自己的官网是能够让客户看到公司的相关产品、服务和专业程度，很多对客户有价值的信息，都要通过企业网站传递到客户那里。随着阿里云服务器和建站产品的知名度越来越高，越来越多的用户选择阿里云的产品来搭建自己的官网。阿里云服务器，云·速成美站，云·企业官网最新优惠活动分享：阿里云新人特惠活动：云服务器0.6折起，云·速成美站500.00/年起，云·企业官网4
  • 人类文明演进三元辩证模型构建
    人类文明演进三元辩证模型构建——基于技术-人文-生态的动态平衡研究------摘要本文提出"技术-人文-生态"三元辩证模型（Technology-Humanity-EcologyDialecticalModel,THE-Model），突破传统线性发展观，通过构建动态平衡方程与多宇宙对照实验框架，揭示文明演进中技术熵减、人文熵增与生态混沌的量子纠缠关系。基于中国"文明操作系统2.0"实践案例与多学科
  • 2023-04-11 Coco微笑的鱼儿
    今天静下心来上传产品，抖店后台确实太原始了。希望明天完成20个产品，开通直播，公众号，太多的事情要做了。印度客户又是一天问问题不提付定金的一天，希望明天好起来。
  • 3篇5章2节：绘制临床研究中的趋势图与ROC曲线 MD分析 用R探索医药数据科学信息可视化r语言r语言-4.2.1数据分析趋势变化图模型性能评估
    在医学统计分析与数据科学实践中，趋势图与ROC曲线不仅是可视化的“门面担当”，更是揭示数据背后规律与诊断性能的核心工具。无论是观察血压、血糖等临床指标随时间或干预手段的变化，还是评估模型的判别能力与诊断准确性，一幅设计得当的图表，往往胜过千言万语。本文围绕R语言中两个功能强大的可视化函数展开，深入剖析它们在实际科研中的应用技巧与美化策略。通过案例演示与参数讲解，你将学会如何绘制清晰、美观、信息量丰
  • 2/5 碎碎念 卓橙爱读书
    阿错这几天感冒，喉咙有点痛。感觉喉咙一痛就让他化身小公举了，这个不想吃，那个没胃口。想想自己怀孕时犯恶心依然狂吃海塞，我真是汉子心妹子身。也可能是因为我没给他煮稀饭端烂面条，所以控诉我了。但我怀孕时在公司没胃口每天都吃的辣酱拌饭啊。也许是我怀孕时责任太重，不能相提并论。但我感冒的时候好像也没有缺过一顿饭啊，真的想不起来了……即便胃口差也会逼着自己少吃点，好像刚刚感冒好不久，真的不记得自己有哪天没吃
  • SpringDoc 基本使用指南 墨鸦_Cormorant #Spring全家桶springspringdoc
    SpringDoc是基于SpringBoot的现代化API文档生成工具，通过自动化扫描代码和注解，生成符合OpenAPI3.0+规范的交互式文档，并集成SwaggerUI提供可视化测试界面。以下是其核心详解：核心特性与优势开箱即用仅需添加依赖，无需复杂配置即可自动生成文档，支持SpringWebMvc、WebFlux、SpringSecurity及JakartaEE。注解驱动使用JSR-303规范
  • 计算机考研408真题解析（2023-04 哈夫曼编码加权平均长度详解） 良师408 考研c语言计算机考研408真题数据结构
    【良师408】计算机考研408真题解析（2023-04哈夫曼编码加权平均长度详解）传播知识，做懂学生的好老师1.【哔哩哔哩】（良师408）2.【抖音】（良师408）goodteacher4083.【小红书】（良师408）4.【CSDN】（良师408）goodteacher4085.【微信】（良师408）goodteacher408特别提醒：【良师408】所收录真题根据考生回忆整理，命题版权归属教育
  • Selenium 处理表单、弹窗与文件上传：从基础到实战 二向箔reverse selenium爬虫自动化
    在Web自动化领域，表单交互、弹窗处理和文件上传是最常见也最容易踩坑的场景。想象一下：你编写的脚本明明定位到了输入框，却无法输入文字；点击按钮后弹出的对话框让脚本瞬间“卡壳”；好不容易找到文件上传按钮，却发现Selenium无法直接操作系统文件选择框……这些问题往往让新手头疼不已。本文将系统讲解Selenium在这三类场景中的解决方案，结合实战案例帮你突破瓶颈。一、表单处理：搞定输入、选择与提交网
  • 六项精进 壹念百花開_
    六项精进又一次迎来了6位新家人的家人，学习会时听到家人们发自肺腑的分享，自己也好像又参加了一次，当时的一幕幕也在脑海中闪现，那充实的三天，仿佛就在昨天。真的很感谢家人们的真诚分享，感谢公司不仅提供给我工作机会，还为我创造这么好的学习机会，感谢杜总给我们提供的这么好的平台，让我能够在工作中继续学习、锻炼、成长。当我真正的静下心来思考的时候，才发现自己肚子里的那点墨水与公司的需要存在着一定的差距，我只
  • 悟医道真（六百六十七） 妙手柯楠
    达乎道则明于理。“是故多食咸，则脉凝泣而变色；多食苦，则皮槁而毛拔；多食辛，则筋急而爪枯；多食酸，则肉胝䐢而唇揭；多食甘，则骨痛而发落，此五味之所伤也。”心合脉，其荣色，咸益肾，胜于心，心不胜，故脉凝泣而颜色变易也。肺合皮，其荣毛，苦益心，胜于肺，肺不胜，故皮枯槁而毛拔去也。脾合肉，其荣唇，酸益肝，胜于脾，脾不胜，故肉胝䐢，而唇皮揭举也。肾合骨，其荣发，甘益脾，胜于肾，肾不胜，故骨痛而发堕落。五味
  • 【华为OD机试真题 2025B卷】153、端口合并 | 机试真题+思路参考+代码解析（C++、Java、Py、C语言、JS） KFickle 最新华为OD机试(C++JavaPyCJS)+OJ华为odc++java华为OD机试真题javascript端口合并
    文章目录一、题目题目描述输入输出样例1样例2样例3二、代码与思路参考C++代码Java代码Python代码C语言代码JS代码订阅本专栏后即可解锁在线OJ刷题权限个人博客首页：KFickle专栏介绍：最新的华为OD机试真题，使用C++，Java，Python，C语言，JS五种语言进行解答，每个题目都包含解题思路，五种语言的解法，每日持续更新中，订阅后支持开通在线OJ测试刷题！！！一次订阅永久享受更新
  • 【华为OD机试真题 2025B卷】154、快递业务站 | 机试真题+思路参考+代码解析（C++、Java、Py、C语言、JS） KFickle 最新华为OD机试(C++JavaPyCJS)+OJ华为odc++java华为OD机试真题快递业务站javascriptc语言
    文章目录一、题目题目描述输入输出样例1样例2二、代码与思路参考C++代码Java代码Python代码C语言代码JS代码订阅本专栏后即可解锁在线OJ刷题权限个人博客首页：KFickle专栏介绍：最新的华为OD机试真题，使用C++，Java，Python，C语言，JS五种语言进行解答，每个题目都包含解题思路，五种语言的解法，每日持续更新中，订阅后支持开通在线OJ测试刷题！！！一次订阅永久享受更新，有代
  • 【华为OD机试真题 2025B卷】152、积木最远距离 | 机试真题+思路参考+代码解析（C++、Java、Py、C语言、JS） KFickle 最新华为OD机试(C++JavaPyCJS)+OJ华为odc++java华为OD机试真题积木最远距离javascriptc语言
    文章目录一、题目题目描述输入输出样例1样例2二、代码与思路参考C++代码Java代码Python代码C语言代码JS代码订阅本专栏后即可解锁在线OJ刷题权限个人博客首页：KFickle专栏介绍：最新的华为OD机试真题，使用C++，Java，Python，C语言，JS五种语言进行解答，每个题目都包含解题思路，五种语言的解法，每日持续更新中，订阅后支持开通在线OJ测试刷题！！！一次订阅永久享受更新，有代
  • 【华为OD机试真题 2025B卷】150、对称美学 | 机试真题+思路参考+代码解析（C++、Java、Py、C语言、JS） KFickle 最新华为OD机试(C++JavaPyCJS)+OJ华为odc++javajavascript华为OD机试真题对称美学
    文章目录一、题目题目描述输入输出样例1样例2二、代码与思路参考C++代码Java代码Python代码C语言代码JS代码订阅本专栏后即可解锁在线OJ刷题权限个人博客首页：KFickle专栏介绍：最新的华为OD机试真题，使用C++，Java，Python，C语言，JS五种语言进行解答，每个题目都包含解题思路，五种语言的解法，每日持续更新中，订阅后支持开通在线OJ测试刷题！！！一次订阅永久享受更新，有代
  • 【华为OD机试真题 2025B卷】149、区间交叠问题 | 机试真题+思路参考+代码解析（C++、Java、Py、C语言、JS） KFickle 最新华为OD机试(C++JavaPyCJS)+OJ华为odc++java华为OD机试真题javascript最大平分数组
    文章目录一、题目题目描述输入输出样例1样例2二、代码与思路参考C++代码Java代码Python代码C语言代码JS代码订阅本专栏后即可解锁在线OJ刷题权限个人博客首页：KFickle专栏介绍：最新的华为OD机试真题，使用C++，Java，Python，C语言，JS五种语言进行解答，每个题目都包含解题思路，五种语言的解法，每日持续更新中，订阅后支持开通在线OJ测试刷题！！！一次订阅永久享受更新，有代
  • 【华为OD机试真题 2025B卷】147、连接器问题 | 机试真题+思路参考+代码解析（C++、Java、Py、C语言、JS） KFickle 最新华为OD机试(C++JavaPyCJS)+OJ华为odc++java华为OD机试真题javascriptc语言连接器问题
    文章目录一、题目题目描述输入输出样例1样例2二、代码与思路参考C++代码Java代码Python代码C语言代码JS代码订阅本专栏后即可解锁在线OJ刷题权限个人博客首页：KFickle专栏介绍：最新的华为OD机试真题，使用C++，Java，Python，C语言，JS五种语言进行解答，每个题目都包含解题思路，五种语言的解法，每日持续更新中，订阅后支持开通在线OJ测试刷题！！！一次订阅永久享受更新，有代
  • 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其他