chyykk
chyykk

js实现一个自定义的滚动条

  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>div模拟的自定义滚动条title>  
<style type="text/css">  
* {  
    margin: 0;  
    padding: 0;  
}  

p {  
    height: 1000px;  
}  

#mainBox {  
    width: 400px;  
    height: 500px;  
    border: 1px #bbb solid;  
    position: fixed; 
    top:10%;
    left:50%;
    overflow: hidden;  

}  

#content {  
    height: 2500px;  
    position: absolute;  
    left: 0;  
    top: 0;  
    background:url(img/scrollTest.jpg);  
}  

.scrollDiv {  
    width: 5px;  
    position: absolute;  
    top: 0;  
    background: #666;  
    border-radius: 10px;  
}  
style>  
head>  

<body>  
    <div id="mainBox">  
        <div id="content">div>  
    div>  
    <p>p>  
    <script type="text/javascript">  
        var doc = document;  
        var _wheelData = -1;  
        var mainBox = doc.getElementById('mainBox');  
        function bind(obj, type, handler) {  
            var node = typeof obj == "string" ? $(obj) : obj;  
            if (node.addEventListener) {  
                node.addEventListener(type, handler, false);  
            } else if (node.attachEvent) {  
                node.attachEvent('on' + type, handler);  
            } else {  
                node['on' + type] = handler;  
            }  
        }  
        function mouseWheel(obj, handler) {  
            var node = typeof obj == "string" ? $(obj) : obj;  
            bind(node, 'mousewheel', function(event) {  
                var data = -getWheelData(event);  
                handler(data);  
                if (document.all) {  
                    window.event.returnValue = false;  
                } else {  
                    event.preventDefault();  
                }  

            });  
            //火狐  
            bind(node, 'DOMMouseScroll', function(event) {  
                var data = getWheelData(event);  
                handler(data);  
                event.preventDefault();  
            });  
            function getWheelData(event) {  
                var e = event || window.event;  
                return e.wheelDelta ? e.wheelDelta : e.detail * 40;  
            }  
        }  

        function addScroll() {  
            this.init.apply(this, arguments);  
        }  
        addScroll.prototype = {  
            init : function(mainBox, contentBox, className) {  
                var mainBox = doc.getElementById(mainBox);  
                var contentBox = doc.getElementById(contentBox);  
                var scrollDiv = this._createScroll(mainBox, className);  
                this._resizeScorll(scrollDiv, mainBox, contentBox);  
                this._tragScroll(scrollDiv, mainBox, contentBox);  
                this._wheelChange(scrollDiv, mainBox, contentBox);  
                this._clickScroll(scrollDiv, mainBox, contentBox);  
            },  
            //创建滚动条  
            _createScroll : function(mainBox, className) {  
                var _scrollBox = doc.createElement('div')  
                var _scroll = doc.createElement('div');  
                var span = doc.createElement('span');  
                _scrollBox.appendChild(_scroll);  
                _scroll.appendChild(span);  
                _scroll.className = className;  
                mainBox.appendChild(_scrollBox);  
                return _scroll;  
            },  
            //调整滚动条  
            _resizeScorll : function(element, mainBox, contentBox) {  
                var p = element.parentNode;  
                var conHeight = contentBox.offsetHeight;  
                var _width = mainBox.clientWidth;  
                var _height = mainBox.clientHeight;  
                var _scrollWidth = element.offsetWidth;  
                var _left = _width - _scrollWidth;  
                p.style.width = _scrollWidth + "px";  
                p.style.height = _height + "px";  
                p.style.left = _left + "px";  
                p.style.position = "absolute";  
                p.style.background = "#ccc";  
                contentBox.style.width = (mainBox.offsetWidth - _scrollWidth)  
                        + "px";  
                var _scrollHeight = parseInt(_height * (_height / conHeight));  
                if (_scrollHeight >= mainBox.clientHeight) {  
                    element.parentNode.style.display = "none";  
                }  
                element.style.height = _scrollHeight + "px";  
            },  
            //拖动滚动条  
            _tragScroll : function(element, mainBox, contentBox) {  
                var mainHeight = mainBox.clientHeight;  
                element.onmousedown = function(event) {  
                    var _this = this;  
                    var _scrollTop = element.offsetTop;  
                    var e = event || window.event;  
                    var top = e.clientY;  
                    //this.onmousemove=scrollGo;  
                    document.onmousemove = scrollGo;  
                    document.onmouseup = function(event) {  
                        this.onmousemove = null;  
                    }  
                    function scrollGo(event) {  
                        var e = event || window.event;  
                        var _top = e.clientY;  
                        var _t = _top - top + _scrollTop;  
                        if (_t > (mainHeight - element.offsetHeight)) {  
                            _t = mainHeight - element.offsetHeight;  
                        }  
                        if (_t <= 0) {  
                            _t = 0;  
                        }  
                        element.style.top = _t + "px";  
                        contentBox.style.top = -_t  
                                * (contentBox.offsetHeight / mainBox.offsetHeight)  
                                + "px";  
                        _wheelData = _t;  
                    }  
                }  
                element.onmouseover = function() {  
                    this.style.background = "#444";  
                }  
                element.onmouseout = function() {  
                    this.style.background = "#666";  
                }  
            },  
            //鼠标滚轮滚动，滚动条滚动  
            _wheelChange : function(element, mainBox, contentBox) {  
                var node = typeof mainBox == "string" ? $(mainBox) : mainBox;  
                var flag = 0, rate = 0, wheelFlag = 0;  
                if (node) {  
                    mouseWheel(  
                            node,  
                            function(data) {  
                                wheelFlag += data;  
                                if (_wheelData >= 0) {  
                                    flag = _wheelData;  
                                    element.style.top = flag + "px";  
                                    wheelFlag = _wheelData * 12;  
                                    _wheelData = -1;  
                                } else {  
                                    flag = wheelFlag / 12;  
                                }  
                                if (flag <= 0) {  
                                    flag = 0;  
                                    wheelFlag = 0;  
                                }  
                                if (flag >= (mainBox.offsetHeight - element.offsetHeight)) {  
                                    flag = (mainBox.clientHeight - element.offsetHeight);  
                                    wheelFlag = (mainBox.clientHeight - element.offsetHeight) * 12;  

                                }  
                                element.style.top = flag + "px";  
                                contentBox.style.top = -flag  
                                        * (contentBox.offsetHeight / mainBox.offsetHeight)  
                                        + "px";  
                            });  
                }  
            },  
            _clickScroll : function(element, mainBox, contentBox) {  
                var p = element.parentNode;  
                p.onclick = function(event) {  
                    var e = event || window.event;  
                    var t = e.target || e.srcElement;  
                    var sTop = document.documentElement.scrollTop > 0 ? document.documentElement.scrollTop  
                            : document.body.scrollTop;  
                    var top = mainBox.offsetTop;  
                    var _top = e.clientY + sTop - top - element.offsetHeight  
                            / 2;  
                    if (_top <= 0) {  
                        _top = 0;  
                    }  
                    if (_top >= (mainBox.clientHeight - element.offsetHeight)) {  
                        _top = mainBox.clientHeight - element.offsetHeight;  
                    }  
                    if (t != element) {  
                        element.style.top = _top + "px";  
                        contentBox.style.top = -_top  
                                * (contentBox.offsetHeight / mainBox.offsetHeight)  
                                + "px";  
                        _wheelData = _top;  
                    }  
                }  
            }  
        }  
        new addScroll('mainBox', 'content', 'scrollDiv');  
    script>  
body>  
html>

你可能感兴趣的:(小功能实现方式)

  • vant组件库的按需导入导出 ordinary90 VUE前端全栈开发vue.js前端
    vant是一个基于Vue的移动端UI组件库，它提供了丰富的组件和样式，可以帮助我们快速构建移动端应用。在使用vant组件库时，可以通过按需导入导出的方式来减小打包体积，提高应用的性能。按需导入导出的原理是根据需要只加载使用到的组件和样式，而不是将整个组件库都打包到应用中。下面是一个使用vant组件库实现按需导入导出的详细解析和代码实例。安装vant组件库首先，在命令行中使用npm或者yarn安装v
  • STM32的DMA作用 嵌入式小强工作室 stm32嵌入式硬件单片机
    STM32的DMA（DirectMemoryAccess），即直接存储器存取，是一个重要的外设功能，它的主要作用是实现数据在外设和存储器之间或者存储器和存储器之间的高速传输，而无需CPU的干预。以下是对STM32的DMA作用的详细解释：数据高速传输：DMA能够在没有CPU参与的情况下，快速地将数据从一个地址传输到另一个地址。这种传输方式极大地提高了数据传输的速度，因为CPU无需在每个数据传输周期中
  • CAS一定有自旋吗？ IsToRestart java开发语言
    不一定，但是通常为了提高CAS的成功率，会考虑做自旋。最简单的自旋就是while(true)通常情况下，CAS操作都会采用自旋的方式，当CAS失败时，会重新尝试执行CAS操作，直到操作成功或达到最大重试次数为止。因为，CAS操作一般都是在多线程并发访问时使用，如果直接阻塞线程，会导致性能下降，而采用自旋的方式,可以让CPU空转一段时间，等待锁被释放，从而避免线程切换和阻塞的开销。但是，如果自旋时间
  • Java 异常处理 大哥的打嗝 JAVAjavajvmservlet
    Java是一种面向对象的编程语言，Java程序在运行时可能会发生各种异常，如空指针异常、文件读取异常、算术异常等。在Java中，异常是指程序运行时可能会发生的错误，例如输入不正确、内存不足等等，这些异常会影响程序的正常执行。因此，Java提供了异常处理机制来处理这些异常，以保证程序的稳定性和可靠性。Java中的异常处理机制是通过throw和try-catch语句实现的。在Java中，throw语句
  • ubuntu GRPC protobuf 环境安装 zhurui_xiaozhuzaizai 我的经验linux系统linuxubuntubash
    个人开发机：申请完后进去：passwd设置密码#如果cmake低于3.15，gcc/g++低于7.0，请根据文档进行安装。查看版本的方式cmake-version#检查cmake版本gcc-v#检查gcc/g++版本g++-v1cmake安装与使用sudoapt-getautoremovecmakewgethttps://cmake.org/files/v3.23/cmake-3.23.0-lin
  • springboot3.x集成nacos 并实现多环境配置 web13595609705 javaspringbootspring
    一、springboot版本springboot3.0.x和springboot3.1.x可直接使用nacos-config-spring-boot-starter包。springboot>=3.2.x需要使用spring-cloud-starter-alibaba-nacos-config包，因为常规包在我发布该文时nacos官方还没更新，已更新的版本只支持到3.1.x，cloud的包2024年
  • 大神教你用Python实现Wake On Lan远程开机功能 云计算运维工程师 技术干活
    这篇文章主要介绍了使用Python实现WakeOnLan远程开机功能，文中给大家补充介绍了python通过wakeonlan唤醒内网电脑开机，非常不错，感兴趣的朋友跟随小编一起学习吧Wake-On-LAN简称WOL，是一种电源管理功能；如果存在网络活动，则允许设备将操作系统从待机或休眠模式中唤醒。许多主板厂商支持IBM提出的网络唤醒标准。该标准允许网络管理员远程打开PC机电源，以便进行文件升级、资
  • 深入理解主键和外键：数据库设计的基石 qcidyu 文章归档数据建模数据约束关系型数据库数据完整性数据库设计外键主键
    title:深入理解主键和外键：数据库设计的基石date:2025/1/18updated:2025/1/18author:cmdragonexcerpt:在现代信息系统中，数据的管理和存储是至关重要的。关系数据库作为一种广泛使用的数据存储方式，其设计的合理性直接影响到数据的完整性和系统的性能。在关系数据库中，主键和外键是实现数据完整性和表之间关系的基础。理解这两个概念对于数据库设计师和开发者来说
  • C#+ckeidtor5实现图片上传 假装我不帅 dotnetjsc#ckeditor5
    index.htmlCkEditor5html,body{width:100%;height:100%;}.editor-container{width:100%;height:100%;}#editor{width:100%;height:100%;}HelloWorld!ClassicEditor.create(document.querySelector('#editor'),{licens
  • 利用代理模式实现日志功能 郭亚航 java框架代理日志输出
    场景实现一个类，该类实现了数学四则运算，实现日志功能，每次调用对应的运算时，输出相应的日志基本功能接口packagecom.javase.thread;publicinterfaceArithmetic{publicintadd(inti,intj);publicintsub(inti,intj);publicintmul(inti,intj);publicintdiv(inti,intj);}接
  • 手摸手系列之---camel ftp监听接收解析xml报文并入库生成Java对象实战 码上艺术家 camelxmlcamel
    前言版本：SpringBoot2.4camel3.5.0最近在做跟一个第三方系统的对接，主要流程就是对方生成XML格式的报文，需要我方将其报文发送到海关申报，然后将申报完的数据再组装成XML报文格式发回到对方的FTP服务器。功能其实挺简单，用Apache的camel-ftp很容易就能实现，下面看看具体如何做吧。一、引入camel依赖：org.apache.camel.springbootcamel
  • IoTDB 升级后 Trigger 不可用 铁头乔 iotdb数据库时序数据库开源
    问题现象目前将IoTDB1.3.2版本升级到了1.3.3（通过替换lib的方式）。替换后发现原有触发器，showtriggers显示active，但实际并未生效。卸载安装后依旧无法监听路径上的插入数据，不知道触发器逻辑是否有变更？没有发现异常日志，回退1.3.2版本后正常。原因ApacheTsFile目前已经独立成了一个项目，原来在TsFile下的类的包名都发生了变化，因此Trigger中依赖的T
  • 代理模式和简单实现 on_the_roadZZZ 代理模式
    代理模式和简单实现代理模式动态代理和静态代理静态代理代码动态代理JDK动态代理CGLIB动态代理两种动态代理的区别动态代理的应用动态和静态代理的区别代理模式代理模式是一种结构型设计模式，其目的是通过创建一个代理对象来控制对另一个对象的访问。代理对象充当了被代理对象的中间人，客户端通过代理对象来间接访问被代理对象，从而可以在访问被代理对象前后进行一些额外的操作。代理模式通常涉及三种角色：抽象接口（S
  • 【前端】20种 Button 样式 m0_74823264 vip1024p前端
    20种Button样式在前端开发中，Button按钮的样式设计是提升用户交互体验的重要一环。以下是20种常见的Button样式，这些样式主要基于CSS实现，可以根据具体需求进行调整和组合。1.默认样式CSS样式：.button{background-color:#007bff;color:#fff;border:1pxsolid#007bff;}2.扁平样式CSS样式：.button{backgr
  • Git基本操作 宠物与不尤编程 git
    Git是一个分布式版本控制系统，它可以追踪文件的变化，并记录文件的历史版本。以下是Git的基本概念和使用方式：仓库（Repository）：Git仓库是存储代码和文件的地方，可以是本地仓库或远程仓库。本地仓库存储在本地计算机上，而远程仓库存储在远程服务器上。分支（Branch）：分支是Git中的重要概念。在创建仓库时，会自动创建一个默认的主分支（通常是master）。除了主分支外，可以创建其他分支
  • PyWakeOnLan：Python 实现的轻量级 Wake-on-LAN 工具 郁虹宝Lucille
    PyWakeOnLan：Python实现的轻量级Wake-on-LAN工具pywakeonlanAsmallpythonmoduleforwakeonlan.项目地址:https://gitcode.com/gh_mirrors/py/pywakeonlan项目基础介绍与编程语言PyWakeOnLan是一个由RemcoHaszing开发的小巧且易于使用的Python模块，专门用于实现Wake-on
  • AUTOSAR汽车电子嵌入式编程精讲300篇-智能网联汽车CAN总线-基于电压信号的CAN总线入侵检测系统设计与实现 格图素书 汽车网络
    目录前言入侵检测系统研究现状入侵检测系统建模CAN总线入侵检测威胁模型DeepSVDD模型入侵检测系统方案设计挑战和解决方案差分信号的采集与处理差分信号的特征提取入侵检测模型的设计入侵检测系统性能评估实验环境设置不同的车辆状态不同数量的攻击目标不同发送频率的攻击消息DeepSVDD模型与SVDD模型的比较本文篇幅较长，分为多篇，文章索引详见智能网联汽车CAN总线-发展现状智能网联汽车CAN总线-智
  • 推荐3D UNet实现：深度学习3D体素数据语义分割的利器！ 滑辰煦Marc
    推荐3DUNet实现：深度学习3D体素数据语义分割的利器！去发现同类优质开源项目:https://gitcode.com/在这个快速发展的深度学习时代，3DUNet已经成为3D图像处理领域中不可或缺的工具，尤其在医疗影像分析和3D物体识别等任务上展现出强大的潜力。这个开源项目为我们提供了一个高效、灵活的3DUNet实现，支持Tensorflow、PyTorch和Chainer三种主流深度学习框架。
  • 3D U-Net CNN医学图像分割项目教程 尤辰城Agatha
    3DU-NetCNN医学图像分割项目教程3DUnetCNNPytorch3DU-NetConvolutionNeuralNetwork(CNN)designedformedicalimagesegmentation项目地址:https://gitcode.com/gh_mirrors/3d/3DUnetCNN1.项目介绍3DU-NetCNN是由Ellisdg开发的Python实现，专门用于医学图像
  • 开源项目PyWakeOnLan常见问题解答 李申山
    开源项目PyWakeOnLan常见问题解答pywakeonlanAsmallpythonmoduleforwakeonlan.项目地址:https://gitcode.com/gh_mirrors/py/pywakeonlan项目基础介绍PyWakeOnLan是一个轻量级的Python模块，用于实现Wake-on-LAN（WOL）功能。通过这个工具，开发者可以方便地发送魔包信号来远程唤醒支持WOL
  • 【RPC方案调研】Grpc 嵌入式移植流程 背着书包狂奔 架构设计c++软件架构师
    由于项目需求，准备在嵌入式上使用rpc方案，调研了多个方案，最终由于Grpc和protobuf天然的亲和性，决定对Grpc进行移植。Grpc地址：https://github.com/grpc/grpcGrpc的交叉编译支持三种方式：bazel，cmake，makefile；bazel由于编译太麻烦，主要适合google内部，直接放弃了，本文主要讲解基于cmake的交叉编译方式，makefile也
  • 前端HTML-将进酒 dgw2648633809 前端html
    要求：实现：将进酒body{font-family:Arial,sans-serif;}h2{text-align:center;}p{text-indent:2em;margin:10px0;}img{float:left;margin-right:20px;}将进酒君不见黄河之水天上来君不见黄河之水天上来，奔流到海不复回。君不见高堂明镜悲白发，朝如青丝暮成雪。人生得意须尽欢，莫使金樽空对月。天
  • 前端HTML-网上转账电子账单 dgw2648633809 前端html
    要求：实现：工商银行电子汇款单table{border-collapse:collapse;width:100%;}th,td{border:1pxsolidblack;padding:8px;text-align:left;}th{background-color:#f2f2f2;}工商银行电子汇款单回单类型网上转账汇款指令序号HQH00000000000000013878172收款人户名老牟付
  • 自学记录鸿蒙API 13：PreviewKit从文件预览到应用开发 harmonyos-next
    学习了一些API13之后，我决定研究一下PreviewKit（文件预览服务）。这个模块可以快速预览多种文件类型，包括文本、图片、视频、音频和PDF等，为文件管理类应用提供了系统级支持。这次学习不仅是技术上的积累，更是个人能力的全面提升。我会从实际开发的角度，带大家了解PreviewKit的功能和实现，并分享如何利用它开发出一款实用的文件预览助手应用。通过我的实践经验，希望能为其他开发者提供灵感与帮
  • 关于鸿蒙next的页面布局 harmonyos-next
    鸿蒙Next（HarmonyOSNext）是华为推出的新一代操作系统，其页面布局在继承传统设计理念的基础上，融入了更多创新元素。本文将详细介绍鸿蒙Next页面布局的设计理念、布局方式以及实战应用，帮助开发者更好地理解和运用这一系统。设计理念全场景融合鸿蒙Next页面布局以“全场景融合”为设计理念，旨在为用户提供统一、流畅的体验。无论是手机、平板、电视还是智能穿戴设备，鸿蒙Next都能实现无缝切换，
  • 高并发问题解决方案 负载均衡缓存异步处理限流微服务
    高并发问题是指系统需要处理大量用户请求或大量并发操作时所面临的挑战，通常表现为请求量大、处理时间长、响应速度慢、资源耗尽等问题。为了应对高并发场景，系统需要设计成能够高效地处理并发请求，并确保系统的稳定性和可扩展性。以下是一些常见的解决高并发问题的方法和技术：1.负载均衡目的：分担单个服务器的压力，提高系统处理能力。实现方式：应用层负载均衡：使用负载均衡器（如Nginx、HAProxy、Traef
  • MCP（Model Context Protocol）模型上下文协议 理论篇8 - 根目录（Roots） AIQL MCP(ModelContextProtocol)MCPaiAIAgentlanguagemodelAgenticSystems
    模型上下文协议（ModelContextProtocol,MCP）提供了一种标准化的方式，使客户端能够向服务器暴露文件系统的“根目录”（Roots）。根目录定义了服务器在文件系统中可以操作的边界，使服务器能够了解它们可以访问哪些目录和文件。支持该协议的客户端可以从服务器请求根目录列表，并在列表发生变化时接收通知。用户交互模型（UserInteractionModel）在MCP中，根目录通常通过工作
  • Java ‘URL(java. lang. String)‘ 自版本 20 起已弃用 空灵宫（Ethereal Palace） Javajava开发语言
    在Java20及更高版本中，不推荐直接使用newURL(Stringspec)构造方法。官方建议通过更加安全和明确的方式来创建URL。下面示例给出两种常见替代方案：使用URI转化为URL，或使用多参数构造方法。原始写法（已弃用）publicclassUrlDemo{publicstaticvoidmain(String[]args){try{//自Java20起已弃用URLurl=newURL("
  • 如何使用JavaScript开发AR(增强现实)移动应用 (一)
    Python中的class体内定义方法时，如果没有显式地包含self参数，有时候依然可以被调用。这是一个非常有趣的话题，因为它涉及到对Python中类与对象之间关系的更深理解。要理解为什么这种情况下方法依然能够被调用，我们需要逐步拆解Python类的构造方式以及方法绑定的原理。
  • Spring-@Configuration注解简析
    大家好，我是半夏之沫一名金融科技领域的JAVA系统研发我希望将自己工作和学习中的经验以最朴实，最严谨的方式分享给大家，共同进步写作不易，期待大家的关注和点赞关注微信公众号【技术探界】前言Spring中的@Configuration注解修饰的类被称为配置类，通过配置类可以向容器注册bean以及导入其它配置类，本篇文章将结合例子和源码对@Configuration注解原理进行学习，并引出对Spring
  • [星球大战]阿纳金的背叛 comsci
          本来杰迪圣殿的长老是不同意让阿纳金接受训练的.........     但是由于政治原因,长老会妥协了...这给邪恶的力量带来了机会     所以......现代的地球联邦接受了这个教训...绝对不让某些年轻人进入学院    
  • 看懂它，你就可以任性的玩耍了！ aijuans JavaScript
              javascript作为前端开发的标配技能，如果不掌握好它的三大特点：1.原型 2.作用域 3. 闭包 ,又怎么可以说你学好了这门语言呢？如果标配的技能都没有撑握好，怎么可以任性的玩耍呢？怎么验证自己学好了以上三个基本点呢，我找到一段不错的代码，稍加改动，如果能够读懂它，那么你就可以任性了。 function jClass(b
  • Java常用工具包 Jodd Kai_Ge javajodd
    Jodd 是一个开源的 Java 工具集， 包含一些实用的工具类和小型框架。简单，却很强大！ 写道 Jodd = Tools + IoC + MVC + DB + AOP + TX + JSON + HTML < 1.5 Mb Jodd 被分成众多模块，按需选择，其中 工具类模块有： jodd-core    &nb
  • SpringMvc下载 120153216 springMVC
    @RequestMapping(value = WebUrlConstant.DOWNLOAD) public void download(HttpServletRequest request,HttpServletResponse response,String fileName) { OutputStream os = null; InputStream is = null;
  • Python 标准异常总结 2002wmj python
    Python标准异常总结 AssertionError 断言语句（assert）失败 AttributeError 尝试访问未知的对象属性 EOFError 用户输入文件末尾标志EOF（Ctrl+d） FloatingPointError 浮点计算错误 GeneratorExit generator.close()方法被调用的时候 ImportError 导入模块失
  • SQL函数返回临时表结构的数据用于查询 357029540 SQL Server
    这两天在做一个查询的SQL，这个SQL的一个条件是通过游标实现另外两张表查询出一个多条数据，这些数据都是INT类型，然后用IN条件进行查询，并且查询这两张表需要通过外部传入参数才能查询出所需数据，于是想到了用SQL函数返回值，并且也这样做了，由于是返回多条数据，所以把查询出来的INT类型值都拼接为了字符串，这时就遇到问题了，在查询SQL中因为条件是INT值，SQL函数的CAST和CONVERST都
  • java 时间格式化 | 比较大小| 时区 个人笔记 7454103 javaeclipsetomcatcMyEclipse
    个人总结！ 不当之处多多包含！ 引用 1.0 如何设置 tomcat 的时区：          位置：(catalina.bat---JAVA_OPTS  下面加上)          set JAVA_OPT
  • 时间获取Clander的用法 adminjun Clander时间
    /**    * 得到几天前的时间    * @param d    * @param day    * @return    */   public static Date getDateBefore(Date d,int day){    Calend
  • JVM初探与设置 aijuans java
    JVM是Java Virtual Machine（Java虚拟机）的缩写，JVM是一种用于计算设备的规范，它是一个虚构出来的计算机，是通过在实际的计算机上仿真模拟各种计算机功能来实现的。Java虚拟机包括一套字节码指令集、一组寄存器、一个栈、一个垃圾回收堆和一个存储方法域。 JVM屏蔽了与具体操作系统平台相关的信息，使Java程序只需生成在Java虚拟机上运行的目标代码（字节码）,就可以在多种平台
  • SQL中ON和WHERE的区别 avords
    SQL中ON和WHERE的区别   数据库在通过连接两张或多张表来返回记录时，都会生成一张中间的临时表，然后再将这张临时表返回给用户。   www.2cto.com   在使用left jion时，on和where条件的区别如下：  1、 on条件是在生成临时表时使用的条件，它不管on中的条件是否为真，都会返回左边表中的记录。 
  • 说说自信 houxinyou 工作生活
    自信的来源分为两种,一种是源于实力,一种源于头脑.实力是一个综合的评定,有自身的能力,能利用的资源等.比如我想去月亮上,要身体素质过硬,还要有飞船等等一系列的东西.这些都属于实力的一部分.而头脑不同,只要你头脑够简单就可以了!同样要上月亮上,你想,我一跳,1米,我多跳几下,跳个几年,应该就到了!什么?你说我会往下掉?你笨呀你!找个东西踩一下不就行了吗?     无论工作还
  • WEBLOGIC事务超时设置 bijian1013 weblogicjta事务超时
            系统中统计数据，由于调用统计过程，执行时间超过了weblogic设置的时间，提示如下错误： 统计数据出错! 原因：The transaction is no longer active - status: 'Rolling Back. [Reason=weblogic.transaction.internal
  • 两年已过去，再看该如何快速融入新团队 bingyingao java互联网融入架构新团队
    偶得的空闲，翻到了两年前的帖子 该如何快速融入一个新团队，有所感触，就记下来，为下一个两年后的今天做参考。     时隔两年半之后的今天，再来看当初的这个博客，别有一番滋味。而我已经于今年三月份离开了当初所在的团队，加入另外的一个项目组，2011年的这篇博客之后的时光，我很好的融入了那个团队，而直到现在和同事们关系都特别好。大家在短短一年半的时间离一起经历了一
  • 【Spark七十七】Spark分析Nginx和Apache的access.log bit1129 apache
    Spark分析Nginx和Apache的access.log，第一个问题是要对Nginx和Apache的access.log文件进行按行解析，按行解析就的方法是正则表达式：   Nginx的access.log解析正则表达式   val PATTERN = """([^ ]*) ([^ ]*) ([^ ]*) (\\[.*\\]) (\&q
  • Erlang patch bookjovi erlang
    Totally five patchs committed to erlang otp, just small patchs. IMO, erlang really is a interesting programming language, I really like its concurrency feature. but the functional programming style
  • log4j日志路径中加入日期 bro_feng javalog4j
    要用log4j使用记录日志，日志路径有每日的日期，文件大小5M新增文件。 实现方式 log4j: <appender name="serviceLog" class="org.apache.log4j.RollingFileAppender"> <param name="Encoding" v
  • 读《研磨设计模式》-代码笔记-桥接模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * 个人觉得关于桥接模式的例子，蜡笔和毛笔这个例子是最贴切的：http://www.cnblogs.com/zhenyulu/articles/67016.html * 笔和颜色是可分离的，蜡笔把两者耦合在一起了：一支蜡笔只有一种
  • windows7下SVN和Eclipse插件安装 chenyu19891124 eclipse插件
    今天花了一天时间弄SVN和Eclipse插件的安装，今天弄好了。svn插件和Eclipse整合有两种方式，一种是直接下载插件包，二种是通过Eclipse在线更新。由于之前Eclipse版本和svn插件版本有差别，始终是没装上。最后在网上找到了适合的版本。所用的环境系统：windows7JDK：1.7svn插件包版本：1.8.16Eclipse：3.7.2工具下载地址：Eclipse下在地址：htt
  • [转帖]工作流引擎设计思路 comsci 设计模式工作应用服务器workflow企业应用
    作为国内的同行，我非常希望在流程设计方面和大家交流，刚发现篇好文(那么好的文章，现在才发现，可惜)，关于流程设计的一些原理，个人觉得本文站得高，看得远，比俺的文章有深度，转载如下 ================================================================================= 自开博以来不断有朋友来探讨工作流引擎该如何
  • Linux 查看内存，CPU及硬盘大小的方法 daizj linuxcpu内存硬盘大小
    一、查看CPU信息的命令 [root@R4 ~]# cat /proc/cpuinfo |grep "model name" && cat /proc/cpuinfo |grep "physical id" model name : Intel(R) Xeon(R) CPU X5450 @ 3.00GHz model name :
  • linux 踢出在线用户 dongwei_6688 linux
    两个步骤： 1.用w命令找到要踢出的用户，比如下面：   [root@localhost ~]# w 18:16:55 up 39 days, 8:27, 3 users, load average: 0.03, 0.03, 0.00 USER TTY FROM LOGIN@ IDLE JCPU PCPU WHAT
  • 放手吧,就像不曾拥有过一样 dcj3sjt126com
    内容提要： 静悠悠编著的《放手吧就像不曾拥有过一样》集结“全球华语世界最舒缓心灵”的精华故事，触碰生命最深层次的感动，献给全世界亿万读者。《放手吧就像不曾拥有过一样》的作者衷心地祝愿每一位读者都给自己一个重新出发的理由，将那些令你痛苦的、扛起的、背负的，一并都放下吧！把憔悴的面容换做一种清淡的微笑，把沉重的步伐调节成春天五线谱上的音符，让自己踏着轻快的节奏，在人生的海面上悠然漂荡，享受宁静与
  • php二进制安全的含义 dcj3sjt126com PHP
    PHP里，有string的概念。 string里，每个字符的大小为byte（与PHP相比，Java的每个字符为Character，是UTF8字符，C语言的每个字符可以在编译时选择）。 byte里，有ASCII代码的字符，例如ABC，123，abc，也有一些特殊字符，例如回车，退格之类的。 特殊字符很多是不能显示的。或者说，他们的显示方式没有标准，例如编码65到哪儿都是字母A，编码97到哪儿都是字符
  • Linux下禁用T440s，X240的一体化触摸板(touchpad) gashero linuxThinkPad触摸板
    自打1月买了Thinkpad T440s就一直很火大，其中最让人恼火的莫过于触摸板。   Thinkpad的经典就包括用了小红点(TrackPoint)。但是小红点只能定位，还是需要鼠标的左右键的。但是自打T440s等开始启用了一体化触摸板，不再有实体的按键了。问题是要是好用也行。   实际使用中，触摸板一堆问题，比如定位有抖动，以及按键时会有飘逸。这就导致了单击经常就
  • graph_dfs hcx2013 Graph
    package edu.xidian.graph; class MyStack { private final int SIZE = 20; private int[] st; private int top; public MyStack() { st = new int[SIZE]; top = -1; } public void push(i
  • Spring4.1新特性——Spring核心部分及其他 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • 配置HiveServer2的安全策略之自定义用户名密码验证 liyonghui160com
        具体从网上看   http://doc.mapr.com/display/MapR/Using+HiveServer2#UsingHiveServer2-ConfiguringCustomAuthentication   LDAP Authentication using OpenLDAP Setting
  • 一位30多的程序员生涯经验总结 pda158 编程工作生活咨询
    1.客户在接触到产品之后，才会真正明白自己的需求。 　　这是我在我的第一份工作上面学来的。只有当我们给客户展示产品的时候，他们才会意识到哪些是必须的。给出一个功能性原型设计远远比一张长长的文字表格要好。 2.只要有充足的时间，所有安全防御系统都将失败。 　　安全防御现如今是全世界都在关注的大课题、大挑战。我们必须时时刻刻积极完善它，因为黑客只要有一次成功，就可以彻底打败你。   3.
  • 分布式web服务架构的演变 自由的奴隶 linuxWeb应用服务器互联网
    最开始，由于某些想法，于是在互联网上搭建了一个网站，这个时候甚至有可能主机都是租借的，但由于这篇文章我们只关注架构的演变历程，因此就假设这个时候已经是托管了一台主机，并且有一定的带宽了，这个时候由于网站具备了一定的特色，吸引了部分人访问，逐渐你发现系统的压力越来越高，响应速度越来越慢，而这个时候比较明显的是数据库和应用互相影响，应用出问题了，数据库也很容易出现问题，而数据库出问题的时候，应用也容易
  • 初探Druid连接池之二——慢SQL日志记录 xingsan_zhang 日志连接池druid慢SQL
    由于工作原因，这里先不说连接数据库部分的配置，后面会补上，直接进入慢SQL日志记录。   1.applicationContext.xml中增加如下配置： <bean abstract="true" id="mysql_database" class="com.alibaba.druid.pool.DruidDataSourc
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他