weixin_33857230
weixin_33857230

jQuery - 左右拖动分隔条

1、实现效果：

jQuery - 左右拖动分隔条_第1张图片

jQuery - 左右拖动分隔条_第2张图片

jQuery - 左右拖动分隔条_第3张图片

2、代码：

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
    <title> New Document title>
    <script type="text/javascript" src="jquery.min.js">script>
    <style type="text/css">
        html, body, div {
            margin: 0;
            padding: 0;
            border: 0;
            -moz-user-select: none;
            -webkit-user-select: none;
        }

        .gf_s {
            float: left;
            width: 4px;
            cursor: e-resize;
            background-color: #fff;
            border: #99BBE8 1px solid;
        }

        .gf_s_g {
            float: left;
            width: 4px;
            display: none;
            cursor: e-resize;
            position: absolute;
            background-color: #F0F0F0;
            border: #99BBE8 1px solid;
            filter: alpha(opacity=60);
            -moz-opacity: 0.6;
            -khtml-opacity: 0.6;
            opacity: 0.6;
            z-index: 1000;
        }
    style>
 head>
 <body>
     <div id="divP" style="width:100%; height:100%;">
         <div id="divLeft" style="background-color: green; float: left; ">div>
         <div id="divS" class="gf_s" style="float: left;">div>
         <div id="divSG" class="gf_s_g" style="float: left;">div>
         <div id="divRight" style="background-color: blue; float: left;">div>
     div>

     <script type="text/javascript">
         var $sliderMoving = false;         

         //兼容各种浏览器的,获取鼠标真实位置
         function mousePosition(ev) {
             if (!ev) ev = window.event;
             if (ev.pageX || ev.pageY) {
                 return { x: ev.pageX, y: ev.pageY };
             }
             return {
                 x: ev.clientX + document.documentElement.scrollLeft - document.body.clientLeft,
                 y: ev.clientY + document.documentElement.scrollTop - document.body.clientTop
             };
         };
         //获取一个DIV的绝对坐标的功能函数,即使是非绝对定位,一样能获取到
         function getElCoordinate(dom) {
             var t = dom.offsetTop;
             var l = dom.offsetLeft;
             dom = dom.offsetParent;
             while (dom) {
                 t += dom.offsetTop;
                 l += dom.offsetLeft;
                 dom = dom.offsetParent;
             };
             return { top: t, left: l };
         };

         //分隔条幽灵左右拖动(mousemove)
         function sliderGhostMoving(e) {
             $("#divSG").css({ left: mousePosition(e).x - 2, display: "block" });
         };
         //完成分隔条左右拖动(mouseup)
         function sliderHorizontalMove(e) {
             var lWidth = getElCoordinate($("#divSG")[0]).left - 2;
             var rWidth = $(window).width() - lWidth - 6;
             $("#divLeft").css("width", lWidth + "px");
             $("#divRight").css("width", rWidth + "px");
             $("#divSG").css("display", "none");
         };

         function reinitSize() {
             var width = $(window).width() - 6;
             var height = $(window).height();
             $("#divLeft").css({ height: height + "px", width: width * 0.75 + "px" });
             $("#divS").css({ height: height - 2 + "px", width: "4px" });
             $("#divSG").css({ height: height - 2 + "px", width: "4px" });
             $("#divRight").css({ height: height + "px", width: width * 0.25 + "px" });
         }

         $(document).ready(function () {
             reinitSize();

             $("#divS").on("mousedown", function (e) {
                 $sliderMoving = true;
                 $("divP").css("cursor", "e-resize");
             });

             $("#divP").on("mousemove", function (e) {
                 if ($sliderMoving) {
                     sliderGhostMoving(e);
                 }
             });

             $("#divP").on("mouseup", function (e) {
                 if ($sliderMoving) {
                     $sliderMoving = false;
                     sliderHorizontalMove(e);
                     $("#divP").css("cursor", "default");
                 }
             });
         });

         $(window).resize(function () {
             reinitSize();
         });

     script>
 body>
html>

3、Demo：jQuery-左右拖动分隔条.rar

转载于:https://www.cnblogs.com/eleven11/p/4899936.html

你可能感兴趣的:(jQuery - 左右拖动分隔条)

  • laravel中 firstOrNew(), firstOrCreate(), updateOrInsert(), updateOrCreate() 方法的区别和实现原理 Amber_37 laravelphp
    在Laravel中，firstOrNew,firstOrCreate,updateOrInsert,和updateOrCreate是用于处理数据库记录的常用方法，每个方法有其特定的用途和行为。下面是它们的主要区别和工作原理：1.firstOrNew目的:该方法主要用于查找数据库中与给定属性相匹配的第一条记录，如果找不到，则创建一个新的模型实例（但不会立即保存到数据库）。返回值:返回一个Eloque
  • PHP语言的学习路线 AI向前看 包罗万象golang开发语言后端
    PHP语言的学习路线PHP（HypertextPreprocessor）是一种广泛使用的开源服务器端脚本语言，尤其适用于Web开发。由于其易学易用、功能强大，PHP成为了许多动态网站和Web应用程序开发的首选语言。随着Web3.0和云计算的兴起，掌握PHP语言将为你的职业发展和技术提升提供重要助力。本文将为你提供一条系统化的PHP学习路线，帮助你从零基础逐步成为PHP开发高手。第一部分：基础知识1
  • element表格滚动错位问题，使用uniapp写的项目 院人冲冲冲 uni-app
    element表格设置滚动条滚动到底错位_element表格滚动条无法滚动到最后-CSDN博客参考上面的博主写的::v-deep::-webkit-scrollbar{display:block!important;width:8px!important;height:8px!important;background:rgb(241,241,241)!important;-webkit-appea
  • uniapp(全端兼容) - 最新详细实现可拖动悬浮按钮功能，支持手指拖曳放到页面任意位置，uniapp可拖动的悬浮球，悬浮图标支持拖动效果（详细示例源码及注释，复制粘贴快速植入） 街尾杂货店& 前端组件与功能(开箱即用)uni-app悬浮球uniapp悬浮在屏幕上的组件uniapp悬浮功能uniapp可拖曳拖动的悬浮球
    效果图百度搜的代码都太难用了而且有bug。。。在uniapp小程序/h5网页网站/安卓苹果app/nvue等（全平台完美兼容）开发中，详细实现在uniapp中实现一个可拖动的悬浮按钮，uniapp全平台兼容的悬浮球功能，可挂载各种小卡片、客服等，自由拖动。支持一次全局引入，无需每个页面都引用。你可以直接复制源码，复制到你的项目中，附带全局组件注册的方法（要不每个页面都需要引一次），uniappVu
  • 64.Harmonyos NEXT 图片预览组件之手势处理实现（二） harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyosNEXT图片预览组件之手势处理实现（二）效果预览一、双指旋转手势实现（续）在上一篇文章中，我们介绍了图片预览组件的单指拖动和双指缩放手势实现。本文将继续介绍双指旋转手势和双击缩放手势的实现细节。1.旋转手势处理逻辑双指旋转手势的核心逻辑包括：R
  • 65.Harmonyos NEXT 图片预览组件之手势处理实现（三） harmonyos-next
    温馨提示：本篇博客的详细代码已发布到git:https://gitcode.com/nutpi/HarmonyosNext可以下载运行哦！HarmonyosNEXT图片预览组件之手势处理实现（三）效果预览一、双击缩放手势实现在前两篇文章中，我们介绍了图片预览组件的单指拖动、双指缩放和双指旋转手势实现。本文将继续介绍双击缩放手势的实现细节，以及手势之间的协同工作机制。1.双击缩放手势定义TapGes
  • Python API接口 君王的羔羊 PythonAIpython
    人工智能机器人EverydayWechat老李API图灵机器人：http://www.turingapi.com/（需求实名制认证，并每天免费数量只有100条）青云客智能聊天机器人：http://api.qingyunke.com/（无须申请，无数量限制，但有点智障，分手神器。分手神器，慎用）智能闲聊（腾讯）：https://ai.qq.com/product/nlpchat.shtml(申请使用
  • SQL必知必会40-SQLite：为什么微信用SQLite存储聊天记录？ 程序员zhi路 MYSQL专栏sqlsqlitejvm
    我在上一篇文章中讲了WebSQL，当我们在Chrome、Safari和Firefox等浏览器客户端中使用WebSQL时，会直接操作SQLite。实际上SQLite本身是一个嵌入式的开源数据库引擎，大小只有3M左右，可以将整个SQLite嵌入到应用中，而不用采用传统的客户端／服务器（Client/Server）的架构。这样做的好处就是非常轻便，在许多智能设备和应用中都可以使用SQLite，比如微信就
  • 最近较火的RunnerGo 与Jmeter优劣势分析
    最近有一款较火的测试产品RunnerGo，它是一个基于go语言研发的开源测试平台。在这里我想从性能测试方面、结构方面以及功能方面对比两款产品。性能方面：Runner基于go语言研发，相对于jmeter来说更轻量级。所以性能测试方面RunnerGo应该是优于jmeter的这里我做了个压测对比，真实对比一下：一条使用查看新闻的场景：六个接口，使用并发模式，20的并发，执行10分钟。相同的配置下进行压测
  • 参数化曲线——参数三次样条曲线（实例） Alpha狼霸 线性代数矩阵机器学习算法机器人数学建模数据分析
    问题及相关理论给定空间中n+1个数据点pi(i=0,1,...,n)\bm{p}_i(i=0,1,...,n)pi(i=0,1,...,n)，如何构造一条通过这些数据点并满足二阶连续的三次样条曲线？参数化曲线——参数三次样条曲线（1）介绍了数据点的参数化方法。参数化曲线——参数三次样条曲线（2）介绍了埃尔米特基形式的三次多项式曲线及其域变换。参数化曲线——参数三次样条曲线（3）推导了满足二阶连续的
  • java实现腾讯短信云平台发送短信 AAAhxz001 java
    1.首先在腾讯云控制台建立一个应用，（腾讯有活动，免费的一百条短信）我这里取名“随机”点击“随机”进入2.点击进入后可以看到相关信息，密码和AppID3.这是具体代码实现类publicclassTextDemo{publicstaticvoidmain(String[]args){execute();}privatestaticStringoperation="/industrySMS/sendS
  • 使用Qt创建悬浮窗口 水瓶丫头站住 QtQt
    在Qt中创建悬浮窗口（如无边框、可拖动的浮动面板或提示框）可以通过以下方法实现。以下是几种常见场景的解决方案：方法1：使用无边框窗口+鼠标事件拖动适用于自定义浮动工具窗口（如Photoshop的工具栏）。#include#includeclassFloatingWindow:publicQWidget{public:FloatingWindow(QWidget*parent=nullptr):QW
  • 【每日一题】93. 复原 IP 地址 聆听逝去的流 每日一题leetcode算法每日一题回溯
    文章目录题目解题思路代码（C++）回溯总结题目题目链接：93.复原IP地址有效IP地址正好由四个整数（每个整数位于0到255之间组成，且不能含有前导0），整数之间用'.'分隔。例如："0.1.2.201"和"192.168.1.1"是有效IP地址，但是"0.011.255.245"、"192.168.1.312"和"[email protected]"是无效IP地址。给定一个只包含数字的字符串s，用以表示一个
  • LeetCode-100题(Hot) 93. 复原 IP 地址 [Java实现] IllTamer LeetCodeleetcodejava
    给定一个只包含数字的字符串，用以表示一个IP地址，返回所有可能从s获得的有效IP地址。你可以按任何顺序返回答案。有效IP地址正好由四个整数（每个整数位于0到255之间组成，且不能含有前导0），整数之间用'.'分隔。例如："0.1.2.201"和"192.168.1.1"是有效IP地址，但是"0.011.255.245"、"192.168.1.312"和"[email protected]"是无效IP地址。示例
  • leetcode93. 复原IP地址 Rookie2Master leetcode字符串剪枝回溯leetcode
    传送门题目：给定一个只包含数字的字符串，复原它并返回所有可能的IP地址格式。有效的IP地址正好由四个整数（每个整数位于0到255之间组成），整数之间用‘.’分隔。输入:“25525511135”输出:[“255.255.11.135”,“255.255.111.35”]分析剪枝条件：1、一开始，字符串的长度小于4或者大于12，一定不能拼凑出合法的ip地址（这一点可以一般化到中间结点的判断中，以产生
  • 3月14日复盘 四万二千 python人工智能
    挑战AI全栈第四天！（终于双休了）容器python中默认有4种容器列表list字典dict集合set元组tuple一、Python列表（list)Python支持多种复合数据类型，可将不同值组合在一起。最常用的列表，是用方括号标注，逗号分隔的一组值。列表可以包含不同类型的元素，但一般情况下，各个元素的类型相同列表是一种可以存储任意个各种类型的序列容器列表内的数据有先后顺序关系列表是可变的容器1.列
  • LeetCode：93. 复原 IP 地址（DFS Java） Cosmoshhhyyy LeetCodeleetcodetcp/ip深度优先
    目录93.复原IP地址题目描述：实现代码与解析：DFS原理思路：93.复原IP地址题目描述：有效IP地址正好由四个整数（每个整数位于0到255之间组成，且不能含有前导0），整数之间用'.'分隔。例如："0.1.2.201"和"192.168.1.1"是有效IP地址，但是"0.011.255.245"、"192.168.1.312"和"[email protected]"是无效IP地址。给定一个只包含数字的字符
  • jQuery的substring由后向前截取字符串的方法 潮易
    substring方法定义和用法substring方法用于提取字符串中介于两个指定下标之间的字符。语法stringObject.substring(start,stop)参数描述start必需。一个非负的整数，规定要提取的子串的第一个字符在stringObject中的位置。stop可选。一个非负的整数，比要提取的子串的最后一个字符在stringObject中的位置多1。如果省略该参数，那么返回的子
  • HCIA-ACL 蜡笔小呆呆 网络ACL
    一、基本概念1、概念：ACL即访问控制列表，是一种基于包过滤的访问控制技术。由一条或多条规则组成的集合，通过定义动作来确保哪些数据包可以通过，哪些需要被阻止。2、基本原理：ACL通过规则对数据包分类，规则定义了源地址、目的地址、端口号等匹配条件。设备依据这些规则匹配报文，再根据应用ACL的业务模块的处理策略，决定允许或阻止报文通过。3、作用：用于匹配指定流量或路由，可以针对控制层面进行匹配也可以针
  • JavaScript的学习6——jQuery 十五春会
    文章目录jQuery选择器按ID查找按tag查找按class查找按属性查找组合查找多项选择器练习层级选择器子选择器（ChildSelector）过滤器（Filter）表单相关练习查找和过滤操作DOM修改Text和HTML修改CSS显示和隐藏DOM获取DOM信息操作表单修改DOM结构添加DOM删除节点练习事件鼠标事件键盘事件其他事件事件参数取消绑定事件触发条件浏览器安全限制练习动画show/hide
  • 以STM32为例-通俗语言理解SPI通信协议 Electron-er STM32stm32单片机51单片机物联网嵌入式硬件iot
    文章目录SPI是什么四条“车道”的作用工作模式就像“舞蹈的节奏”通信过程是“一场对话”SPI通信的“厉害之处和用途”SPI是什么想象SPI是一个小小的数据高速公路，专门用于让STM32芯片和其他设备（比如传感器或者存储卡）之间快速地传递信息。这条高速公路有四条“车道”，分别有不同的用途。四条“车道”的作用1.主设备输出/从设备输入线（MOSI）：这就好比是主设备（STM32）的一个“说话通道”。主
  • Unity 使UI始终朝向摄像机 程序员也有头发 Unity开发unityui游戏引擎
    一、使用场景在一些情况下我们需要UI朝向摄像机，比如血条。二、遇到的问题首先想到的方法是：transform.forward=cam.transform.forward;但是当相机的X轴旋转超过90度时，UI的X轴和Y轴会发生反转。三、解决方案所以解决方案是使Camera的up方向为向上方向，代码为：usingSystem.Collections;usingSystem.Collections.G
  • FLASK，ORM(mysql)，12条查询练习语句 毛毛是一只狗 《Python专栏》flaskORM
    ORM查询语句练习，创表数据在flask课件里，在我资源里可以下载查询所有用户数据查询有多少个用户查询第1个用户查询id为4的用户[3种方式]查询名字结尾字符为g的所有数据[开始/包含]查询名字不等于wang的所有数据[2种方式]查询名字和邮箱都以li开头的所有数据[2种方式]查询password是123456或者email以itheima.com结尾的所有数据查询id为[1,3,5,7,9]的用
  • 【Python】使用Python连接ClickHouse进行批量数据写入 音乐学家方大刚 ClickhousePythonpythonclickhouseoracle
    有许多时候眼泪就要流那扇窗是让我坚强的理由小小的门口还有她的温柔给我温暖陪伴我左右曾经的乡音悄悄地隐藏说不出的诺言一直放心上李健《异乡人》在本教程中，我们将探讨如何使用Python连接到ClickHouse数据库，并执行批量数据写入操作。ClickHouse是一个用于在线分析处理查询（OLAP）的列式数据库管理系统，它能够以极高的速度进行数据查询和更新操作。环境准备首先，确保你的环境中已安装Cli
  • 华容道游戏在胜利模板下如何打乱顺序开始游戏，java方法类 XiaoRanAn 游戏java算法笔记
    该方法设计到一个枚举类和一个判断能否移动的方法。在游戏中，进行上下左右移动的时候会进行判断能否移动，在打乱顺序的时候同样可以使用到该判断方法。只不过需要把在打乱顺序之后需要将count重新赋值为0.因为我在每次判断完成都进行了一次count++，最后展示到界面上。而这里是打乱顺序故而需要重置。以下只提供了涉及到的类和方法，没有提供整个项目的实体。一:定义一个Derection枚举类：package
  • python执行cmd命令行异步执行_Python 异步调用命令行工具 weixin_39719732
    当你在自己的Python程序中采用了基于事件循环的异步编程方法之后，你就会发现自己不自觉地被其牢牢吸引住，并不是说这一方法多么棒，而是因为你不得不想办法保证程序中的任意环节都不能是阻塞的！例如当前的场景是希望从MongoDB中读取每一条未处理过的数据，下载并保存其中的图片信息，然后更新数据库的内容。Python常用的MongoDB异步驱动是Motor:结合asyncio使用方法如下：importm
  • 搞定leetcode面试经典150题之链表 醒了就刷牙 LeetCode刷题leetcode面试链表
    系列博客目录文章目录系列博客目录理论知识单向链表双向链表例题206.反转链表92.反转链表II27.回文链表141.环形链表21.合并有序链表2.两数相加19.删除链表的倒数第N个结点138.随机链表的复制82.删除排序链表中的重复元素II61.旋转链表86.分隔链表理论知识链表是数据结构中一种非常常见且基础的结构，在Java中，链表被广泛应用于解决动态数据存储问题。与数组不同，链表的元素（节点）
  • BAT命令（常用） batcmd
    bat文件是DOS下的批处理文件，是一种无格式的文本文件。这些文件包含一条或多条命令，以.bat或.cmd为文件扩展名。通过在命令提示符下输入批处理文件的名称，或者双击该文件，系统将调用cmd.exe逐个按照文件中命令的顺序运行它们。使用批处理文件（也称为批处理程序或脚本）能够简化日常或重复性的任务，提高操作效率。这些文件可用于执行一系列命令，如复制、移动、删除文件，以及启动程序等操作，帮助用户自
  • SeaTunnel社区「Demo方舟计划」第2期活动上线—— MySQL同步至MySQL数据合并场景实战 数据库
    引言凌晨3点，某金融公司的数据工程师老王盯着屏幕上的报错信息陷入绝望——从32个分库同步的用户交易数据，在合并至中心MySQL表时，因主键冲突导致每天近10万条数据丢失。业务方投诉不断，而他能找到的解决方案，要么是REPLACEINTO性能低下，要么是INSERTIGNORE无法追溯冲突数据。这并非孤例，可能大部分新接触数据同步的工程师都会遇到以下情况：72%在分库分表合并场景中遭遇过主键冲突导致
  • OpenGL实现场景编辑器 ccloud11 qtOpenGLqt游戏引擎
    文章目录界面模块渲染模块交互模块联动模块 最近在使用Qt+OpenGL+glew+freeimage实现一个简单的场景编辑器，先看看他的功能是什么。 这个是软件的界面，中间的widget是用来显示场景的，左侧上方的dockwidget可以拖动模型到显示场景中，左侧下方是dockwidget是用于显示场景中加载的模型列表，右侧的dockwidget是用于显示当前模型的信息，包括他的位置和缩放比例。选
  • 多线程编程之卫生间 周凡杨 java并发卫生间线程厕所
    如大家所知，火车上车厢的卫生间很小，每次只能容纳一个人，一个车厢只有一个卫生间，这个卫生间会被多个人同时使用，在实际使用时，当一个人进入卫生间时则会把卫生间锁上，等出来时打开门，下一个人进去把门锁上，如果有一个人在卫生间内部则别人的人发现门是锁的则只能在外面等待。问题分析：首先问题中有两个实体，一个是人，一个是厕所，所以设计程序时就可以设计两个类。人是多数的，厕所只有一个（暂且模拟的是一个车厢）。
  • How to Install GUI to Centos Minimal sunjing linuxInstallDesktopGUI
    http://www.namhuy.net/475/how-to-install-gui-to-centos-minimal.html   I have centos 6.3 minimal running as web server. I’m looking to install gui to my server to vnc to my server. You can insta
  • Shell 函数 daizj shell函数
    Shell 函数 linux shell 可以用户定义函数，然后在shell脚本中可以随便调用。 shell中函数的定义格式如下： [function] funname [()]{ action; [return int;] } 说明： 1、可以带function fun() 定义，也可以直接fun() 定义,不带任何参数。 2、参数返回
  • Linux服务器新手操作之一 周凡杨 Linux 简单 操作
    1.whoami      当一个用户登录Linux系统之后，也许他想知道自己是发哪个用户登录的。      此时可以使用whoami命令。      [ecuser@HA5-DZ05 ~]$ whoami       e
  • 浅谈Socket通信（一） 朱辉辉33 socket
    在java中ServerSocket用于服务器端，用来监听端口。通过服务器监听，客户端发送请求，双方建立链接后才能通信。当服务器和客户端建立链接后，两边都会产生一个Socket实例，我们可以通过操作Socket来建立通信。    首先我建立一个ServerSocket对象。当然要导入java.net.ServerSocket包    ServerSock
  • 关于框架的简单认识 西蜀石兰 框架
    入职两个月多，依然是一个不会写代码的小白，每天的工作就是看代码，写wiki。 前端接触CSS、HTML、JS等语言，一直在用的CS模型，自然免不了数据库的链接及使用，真心涉及框架，项目中用到的BootStrap算一个吧，哦，JQuery只能算半个框架吧，我更觉得它是另外一种语言。 后台一直是纯Java代码，涉及的框架是Quzrtz和log4j。 都说学前端的要知道三大框架，目前node.
  • You have an error in your SQL syntax; check the manual that corresponds to your 林鹤霄
    You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'option,changed_ids  ) values('0ac91f167f754c8cbac00e9e3dc372
  • MySQL5.6的my.ini配置 aigo mysql
    注意：以下配置的服务器硬件是：8核16G内存    [client]   port=3306   [mysql]   default-character-set=utf8     [mysqld]   port=3306   basedir=D:/mysql-5.6.21-win
  • mysql 全文模糊查找 便捷解决方案 alxw4616 mysql
    mysql 全文模糊查找 便捷解决方案 2013/6/14 by 半仙 [email protected] 目的: 项目需求实现模糊查找. 原则: 查询不能超过 1秒. 问题: 目标表中有超过1千万条记录. 使用like '%str%' 进行模糊查询无法达到性能需求. 解决方案: 使用mysql全文索引. 1.全文索引 : MySQL支持全文索引和搜索功能。MySQL中的全文索
  • 自定义数据结构 链表(单项 ,双向,环形) 百合不是茶 单项链表双向链表
         链表与动态数组的实现方式差不多,    数组适合快速删除某个元素    链表则可以快速的保存数组并且可以是不连续的       单项链表;数据从第一个指向最后一个   实现代码:        //定义动态链表 clas
  • threadLocal实例 bijian1013 javathreadjava多线程threadLocal
    实例1： package com.bijian.thread; public class MyThread extends Thread { private static ThreadLocal tl = new ThreadLocal() { protected synchronized Object initialValue() { return new Inte
  • activemq安全设置—设置admin的用户名和密码 bijian1013 javaactivemq
            ActiveMQ使用的是jetty服务器, 打开conf/jetty.xml文件，找到 <bean id="adminSecurityConstraint" class="org.eclipse.jetty.util.security.Constraint"> <p
  • 【Java范型一】Java范型详解之范型集合和自定义范型类 bit1129 java
    本文详细介绍Java的范型，写一篇关于范型的博客原因有两个，前几天要写个范型方法(返回值根据传入的类型而定)，竟然想了半天，最后还是从网上找了个范型方法的写法；再者，前一段时间在看Gson, Gson这个JSON包的精华就在于对范型的优雅简单的处理，看它的源代码就比较迷糊，只其然不知其所以然。所以，还是花点时间系统的整理总结下范型吧。   范型内容 范型集合类 范型类
  • 【HBase十二】HFile存储的是一个列族的数据 bit1129 hbase
    在HBase中，每个HFile存储的是一个表中一个列族的数据，也就是说，当一个表中有多个列簇时，针对每个列簇插入数据，最后产生的数据是多个HFile，每个对应一个列族，通过如下操作验证   1. 建立一个有两个列族的表   create 'members','colfam1','colfam2'   2. 在members表中的colfam1中插入50*5
  • Nginx 官方一个配置实例 ronin47 nginx 配置实例
    user www www; worker_processes 5; error_log logs/error.log; pid logs/nginx.pid; worker_rlimit_nofile 8192; events { worker_connections 4096;} http { include conf/mim
  • java-15.输入一颗二元查找树，将该树转换为它的镜像， 即在转换后的二元查找树中，左子树的结点都大于右子树的结点。 用递归和循环 bylijinnan java
    //use recursion public static void mirrorHelp1(Node node){ if(node==null)return; swapChild(node); mirrorHelp1(node.getLeft()); mirrorHelp1(node.getRight()); } //use no recursion bu
  • 返回null还是empty bylijinnan javaapachespring编程
    第一个问题，函数是应当返回null还是长度为0的数组（或集合）？ 第二个问题，函数输入参数不当时，是异常还是返回null？ 先看第一个问题 有两个约定我觉得应当遵守： 1.返回零长度的数组或集合而不是null（详见《Effective Java》） 理由就是，如果返回empty，就可以少了很多not-null判断： List<Person> list
  • [科技与项目]工作流厂商的战略机遇期 comsci 工作流
          在新的战略平衡形成之前，这里有一个短暂的战略机遇期，只有大概最短6年，最长14年的时间，这段时间就好像我们森林里面的小动物，在秋天中，必须抓紧一切时间存储坚果一样，否则无法熬过漫长的冬季。。。。         在微软，甲骨文，谷歌，IBM,SONY
  • 过度设计-举例 cuityang 过度设计
    过度设计，需要更多设计时间和测试成本，如无必要，还是尽量简洁一些好。 未来的事情，比如 访问量，比如数据库的容量，比如是否需要改成分布式  都是无法预料的 再举一个例子，对闰年的判断逻辑： 　　1、 if($Year%4==0) return True; else return Fasle; 　　2、if (   ($Year%4==0  &am
  • java进阶，《Java性能优化权威指南》试读 darkblue086 java性能优化
    记得当年随意读了微软出版社的.NET 2.0应用程序调试，才发现调试器如此强大，应用程序开发调试其实真的简单了很多，不仅仅是因为里面介绍了很多调试器工具的使用，更是因为里面寻找问题并重现问题的思想让我震撼，时隔多年，Java已经如日中天，成为许多大型企业应用的首选，而今天，这本《Java性能优化权威指南》让我再次找到了这种感觉，从不经意的开发过程让我刮目相看，原来性能调优不是简单地看看热点在哪里，
  • 网络学习笔记初识OSI七层模型与TCP协议 dcj3sjt126com 学习笔记
      协议：在计算机网络中通信各方面所达成的、共同遵守和执行的一系列约定 　　计算机网络的体系结构：计算机网络的层次结构和各层协议的集合。 　　两类服务： 　　面向连接的服务通信双方在通信之前先建立某种状态，并在通信过程中维持这种状态的变化，同时为服务对象预先分配一定的资源。这种服务叫做面向连接的服务。 　　面向无连接的服务通信双方在通信前后不建立和维持状态，不为服务对象
  • mac中用命令行运行mysql dcj3sjt126com mysqllinuxmac
    参考这篇博客：http://www.cnblogs.com/macro-cheng/archive/2011/10/25/mysql-001.html  感觉workbench不好用（有点先入为主了）。 1，安装mysql 在mysql的官方网站下载 mysql 5.5.23 http://www.mysql.com/downloads/mysql/，根据我的机器的配置情况选择了64
  • MongDB查询（1）——基本查询[五] eksliang mongodbmongodb 查询mongodb find
    MongDB查询 转载请出自出处：http://eksliang.iteye.com/blog/2174452 一、find简介 MongoDB中使用find来进行查询。 API:如下 function ( query , fields , limit , skip, batchSize, options ){.....}  参数含义： query:查询参数 fie
  • base64，加密解密 经融加密，对接 y806839048 经融加密对接
    String data0 = new String(Base64.encode(bo.getPaymentResult().getBytes(("GBK")))); String data1 = new String(Base64.decode(data0.toCharArray()),"GBK"); // 注意编码格式，注意用于加密，解密的要是同
  • JavaWeb之JSP概述 ihuning javaweb
      什么是JSP？为什么使用JSP？ JSP表示Java Server Page，即嵌有Java代码的HTML页面。使用JSP是因为在HTML中嵌入Java代码比在Java代码中拼接字符串更容易、更方便和更高效。   JSP起源    在很多动态网页中，绝大部分内容都是固定不变的，只有局部内容需要动态产生和改变。  如果使用Servl
  • apple watch 指南 啸笑天 apple
    1. 文档 WatchKit Programming Guide（中译在线版 By @CocoaChina） 译文 译者 原文 概览 - 开始为 Apple Watch 进行开发 @星夜暮晨 Overview - Developing for Apple Watch 概览 - 配置 Xcode 项目 - Overview - Configuring Yo
  • java经典的基础题目 macroli java编程
    1.列举出 10个JAVA语言的优势 a:免费，开源，跨平台(平台独立性)，简单易用，功能完善，面向对象，健壮性，多线程，结构中立，企业应用的成熟平台, 无线应用 2.列举出JAVA中10个面向对象编程的术语 a:包，类，接口，对象，属性，方法，构造器，继承，封装，多态，抽象，范型 3.列举出JAVA中6个比较常用的包 Java.lang;java.util;java.io;java.sql;ja
  • 你所不知道神奇的js replace正则表达式 qiaolevip 每天进步一点点学习永无止境纵观千象regex
    var v = 'C9CFBAA3CAD0'; console.log(v); var arr = v.split(''); for (var i = 0; i < arr.length; i ++) { if (i % 2 == 0) arr[i] = '%' + arr[i]; } console.log(arr.join('')); console.log(v.r
  • [一起学Hive]之十五-分析Hive表和分区的统计信息(Statistics) superlxw1234 hivehive分析表hive统计信息hive Statistics
    关键字：Hive统计信息、分析Hive表、Hive Statistics   类似于Oracle的分析表，Hive中也提供了分析表和分区的功能，通过自动和手动分析Hive表，将Hive表的一些统计信息存储到元数据中。   表和分区的统计信息主要包括：行数、文件数、原始数据大小、所占存储大小、最后一次操作时间等；   14.1 新表的统计信息 对于一个新创建
  • Spring Boot 1.2.5 发布 wiselyman spring boot
        Spring Boot 1.2.5已在7月2日发布，现在可以从spring的maven库和maven中心库下载。   这个版本是一个维护的发布版，主要是一些修复以及将Spring的依赖提升至4.1.7(包含重要的安全修复)。   官方建议所有的Spring Boot用户升级这个版本。   项目首页 | 源
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他