weixin_30516243
weixin_30516243

js 判断一个元素是否在滚动的可视区域内，不在就固定到可视区域的上方。

前言：最近工作中，有这样一个场景，判断一个元素是否在滚动的可视区域内，不在就固定到可视区域的上方。为了以后再次遇到，所以记录下来，并分享。转载请注明出处：https://www.cnblogs.com/yuxiaole/p/9302392.html

网站地址：我的个人vue+element ui demo网站 

github地址：yuleGH github (喜欢记得star哦)

js 判断一个元素是否在滚动的可视区域内，不在就固定到可视区域的上方。_第1张图片

 

话不多说，直接上 Demo 吧

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />

<html>

<head>
    <title>测试title>
    <style>
        #div1{
            border: 1px solid;
            height: 200px;
            width: 200px;
            padding: 10px;
            margin: 200px;

            /*浮动*/
            overflow: auto;
        }
        #fixDiv{
            background-color: antiquewhite;
        }
    style>
head>
<body>

<div id="div1">
    <div>sdfdiv>
    <div>地方div>
    <div>水电费div>
    <div>史蒂夫div>
    <div>鬼地方个div>
    <div>史3玩儿div>
    <div>史3水电费玩儿div>
    <div>212div>
    <div>435 div>
    <div>电饭锅div>
    <div>规划局div>
    <div>好久div>
    <div>水电费div>
    <div>史3水电费玩儿div>
    <div>34div>
    <div>的div>
    <div>45div>
    <div>sdfdiv>
    <div>地方div>
    <div>水电费div>
    <div>史蒂夫div>
    <div id="fixDiv">固定在可视区域上方div>
    <div>史3玩儿div>
    <div>史3水电费玩儿div>
    <div>212div>
    <div>435 div>
    <div>电饭锅div>
    <div>规划局div>
    <div>好久div>
    <div>水电费div>
    <div>史3水电费玩儿div>
    <div>34div>
    <div>的div>
    <div>45div>
div>

<button id="btn">点击到固定元素处button>

<script type="text/javascript" src="${ctx}/static/common/js/jquery-1.8.1.min.js">script>

<script type="text/javascript">

    var $div = $("#div1");
    //262 222 220 200
    console.log($div.outerHeight(true), $div.outerHeight(false), $div.outerHeight(), $div.innerHeight(), $div.height());

    var div = $div[0];
    //220 222 734 20 0
    console.log(div.clientHeight, div.offsetHeight, div.scrollHeight, div.offsetTop, div.scrollTop);

    $("#btn").click(function(){
        //判断一个元素是否在滚动的可视区域内，不在就固定到可视区域的上方。
        var fixDiv = $("#fixDiv");
        var divs = $("#div1").find("div");
        var fixDivIndex = divs.index(fixDiv);
        var oneDivHeight = fixDiv.height();
        var fixDivScrollTop = fixDivIndex * oneDivHeight;//这个元素正好在可视区域上方的scrollTop值
        var divCurrentScrollTop = $("#div1").scrollTop();
        if(fixDivScrollTop > divCurrentScrollTop > fixDivScrollTop - $("#div1").height()){
            //在可视区域内
        }else if(fixDivScrollTop < divCurrentScrollTop || divCurrentScrollTop < fixDivScrollTop - $("#div1").height()){
            $("#div1").scrollTop(fixDivScrollTop);
        }
    });
script>

body>

html>

解释一下，一个元素当前所在的scrollTop值如果在最小和最大之间则说明该元素在可视范围之内。

js 判断一个元素是否在滚动的可视区域内，不在就固定到可视区域的上方。_第2张图片

 

js 判断一个元素是否在滚动的可视区域内，不在就固定到可视区域的上方。_第3张图片

 

转载请注明出处：https://www.cnblogs.com/yuxiaole/p/9302392.html

 

转载于:https://www.cnblogs.com/yuxiaole/p/9302392.html

你可能感兴趣的:(js 判断一个元素是否在滚动的可视区域内，不在就固定到可视区域的上方。)

  • 2022.02.13 每日一省 刘畅然
    今天醒的很准时，没起来，看了一会儿手机。整体作息比前几天早了两个小时。下午连上了两节瑜伽小班课，累瘫了。天天看手机上，人家健身很轻松，没点基础，很多动作根本坚持不住。总结下来，跳绳这种轻健身运动比较适合我。才没多久，最明显的就是背部和腹部，看得见得效果。我真的不想夏天的时候穿衣服胳膊胖，肚子大，腿粗，我要坚持挑战自己。晚上听一个微课说，音乐可以刺激孩子右脑的开发，于是给闺女放着全脑音乐，陪着她一起
  • 走在春天的路上 不熄的火_413e
    时光流转，走过冬日严寒，便是春暖花开，岁月如歌，走过人生坎坷便会迎来生命中的春天。站在季节的端口，聆听岁月的心语，我仿佛听到了花开的声音。你听，春天的脚步近了，你看，春天就要来了，春带着明媚，将阳光洒向心海，春带着生机，将希望播种人间，春带着美好，在岁月的纸笺上写下五彩斑斓。春天是一场阳光的盛宴，是一幅多姿多彩的画卷，那青青的小草朝气蓬勃，那丝丝春雨滋润着生命，那柔柔的春风吹散阴霾，那待放的花朵装
  • 42岁女明星的老公出轨，这种狗血新闻，居然让我鼻子一酸 逆刘而上l
    来源l逆刘而上（ID：yuanyuankaoshi）01很辛苦的秋瓷炫如果，没有人爱你，这到底是多痛苦的一件事？秋瓷炫的新闻刺痛我了。电视剧《回家的诱惑》里林品如的扮演者，秋瓷炫，在剧里被百般虐待。丈夫出轨，闺蜜背叛，婆婆刁难，重击之下，孩子也没了。现实生活中，没想到也有如此波折。她的老公于晓光，疑似出轨。被拍到深夜在酒吧玩，散场的时候上车，跟女生搂搂抱抱。揽着女生的腰，让对方坐在自己的大腿上满脸
  • 一文看懂NTP协议 Neolock 网络协议网络协议ntp网络
    最近碰到一个NTP协议相关的题，卡了很久，才发现一直在用的NTP协议完全不了解他的原理，遂学习并总结一下1.NTP概述NTP（NetworkTimeProtocol）是一种用于同步计算机系统时钟的网络协议，旨在通过分层架构和精密算法，将设备时间同步至全球协调时间（UTC），精度可达毫秒甚至微秒级。其核心目标是通过减少时钟偏差和网络延迟影响，确保分布式系统的时间一致性2.NTP分层架构（Stratu
  • JAVA反序列化深入学习（三）：CommonsCollections1 Neolock 漏洞原理JAVA反序列化java网络安全反序列化
    ApacheCommonsCollections是一个扩展了Java标准库里的Collection结构的第三方基础库，它提供了很多强有力的数据结构类型并实现了各种集合工具类。作为Apache开源项目的重要组件，被广泛运用于各种Java应用的开发。目录JAVA环境依赖版本检查依赖配置资源下载前置知识AbstractMapDecoratorTransformedMapdecoratetransform
  • 日常复盘2021-12-21 S的学习笔记
    盘前本以为要释放的情绪，现在看来反而是震荡走高。高度板连板率越来越高，我觉得是注意风险的同时可以博弈一把。当所有人觉得情绪过高，要清仓保持冷静的时候，也容易踏空。不过在上周四的拐点没有冲的话，后边就低仓位参与好了。毕竟风险真的释放的话，参照图中第3、4、5个情绪点。获利盘成本低的难以想象，随便砸跌停都是赚钱。最好的方法就是看看辨识度高的高度板有没有强势的可以打一笔。现在的高度连板率达到90%，闭着
  • 可复制的沟通力1 晨晨果
    一、学有所获好吧！我必须承认这是我第二次听这个课程。第一次听的时候虽然是一边做家务，一边听的，感觉很震撼，三观有被震到，尤其是【富足心态和匮乏心态】、【荣格“当潜意识没有进入到你的意识，就是命运”】这两点记忆犹新。现在听虽没初次听时那么惊喜、那么有震撼力，但看大家的作业和点评缺却精彩纷呈。尤其是关于【选择】这个话题，既是当初遗漏的重要知识点，也让自己感同身受。为什么与同事沟通达不了共识?为什么与最
  • 曝光!聊天软件通达oa炒股票交流群不靠谱！老师都是骗子别被带进杀猪盘了！ 咨询张经理
    曝光!聊天软件通达oa炒股票交流群不靠谱！老师都是骗子别被带进杀猪盘了！股票群数字十选五投票诈骗！慈善公益投票名义行骗！投资有风险，入市需谨慎！现在国家打击电信诈騙严厉，但是还是有很多不法分子在境外对国内用户实施网络诈騙，先以蝇头小利诱导客户，然后慢慢的把客户騙的倾家荡产。为了更好的让客户上当受騙，这些境外资金盘都会冒充一些国内知名经济学家教授，牛散，企业或者股市大咖作为资金盘app名称或者喊单老
  • 1、据说，马云在东京教书，难道那里是他的归宿？我最终的归宿在哪里呢？ 2、《我在美丽的东京》选自我2005～2008年创作的散文选集《会有天使替我守护你》。 作品推荐：《法兰西简史》。 逸海归舟... 归海逸舟是周成功子阳佳乐
    1、据说，马云在东京教书，难道那里是他的归宿？我最终的归宿在哪里呢？2、《我在美丽的东京》选自我2005～2008年创作的散文选集《会有天使替我守护你》。作品推荐：《法兰西简史》。逸海归舟是周成功子阳佳乐函
  • 婚姻失败，不是你找错了人，而是你处错了关系。——《假性亲密关系》 三爷的沙漠
    在日本东京奥运乒乓球比赛的转播中，前日本国手福原爱以解说员的身份，再次出现在大众面前。仍被离婚风波困扰的爱酱，谈及往事还是一副痛苦的模样，令一众网友十分心疼。这段失败的婚姻，让曾经可爱纯真的瓷娃娃变成了如今的怨妇，也让大家慨叹爱酱遇人不淑。当初的甜蜜结合有多美好，如今的黯然分离就有多残忍！每一段婚姻的失败，真的是因为我们未遇良人么？对此，心理科普作者史秀雄在他所著的《假性亲密关系》一书中明确指出“
  • 看电影 卜悠悠
    朋友约看电影，最好时间段的几乎全满座了。不知道是不是跟我们一样，因为刘若英而去。劳累的一周。身心俱疲。
  • 2018-11-15 面对误解和仇恨 ，一笑而过是一种坦然宽容 騎車攆曹操
    No.1不能强迫别人来爱自己，只能努力让自己成为值得爱的人，其余的事情则靠缘分。No.2面对误解和仇恨，一笑而过是一种坦然宽容，然后保持本色，这是一种达观。No.3敢于尝试，就等于你已经卖出了成功的第一步，人生就是不停的战斗，直到生命尽头。No.4不去拼你不会知道未来多么辉煌，你可以一败涂地，但必须东山再起。No.5一直一直向前冲，永不回头，你还未一无所有，因此你没有资本说放弃。No.6生活总是让
  • 数据可视化——折线图 殇城碎梦. python基础学习python
    #导入所需要的包importmatplotlib.pyplotasplt#设置图表样式plt.style.use('seaborn-v0_8')#增强中文字体配置-添加更多系统字体确保兼容性#增强中文字体配置-优先Windows系统常用字体plt.rcParams["font.family"]=["sans-serif"]plt.rcParams["font.sans-serif"]=["SimH
  • 本科大学生未雨绸缪：破解 Java 开发 35 岁中年危机的全程攻略 培风图南以星河揽胜 java解忧杂谈java
    在当今竞争激烈且技术迭代迅速的IT行业，“35岁中年危机”似乎成为了悬在Java开发人员头上的一把达摩克利斯之剑。根据最新的行业报告，40%的IT从业者在35岁左右面临职业瓶颈，而Java开发领域由于其普及性和竞争激烈程度，更是成为重灾区。对于本科大学生而言，虽然距离35岁尚有一段时日，但提前规划，未雨绸缪，才能在未来的职业生涯中更好地应对可能出现的危机。本文将从多个维度为本科大学生提供Java开
  • Git - 配置并使用多个SSH KEY(2)
    4.http协议http/s协议：超文本传输协议优点：简便缺点：效率更低$gitclonehttps://gitlab.com/xxxxxxxx/text.git从上面的对比结果来看，用ssh协议确实更有优势。当然，这并不是本文想要重点阐述的问题。我们在使用ssh协议的时候，需要生成sshkey，如果多个平台(例如同时使用GitHub和Gitlab)都要使用ssh，那么就要生成多组sshkey并进
  • 基于Python+Vue的个性化教学可视化系统设计与实现django 源码哆哆*V+ymhydo 毕设pythonvue.jsdjango
    文章目录前言系统实现效果前台用户功能模块后台管理功能模块Python技术介绍Django框架介绍预期达到的目标设计思路详细视频演示技术路线解决的思路性能/安全/负载方面可行性分析论证为什么选择我们
  • 记忆最后三个月，妻子在外风花雪月(傅初雪江黎)已完结小说全集_记忆最后三个月，妻子在外风花雪月(傅初雪江黎)都市言情必读_记忆最后三个月，妻子在外风花雪月(傅初雪江黎) 神书阁
    记忆最后三个月，妻子在外风花雪月(傅初雪江黎)已完结小说全集_记忆最后三个月，妻子在外风花雪月(傅初雪江黎)都市言情必读_记忆最后三个月，妻子在外风花雪月(傅初雪江黎)主角：傅初雪江黎简介：暗恋校花的第三年，我洒脱的放弃了，跟一直追在我身后的傅初雪结了婚。五年婚姻，我为她掏心掏肺，她却开始夜不归宿，直到我在她的电脑里发现一段视频。“我根本不爱江黎，追他不过是为了证明校花再漂亮也抢不过我，嫁他更是因
  • 0基础学画画（稀疏草原），连载75/100天 大鱼漫说
    大家好，我是大鱼漫说，你们可以叫我大鱼，我现在是一位零基础学习绘画的程序员。每日一问~小鱼问：procreate有哪些好用的快捷键吗？我每次都是去一个一个点击选择。大鱼答：有，最常用的就是撤退和前进，两个手指单击就是撤退，三个手指单击就是快进；再有就是三指上划，可以打开设置键，选择复制、粘贴、剪切等；四指点击屏幕是全屏，两指捏合可以快速放大缩小。这些差不多就够用了，其他的大鱼用的也比较少。打卡画画
  • 2024《逃脱 탈주》韩国电影【1080p韩语中字】免费在线观看完整未删减版夸克网盘高清迅雷百度云网盘资源 优惠攻略官
    《逃脱》（韩语：탈주，英语：Escape）是一部2024年上映的韩国动作电影，由李宗弼执导，李帝勋和具教焕主演。这部电影讲述了朝鲜士兵圭南（由李帝勋饰演）梦想着越过铁栏杆，逃离朝鲜追求自由的故事。在逃亡过程中，他与决心阻止他的朝鲜保卫部军官贤尚（由具教焕饰演）之间展开了一场紧张的逃亡与追击战。提示：文章排版原因，观影资源链接地址放在文章结尾，往下翻就行提示：文章排版原因，观影资源链接地址放在文章结
  • 警察蜀黍没教过你的这条反诈秘籍 木门_
    不少人心里都充满着这样的疑问：为什么街头巷尾都是宣传防骗的海报、标语？为什么社区民警整天不厌其烦的，像保险推销员一样上门发小传单？为什么要让我们装各种App、小程序，关注各种反诈公众号、视频号？诈骗案件真的那么多吗？而且，这些骗术太容易识别了吧？怎么会有那么多傻子？在宣传防诈骗的工作中，我听到群众说的最多的三种回应是：①不贪心不就不会被骗了吗？这些人，就是爱贪小便宜，活该！②我没钱可骗，怕什么？你
  • 每日面试题08:wait()和sleep()的区别
    Java多线程核心：wait()与sleep()的区别与应用场景详解在Java多线程编程中，wait()和sleep()是两个控制线程执行流程的重要方法，但它们的设计定位和使用场景截然不同。本文将从底层机制、调用条件、锁行为、异常处理等维度深入解析两者的差异，并结合实际场景说明如何选择使用。一、前置知识：线程的状态与同步机制在理解wait()和sleep()前，需要明确两个基础概念：线程状态：Ja
  • 【iOS】锁[特殊字符]
    文章目录前言1️⃣什么是锁？1.1基本概念1.2锁的分类2️⃣OC中的常用锁2.1OSSpinLock（已弃用）：“自旋锁”的经典代表为什么尽量在开发中不使用自旋锁自旋锁的本质缺陷：忙等待（BusyWaiting）os_unfair_lock的局限性：不适用于复杂场景苹果的官方建议：优先使用更高效的锁2.2dispatch_semaphore_t（GCD信号量）：“高性能通用锁”2.3pthrea
  • C++之constexpr和常量表达式 掘根 c++开发语言
    常量表达式常量表达式(constexpression)是指值不会改变并且在编译过程就能得到计算结果的表达式。显然，字面值属于常量表达式，用常量表达式初始化的const对象也是常量表达式。后面将会提到，C++语言中有几种情况下是要用到常量表达式的。一个对象(或表达式)是不是常量表达式由它的数据类型和初始值共同决定，例如：constintmax_files=20;//max_files是常量表达式co
  • 天呐！创投杯量化私募周一丰马建军不能提现大揭秘!投资被骗可追回 公正公平
    我们接到多起投资者举报，称有人冒充知名财经分析师（知名人物大学教授经济学家，上市企业公司及项目和高管)【创投杯量化私募周一丰马建军】，利用【创投杯量化私募周一丰马建军】的声誉和影响力进行诈骗活动。当你看到这篇文章的时候说明你正深陷一场精心准备的騙局之中！如果是还没有投资，千万不要抱有侥幸心理，一定要及时远离！一定不要打草惊蛇一旦遭遇下述相关投资交易资金出不来及时求助文章最下方联系电话！骗子冒充银龙
  • 今年的List又可以划掉一项了 爱做梦的水瓶座怪小孩
    2018.10.20乌镇西栅游客中心年华似水匆匆一瞥，多少岁月轻描淡写。今天的乌镇好是热闹，当乌镇遇到戏剧节，一些都变得沸腾起来了。
  • 【考公资料】最新2026公考资料大汇总，公考背诵材料，岗位面试题合集，持续更新。 xiaopengbc 考公面试职场和发展
    我觉得主要是因为复习对应着考试吧。一般预习是在正式学知识前，大致了解一下，有利于正式学的时候心中有数。复习就是为了这个考试而看书学习，目的是为了参加考试，而不是大致了解。不过放心吧，大多数人都是提前几个月看书，不会把战线拉的特别久，你现在开始准备复习就好啦。因为很网盘内容太多了文件太大了，需要开通网盘会员才能存储，所以我这里分享了非会员的领取方式，可以扩大网盘空间。【必需使用手机转存】，才可以领取
  • 他居然把红色用活了，果然是大师，王沂东画的女人姿态妖娆不艳俗 净心斋书画馆
    他居然把红色用活了，果然是大师，王沂东画的女人姿态妖娆不艳俗！独立思考，这是近代很多画家都提倡的，他也是一些前辈们，他们再油画领域做出了巨大贡献，是我国近代油画发展的前驱人物，卡门经常关注的话题就是如何独立思考。这是一个画家应该考虑的问题，还有一个问题就是作为画家如何才能画出一副优秀的作品，能引导后世画家的优秀作品，然而油画创作即使很简单，根本不需要花费太大的心思，很多人之所以创作出不来，大多眼高
  • 冷门生意有哪些?十大冷门生意利润高推荐_ 测评君高省
    时代飞速发展，难免导致现代人生活节奏较快，物价不断地上涨，成年人为了改善生活、为了养家糊口，不得不工作挣钱。如果想时间自由支配，收入高且不用那么劳累，可以尝试一些低成本但利润高的小生意。高省APP佣金更高，模式更好，终端用户不流失。【高省】是一个自用省钱佣金高，分享推广赚钱多的平台，百度有几百万篇报道，也期待你的加入。古楼导师高省邀请码518518，注册送2皇冠会员，送万元推广大礼包，教你如何1年
  • 宗毅说 | 乌卡瑟时代的生存思考 裂变学院
    今天，互联网经济、人工智能、全球化发展对我们的影响，要比我们想象得大得多。在多股合力的相互作用下，这个时代的社会特征、商业特征与之前相比显著不同，我称之为乌卡瑟“VUCASE”。备注：乌卡瑟（VUCASE）这个术语是我自创的，来自于乌卡(VUKA）。VUCA是Volatility(易变性)，Uncertainty(不确定性)，Complexity(复杂性)、Ambiguity（模糊性）这四个英文单
  • 钱的故事 蟹先生的咖啡屋
    钱的故事picturefromwww.pexels.com昨天看到一句话，大意是“钱在不断地流通，遇到过许多人，许多事。”一百的人民币肯定没有一元硬币的经历有趣，即使它的价值是百元的百分之一。坐公交，坐地铁，常常会用到一元硬币；足球比赛开球的优先权，也会用到一元人硬币；就算在街角，乞丐的碗里，也会有许多一元硬币。在不知名的小乡村，买菜用的大都是一元一角；在许愿池子里，也有许多一元硬币。孩子常常玩一
  • ztree异步加载 3213213333332132 JavaScriptAjaxjsonWebztree
    相信新手用ztree的时候,对异步加载会有些困惑，我开始的时候也是看了API花了些时间才搞定了异步加载，在这里分享给大家。 我后台代码生成的是json格式的数据，数据大家按各自的需求生成，这里只给出前端的代码。 设置setting，这里只关注async属性的配置 var setting = { //异步加载配置
  • thirft rpc 具体调用流程 BlueSkator 中间件rpcthrift
    Thrift调用过程中，Thrift客户端和服务器之间主要用到传输层类、协议层类和处理类三个主要的核心类，这三个类的相互协作共同完成rpc的整个调用过程。在调用过程中将按照以下顺序进行协同工作：         （1）     将客户端程序调用的函数名和参数传递给协议层（TProtocol），协议
  • 异或运算推导, 交换数据 dcj3sjt126com PHP异或^
    /* * 5 0101 * 9 1010 * * 5 ^ 5 * 0101 * 0101 * ----- * 0000 * 得出第一个规律: 相同的数进行异或, 结果是0 * * 9 ^ 5 ^ 6 * 1010 * 0101 * ---- * 1111 * * 1111 * 0110 * ---- * 1001
  • 事件源对象 周华华 JavaScript
    <!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/1999/xhtml&q
  • MySql配置及相关命令 g21121 mysql
            MySQL安装完毕后我们需要对它进行一些设置及性能优化，主要包括字符集设置，启动设置，连接优化，表优化，分区优化等等。           一 修改MySQL密码及用户      
  • [简单]poi删除excel 2007超链接 53873039oycg Excel
          采用解析sheet.xml方式删除超链接，缺点是要打开文件2次,代码如下:      public void removeExcel2007AllHyperLink(String filePath) throws Exception { OPCPackage ocPkg = OPCPac
  • Struts2添加 open flash chart 云端月影
    准备以下开源项目： 1. Struts 2.1.6 2. Open Flash Chart 2 Version 2 Lug Wyrm Charmer (28th, July 2009) 3. jofc2，这东西不知道是没做好还是什么意思，好像和ofc2不怎么匹配，最好下源码，有什么问题直接改。 4. log4j 用eclipse新建动态网站，取名OFC2Demo，将Struts2 l
  • spring包详解 aijuans spring
    下载的spring包中文件及各种包众多，在项目中往往只有部分是我们必须的，如果不清楚什么时候需要什么包的话，看看下面就知道了。 aspectj目录下是在Spring框架下使用aspectj的源代码和测试程序文件。Aspectj是java最早的提供AOP的应用框架。 dist 目录下是Spring 的发布包，关于发布包下面会详细进行说明。 docs&nb
  • 网站推广之seo概念 antonyup_2006 算法Web应用服务器搜索引擎Google
       持续开发一年多的b2c网站终于在08年10月23日上线了。作为开发人员的我在修改bug的同时，准备了解下网站的推广分析策略。     所谓网站推广，目的在于让尽可能多的潜在用户了解并访问网站，通过网站获得有关产品和服务等信息，为最终形成购买决策提供支持。     网站推广策略有很多，seo，email，adv
  • 单例模式,sql注入,序列 百合不是茶 单例模式序列sql注入预编译
      序列在前面写过有关的博客,也有过总结,但是今天在做一个JDBC操作数据库的相关内容时 需要使用序列创建一个自增长的字段  居然不会了,所以将序列写在本篇的前面    1,序列是一个保存数据连续的增长的一种方式; 序列的创建; CREATE SEQUENCE seq_pro 2 INCREMENT BY 1 -- 每次加几个 3
  • Mockito单元测试实例 bijian1013 单元测试mockito
    Mockito单元测试实例： public class SettingServiceTest { private List<PersonDTO> personList = new ArrayList<PersonDTO>(); @InjectMocks private SettingPojoService settin
  • 精通Oracle10编程SQL(9)使用游标 bijian1013 oracle数据库plsql
    /* *使用游标 */ --显示游标 --在显式游标中使用FETCH...INTO语句 DECLARE CURSOR emp_cursor is select ename,sal from emp where deptno=1; v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; begin ope
  • 【Java语言】动态代理 bit1129 java语言
      JDK接口动态代理 JDK自带的动态代理通过动态的根据接口生成字节码(实现接口的一个具体类)的方式，为接口的实现类提供代理。被代理的对象和代理对象通过InvocationHandler建立关联   package com.tom; import com.tom.model.User; import com.tom.service.IUserService;
  • Java通信之URL通信基础 白糖_ javajdkwebservice网络协议ITeye
    java对网络通信以及提供了比较全面的jdk支持，java.net包能让程序员直接在程序中实现网络通信。 在技术日新月异的现在，我们能通过很多方式实现数据通信，比如webservice、url通信、socket通信等等，今天简单介绍下URL通信。 学习准备：建议首先学习java的IO基础知识   URL是统一资源定位器的简写，URL可以访问Internet和www，可以通过url
  • 博弈Java讲义 - Java线程同步 (1) boyitech java多线程同步锁
      在并发编程中经常会碰到多个执行线程共享资源的问题。例如多个线程同时读写文件，共用数据库连接，全局的计数器等。如果不处理好多线程之间的同步问题很容易引起状态不一致或者其他的错误。    同步不仅可以阻止一个线程看到对象处于不一致的状态，它还可以保证进入同步方法或者块的每个线程，都看到由同一锁保护的之前所有的修改结果。处理同步的关键就是要正确的识别临界条件（cri
  • java-给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。 bylijinnan java
    public class DeleteExtraSpace { /** * 题目：给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。 * 方法1.用已有的String类的trim和replaceAll方法 * 方法2.全部用正则表达式，这个我不熟 * 方法3.“重新发明轮子”，从头遍历一次 */ public static v
  • An error has occurred.See the log file错误解决！ Kai_Ge MyEclipse
    今天早上打开MyEclipse时，自动关闭！弹出An error has occurred.See the log file错误提示！ 很郁闷昨天启动和关闭还好着！！！打开几次依然报此错误，确定不是眼花了！ 打开日志文件！找到当日错误文件内容： --------------------------------------------------------------------------
  • [矿业与工业]修建一个空间矿床开采站要多少钱? comsci
           地球上的钛金属矿藏已经接近枯竭...........        我们在冥王星的一颗卫星上面发现一些具有开采价值的矿床.....        那么,现在要编制一个预算,提交给财政部门..
  • 解析Google Map Routes dai_lm google api
    为了获得从A点到B点的路劲，经常会使用Google提供的API，例如 [url] http://maps.googleapis.com/maps/api/directions/json?origin=40.7144,-74.0060&destination=47.6063,-122.3204&sensor=false [/url] 从返回的结果上，大致可以了解应该怎么走，但
  • SQL还有多少“理所应当”？ datamachine sql
    转贴存档，原帖地址：http://blog.chinaunix.net/uid-29242841-id-3968998.html、http://blog.chinaunix.net/uid-29242841-id-3971046.html！ ------------------------------------华丽的分割线--------------------------------
  • Yii使用Ajax验证时，如何设置某些字段不需要验证 dcj3sjt126com Ajaxyii
    经常像你注册页面,你可能非常希望只需要Ajax去验证用户名和Email,而不需要使用Ajax再去验证密码,默认如果你使用Yii 内置的ajax验证Form,例如: $form=$this->beginWidget('CActiveForm', array(        'id'=>'usuario-form',&
  • 使用git同步网站代码 dcj3sjt126com crontabgit
    转自:http://ued.ctrip.com/blog/?p=3646?tn=gongxinjun.com   管理一网站，最开始使用的虚拟空间，采用提供商支持的ftp上传网站文件，后换用vps，vps可以自己搭建ftp的，但是懒得搞，直接使用scp传输文件到服务器，现在需要更新文件到服务器，使用scp真的很烦。发现本人就职的公司，采用的git+rsync的方式来管理、同步代码，遂
  • sql基本操作 蕃薯耀 sqlsql基本操作sql常用操作
    sql基本操作 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月1日 17:30:33 星期一     &
  • Spring4+Hibernate4+Atomikos3.3多数据源事务管理 hanqunfeng Hibernate4
    Spring3+后不再对JTOM提供支持，所以可以改用Atomikos管理多数据源事务。Spring2.5+Hibernate3+JTOM参考：http://hanqunfeng.iteye.com/blog/1554251Atomikos官网网站：http://www.atomikos.com/   一.pom.xml <dependency> <
  • jquery中两个值得注意的方法one()和trigger()方法 jackyrong trigger
      在jquery中，有两个值得注意但容易忽视的方法，分别是one()方法和trigger()方法,这是从国内作者<<jquery权威指南》一书中看到不错的介绍 1） one方法     one方法的功能是让所选定的元素绑定一个仅触发一次的处理函数，格式为    one(type,${data},fn) &nb
  • 拿工资不仅仅是让你写代码的 lampcy 工作面试咨询
    这是我对团队每个新进员工说的第一件事情。这句话的意思是，我并不关心你是如何快速完成任务的，哪怕代码很差，只要它像救生艇通气门一样管用就行。这句话也是我最喜欢的座右铭之一。 这个说法其实很合理：我们的工作是思考客户提出的问题，然后制定解决方案。思考第一，代码第二，公司请我们的最终目的不是写代码，而是想出解决方案。 话粗理不粗。 付你薪水不是让你来思考的，也不是让你来写代码的，你的目的是交付产品
  • 架构师之对象操作----------对象的效率复制和判断是否全为空 nannan408 架构师
    1.前言。   如题。 2.代码。 (1)对象的复制，比spring的beanCopier在大并发下效率要高，利用net.sf.cglib.beans.BeanCopier Src src=new Src(); BeanCopier beanCopier = BeanCopier.create(Src.class, Des.class, false);
  • ajax 被缓存的解决方案 Rainbow702 JavaScriptjqueryAjaxcache缓存
    使用jquery的ajax来发送请求进行局部刷新画面，各位可能都做过。 今天碰到一个奇怪的现象，就是，同一个ajax请求，在chrome中，不论发送多少次，都可以发送至服务器端，而不会被缓存。但是，换成在IE下的时候，发现，同一个ajax请求，会发生被缓存的情况，只有第一次才会被发送至服务器端，之后的不会再被发送。郁闷。 解决方法如下： ① 直接使用 JQuery提供的 “cache”参数，
  • 修改date.toLocaleString()的警告 tntxia String
      我们在写程序的时候，经常要查看时间，所以我们经常会用到date.toLocaleString()，但是date.toLocaleString()是一个过时 的API，代替的方法如下：   package com.tntxia.htmlmaker.util; import java.text.SimpleDateFormat; import java.util.
  • 项目完成后的小总结 xiaomiya js总结项目
    项目完成了，突然想做个总结但是有点无从下手了。 做之前对于客户端给的接口很模式。然而定义好了格式要求就如此的愉快了。 先说说项目主要实现的功能吧 1，按键精灵 2，获取行情数据 3，各种input输入条件判断 4，发送数据（有json格式和string格式） 5，获取预警条件列表和预警结果列表， 6，排序， 7，预警结果分页获取 8，导出文件（excel，text等） 9，修
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他