想要全栈的chris
想要全栈的chris

javascript实现可拖拽的盒子


<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .nav {
            height: 30px;
            background: #036663;
            border-bottom: 1px solid #369;
            line-height: 30px;
            padding-left: 30px;
        }

        .nav a {
            color: #fff;
            text-align: center;
            font-size: 14px;
            text-decoration: none;

        }

        .d-box {
            width: 400px;
            height: 300px;
            border: 5px solid #eee;
            box-shadow: 2px 2px 2px 2px #666;
            position: absolute;
            top: 40%;
            left: 40%;
        }

        .hd {
            width: 100%;
            height: 25px;
            background-color: #7c9299;
            border-bottom: 1px solid #369;
            line-height: 25px;
            color: white;
            cursor: move;
        }

        #box_close {
            float: right;
            cursor: pointer;
        }
    style>
    <script src="animate.js">script>
    <script>
        window.onload = function () {
            //需求：在指定位置按住鼠标左键移动对话框。
            //分析：鼠标按下，触动事件，移动在更换对话框的位置。
            //鼠标按下onmousedown   鼠标弹起:onmouseup   鼠标移动onmousemove
            //步骤：
            //1.老三步和新五步
            //2.把鼠标的坐标赋值给对话框。
            var box = document.getElementById("d_box");
            var drop = document.getElementById("drop");
            //1.老三步和新五步
            //先按下，在移动触动此事件
            drop.onmousedown = function (event) {
                //获取鼠标在盒子中的坐标，将来移动的时候减去保证鼠标在盒子的指定位置
                event = event || window.event;
                var pagex = event.pageX || scroll().left + event.clientX;
                var pagey = event.pageY || scroll().top + event.clientY;
                var x = pagex - box.offsetLeft;
                var y = pagey - box.offsetTop;
                document.onmousemove = function (event) {
                    //2.把鼠标的坐标赋值给对话框。
                    event = event || window.event;
                    var xx = event.pageX || scroll().left + event.clientX;
                    var yy = event.pageY || scroll().top + event.clientY;
                    //二次操作鼠标位置  减去鼠标在盒子中的坐标
                    xx = xx - x;
                    yy = yy - y;
                    //给box赋值
                    box.style.left = xx+"px";
                    box.style.top = yy+"px";
                    //禁止文本选中（选中后取消）
                    window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
                }
            }
            //事件解绑
            drop.onmouseup = function () {
                //解绑
                document.onmousemove = null;
            }
        }
    script>

head>
<body>

<div class="nav">
    <a href="javascript:;" id="register">注册信息a>
div>

<div class="d-box" id="d_box">
    <div class="hd" id="drop">
        <i>注册信息 (可以拖拽)i>
        <span id="box_close">【关闭】span>
    div>
    <div class="bd">div>
div>

body>
html>

javascript实现可拖拽的盒子_第1张图片

你可能感兴趣的:(javascript实现可拖拽的盒子)

  • 深入理解 Android 中的 ViewModel 和 LiveData：实现数据与 UI 的分离与响应式更新 tangweiguo03051987 androidandroiduiViewModelLiveData
    ViewModel和LiveData是Android架构组件中的两个核心类，用于帮助开发者构建健壮、可维护且响应迅速的应用程序。它们通常一起使用，以实现数据与UI的分离，并确保数据在配置更改（如屏幕旋转）时不会丢失。ViewModelViewModel的主要目的是管理与UI相关的数据，并在配置更改时保持数据的持久性。它允许数据在Activity或Fragment销毁和重新创建时保持不变。1.1Vi
  • linux Swap 分区 翱翔-蓝天 Linux运维实战linux运维服务器
    Swap分区在Linux系统中的作用Swap分区（交换分区）相当于虚拟内存，在物理内存（RAM）不够用时，系统会将一部分磁盘空间作为虚拟内存使用。主要作用如下：缓解内存不足：当物理内存耗尽时，系统会将部分进程数据临时存放在Swap以防止系统崩溃。休眠（Hibernate）支持：部分Linux发行版支持系统休眠（suspend-to-disk），需要足够的Swap来存储RAM中的数据。缓存和后台进程
  • CentOS 上扩展 Swap 分区的大小 翱翔-蓝天 Linux运维实战centoslinux运维
    在CentOS上扩展Swap分区的大小可以通过以下几种方式实现：方法1：增加Swap文件（推荐）如果你的Swap是基于文件的（而不是分区），你可以增加Swap文件的大小，而不需要修改磁盘分区。步骤1：创建新的Swap文件sudoddif=/dev/zeroof=/swapfilebs=1Mcount=4096这里count=4096代表创建4GB大小的Swap文件，你可以根据需要修改大小。步骤2：
  • Go 语言 `map` 详解 翱翔-蓝天 gogolang开发语言后端
    Go语言map详解1.什么是map？在Go语言中，map是一种键值对（key-value）数据结构，类似于Python的dict或Java的HashMap。它提供了高效的查找、插入和删除操作。2.map的声明与初始化在Go中，可以使用make()或直接字面量方式创建map。方式1：使用make()m:=make(map[string]int)//创建一个键类型为string，值类型为int的map
  • C# WebAPI的几种返回类型方式 她说彩礼65万 c#http
    在ASP.NETCore中有三种返回数据和HTTP状态码的方式，最简单的就是直接返回指定的类型实例，如下代码所示：[ApiController][Route("[controller]")]publicclassWeatherForecastController:ControllerBase{[HttpGet]publicIEnumerableGet(){varrng=newRandom();re
  • Vision Transformer (ViT) 详细描述及 PyTorch 代码全解析 AIGC_ZY CVtransformerpytorch深度学习
    VisionTransformer(ViT)是一种将Transformer架构应用于图像分类任务的模型。它摒弃了传统卷积神经网络(CNN)的卷积操作，而是将图像分割成patches，并将这些patches视为序列输入到Transformer编码器中。ViT的处理流程输入图像被分割成多个固定大小的patch，每个patch经过线性投影变成嵌入向量，然后加上位置编码。接着，这些嵌入向量会和类别标签（c
  • mac根目录新建文件夹 淡淡的id 其他mac
    1、前言  springboot项目输出文件到根目录的/data文件夹中，故想建一个777权限的data文件夹，以便将数据写进入，过程不难，刚创建完也可以读写的，finder不能操作，但是项目可以读写，但一重启电脑，那就gg了，又没有权限了，最后解决方法是建立软连接到根目录。2、过程2.1、开启sip重新启动，在启动的时候按command+R，进入Recovery模式在topbar的实用工具选项，
  • golang的wails框架在macos下的问题 淡淡的id webgolangmacoswails
    1、前言  之前练手写了格调用ollamaapi的web应用，想找个容器打包下，于是找到wails来打包，windows下都是很正常的，因为就是普通的http调用，也没遇到cors跨域问题，但是到了macos下使用wailsdev命令启动的客户端却是出现了几个问题。  总得来说就是时不时遇到一些浏览器限制相关的问题2、问题2.1、页面出不来  就是因为wails在macos使用websocket来
  • JavaScript基础-对象的相关概念 難釋懷 javascript开发语言
    在JavaScript编程中，对象（Object）是一个核心的概念，它几乎无处不在。无论是简单的键值对存储还是复杂的自定义数据结构，对象都提供了强大的功能来组织和操作数据。本文将介绍JavaScript中对象的基本概念、创建方法以及一些常见的操作技巧。一、什么是对象？在JavaScript中，对象是一种复合数据类型，它可以包含属性（properties），每个属性由一个键（key）和一个值（val
  • Python面向对象编程原则 运维开发小白 python服务器运维
    Python面向对象编程原则1.基本概面向对象编程（Object-OrientedProgramming，OOP）是一种编程范式，它使用"对象"来表示现实世界中的事物和它们之间的关系。在Python中，面向对象编程遵循以下原则：封装（Encapsulation）：封装是将数据（属性）和操作数据的方法（函数）包装在一个类（Class）中的过程。这隐藏了对象内部的实现细节，只暴露出有限的接口供外部访问
  • Linux命令学习笔记之 network NetworkManager kfepiza OS操作系统WindowsLinux等#LinuxCentOSUbuntu等linux学习centos
    networkNetworkManager前言CentOS7最小安装下的测试220511心得:启动network能打开网络,关闭network能关闭网络启动NetworkManager能打开网络,关闭不会关闭网络在两者都启动的情况下,单停network会断网,单停NetworkManager不会一些摘抄前言这两个东西在centOS7最小安装无勾选附加时就存在Ubuntu20.04中只有Networ
  • wpf Prism中的事件聚合器的封装和使用 硅谷调试员 wpfc#
    在Prism中，有一个重要的功能，就是事件聚合器，也就是消息机制,是大家常用的功能。主要是为了实现不同模块之间的信息交互。在prism的官方demo中也给出了简单的使用例子。但是在实际使用过程中，模块多了，消息多了，会非常的难调试，因此我这里对消息机制做了一次封装，并且统一去管理定义各个模块用到的消息。代码比较简单，我这里只是对官方的例子做了一个改造，大家可以参考一下。红色为主要改动的部分，代码结
  • 对接马来西亚和印度股票数据API：从实时行情到历史数据的完整指南 金融数据库
    摘要：本文将详细介绍如何通过StockTVAPI对接马来西亚和印度股票市场的实时行情数据，涵盖从API申请、接口调用到数据解析的完整流程，并提供Python代码示例。一、为什么选择StockTVAPI？StockTVAPI提供全球多个国家的金融市场数据，其中马来西亚和印度市场数据尤为全面。以下是选择StockTVAPI的几大理由：覆盖全面：支持马来西亚Bursa和印度NSE、BSE交易所实时性强：
  • 算法题刷题方法记录（蓝桥杯、Leetcode)
    Algorithmexercises尘封已久的算法，又要重新开始刷题了，不知道题量能不能达到预期研一寒假期间，断断续续的，平均下来大概每天一题，懒懒散散的，开学来了继续刷。记录下让人眼前一新的算法题喜欢就要勇敢去爱，对一件事，对一个人，如何付出，如何去追求，如何去爱，在付出的的过程中又如何去确定自己的内心？在追求一个目标或者一个人的时候，如何确保自己在付出的时候也是开心的？^_^加油<(￣︶￣)↗
  • Godot引擎开发：UI和用户交互_用户界面性能优化 chenlz2007 游戏开发godotui交互游戏引擎microsoft性能优化
    用户界面性能优化在开发动作游戏时，用户界面（UI）的性能优化是至关重要的。一个流畅的UI不仅能够提升玩家的体验，还能确保游戏在不同设备上运行顺畅。本节将详细介绍如何在Godot引擎中优化UI性能，包括减少渲染负担、优化资源管理和提高响应速度等方面。1.减少渲染负担1.1使用精灵图（SpriteSheets）精灵图（SpriteSheets）是一种将多个小图合并成一张大图的技术，可以显著减少纹理切换
  • Godot引擎开发：UI和用户交互_UI性能优化 chenlz2007 游戏开发godotui交互游戏引擎性能优化
    UI性能优化在动作游戏中，UI（用户界面）的性能优化是至关重要的。一个响应迅速、流畅的UI可以显著提升玩家的游戏体验。本节将详细介绍如何在Godot引擎中优化UI性能，包括优化节点结构、减少绘制调用、使用缓存技术、以及优化动画和过渡效果等方法。优化节点结构减少节点数量在Godot引擎中，每个节点都有一定的开销。因此，减少节点的数量可以显著提高UI的性能。可以通过以下几种方法实现：合并节点：将多个相
  • 网页制作12-html,css,javascript初认识のJavascipt脚本基础 Ama_tor 网页制作专栏javascript开发语言ecmascript
    一、JavaScript的三种基本使用方法:body|head|外部网页效果：运行代码：.html无标题文档functionn1(){document.getElementById("ama01").innerHTML="NO.3这是head中的JavaScript函数";}document.write("NO.1HELLOWORLD")//Document要小写NO.2这是body中的JavaS
  • 数据库查询优化：提升性能的关键实践
    title:数据库查询优化：提升性能的关键实践date:2025/1/30updated:2025/1/30author:cmdragonexcerpt:在当今数据驱动的商业环境中，数据库的性能直接影响着应用程序的响应速度和用户体验。查询优化是性能调优的重要组成部分，通过对SQL查询的分析与改进，减少查询执行时间和资源消耗，从而提升整体系统效率。categories:前端开发tags:查询优化数据
  • 【Godot】Window类 Octopus2077 godot游戏引擎
    （参考自deepseek回答）在Godot引擎中，Window是一个用于管理应用程序窗口的类。它是Godot4.0引入的新特性，取代了旧版本中的OS类对窗口的管理功能。Window提供了对窗口大小、位置、标题、模式等属性的控制，使开发者能够更灵活地管理应用程序的窗口。1.Window的定义Window继承自Viewport，因此它也是一个渲染容器。它代表应用程序的一个窗口，可以包含2D或3D场景。
  • 【Godot】Camera2D Octopus2077 godot游戏引擎
    （参考自deepseek回答）在Godot引擎中，Camera2D是一个用于2D游戏的节点，它允许你控制游戏视图的显示区域。通过Camera2D，你可以实现视角的跟随、缩放、边界限制等功能。以下是关于Camera2D的一些基本用法和常见设置：1.添加Camera2D节点在场景树中，选择你想要添加Camera2D的节点（通常是玩家角色或场景的根节点）。点击“添加节点”按钮，搜索并选择Camera2D
  • 【AI大模型智能应用】Deepseek生成测试用例 柳柳的博客 AI大模型测试用例
    在软件开发过程中，测试用例的设计和编写是确保软件质量的关键。然而，软件系统的复杂性不断增加，手动编写测试用例的工作量变得异常庞大，且容易出错。DeepSeek基于人工智能和机器学习，它能够依据软件的需求和设计文档，自动生成高质量的测试用例，显著减轻人工编写测试用例的负担。体验一把用DeepSeek编写测试用例，还生成清晰直观的思维导图，整个流程十分顺畅。这篇文章讲解如何使用deepseek生成功能
  • Linux 命令学习记录 hxung 面试学习使用linux学习运维
    Linux命令详解与进阶指南Linux是一种广泛使用的开源操作系统，掌握Linux命令是开发者和系统管理员的必备技能。本文将详细介绍Linux的常用命令，并涵盖一些高级进阶技巧，帮助你更高效地使用Linux。目录基础命令文件与目录操作文本处理系统信息权限管理进阶命令进程管理网络操作磁盘管理Shell脚本高级技巧管道与重定向正则表达式任务调度性能监控案例实战日志分析自动化部署服务器监控基础命令文件与
  • WPF Prism事件聚合器EventAggregator 她说彩礼65万 WPFPrism框架wpf
    Prism框架中的EventAggregator在Prism框架中,EventAggregator的主要作用是在应用程序的不同部分之间实现消息传递，使得各个模块或视图之间无需直接引用就能进行通信。它基于发布-订阅（Publish-Subscribe）模式，提供了一种集中管理事件的机制。具体来说，任何模块或视图都可以通过EventAggregator发布特定类型的事件，而其他对该事件感兴趣的模块或视
  • C++耦合：代码设计的“黏合剂”与模块化架构的解耦艺术 福鸦 c++c++架构开发语言
    C++耦合：代码设计的“黏合剂”与模块化架构的解耦艺术开篇故事：乐高城堡的“模块化危机”想象你正在用乐高积木搭建一座宏伟的城堡：高耦合设计：所有积木用强力胶水粘死，一旦想更换一扇窗户，必须拆毁整面墙。低耦合设计：积木通过标准接口拼接，可随时替换任意部件，甚至将城堡改装成太空站。软件工程中的**耦合（Coupling）**正如同这些积木的连接方式——它决定了代码模块之间的依赖程度。本文将深入探讨耦合
  • kmp报错→Cannot find skiko-windows-x64.dll.sha256 淡淡的id 其他kotlinKMP
    1、前言  学习kmp（KotlinMultiPlatform简称）过程中报了错误，这个报错在直接运行desktop的main方法才会出现，用gradle运行却不会报错，新建的kmp项目也不会出现，我学习的写了一些代码的项目才会出现。  运行main方法主要是需要运行main方法才能debug，gradle不能debug环境kmp版本：1.7.0gradle版本：8.13kotlin版本：2.1.
  • Python——正则表达式与re模块 fw9521 python
    目录1.正则表达式2.re模块函数-findall3.re模块函数-search4.re函数模块-sub总结1.正则表达式正则:为了匹配一个符合规则的字符串1.精确匹配:abc：匹配abc的子串2.选择性匹配:red|blue|green：匹配red或blue或green3.中括号[]：一个[]只匹配1位，[^]：排除[0-9]：匹配0-9之间的一个数字[^0-9]：排除0-9[a-z]：小写字母
  • Mybaties中配置C3P0连接池 yuren_xia 后端技术mybatiesC3P0JAVA
    在MyBatis中配置C3P0连接池，你需要确保已经添加了C3P0和MyBatis的依赖，并在MyBatis的配置文件中正确配置了数据源。以下是一个基本的步骤指南：1.添加依赖如果你使用Maven，可以在pom.xml中添加以下依赖：org.mybatismybatis3.5.7com.mchangec3p00.9.5.5mysqlmysql-connector-java8.0.232.创建数据源
  • 类和对象（上） 带鱼吃猫 C++c++开发语言学习
    一、类的定义1.1类定义的格式class为定义类的关键字，Stack为类的名字，{}中为类的主体，注意类定义结束时后面分号不能省略。#includeusingnamespacestd;//定义一个类名为Stack的类classStack{public://成员函数：intADD(){return_key+_value;}private://成员变量：int_key;int_value;};类体中内
  • 基于oracle linux的 DBI/DBD 标准化安装文档(五) oracle
    一、安装DBIDBI(DatabaseInterface)是perl连接数据库的接口。其是perl连接数据库的最优方法，他支持包括Orcale,Sybase,mysql,db2等绝大多数的数据库，下面将简要介绍其安装方法。1.1解压tar-zxvfDBI-1.616_901.tar.gz1.2安装依赖yuminstallperl-ExtUtils-CBuilderperl-ExtUtils-Mak
  • 如何进行OceanBase 运维工具的部署和表性能优化! oceanbase
    随着OceanBase数据库应用的日益深入，数据量不断攀升，单个表中存储数百万乃至数千万条数据的情况变得愈发普遍。因此，部署专门的运维工具、实施针对性的表性能优化策略，以及加强指标监测工作，都变得更为重要。以下为基于我们的使用场景，所采取的一些部署和优化措施分享。一、OCP部署升级1．OCP升级（1）4.2.1BP1升级到4.2.2，本来以为毫无波澜但是下载完毕一键包并完成前期准备工作启动后发现无
  • 遍历dom 并且存储（将每一层的DOM元素存在数组中） 换个号韩国红果果 JavaScripthtml
    数组从0开始！！ var a=[],i=0; for(var j=0;j<30;j++){ a[j]=[];//数组里套数组，且第i层存储在第a[i]中 } function walkDOM(n){ do{ if(n.nodeType!==3)//筛选去除#text类型 a[i].push(n); //con
  • Android+Jquery Mobile学习系列(9)-总结和代码分享 白糖_ JQuery Mobile
    目录导航   经过一个多月的边学习边练手，学会了Android基于Web开发的毛皮，其实开发过程中用Android原生API不是很多，更多的是HTML/Javascript/Css。   个人觉得基于WebView的Jquery Mobile开发有以下优点： 1、对于刚从Java Web转型过来的同学非常适合，只要懂得HTML开发就可以上手做事。 2、jquerym
  • impala参考资料 dayutianfei impala
    记录一些有用的Impala资料   1. 入门资料 >>官网翻译：     http://my.oschina.net/weiqingbin/blog?catalog=423691   2. 实用进阶 >>代码&架构分析：     Impala/Hive现状分析与前景展望：http
  • JAVA 静态变量与非静态变量初始化顺序之新解 周凡杨 java静态非静态顺序
    今天和同事争论一问题，关于静态变量与非静态变量的初始化顺序，谁先谁后，最终想整理出来！测试代码： import java.util.Map; public class T { public static T t = new T(); private Map map = new HashMap(); public T(){ System.out.println(&quo
  • 跳出iframe返回外层页面 g21121 iframe
    在web开发过程中难免要用到iframe，但当连接超时或跳转到公共页面时就会出现超时页面显示在iframe中，这时我们就需要跳出这个iframe到达一个公共页面去。 首先跳转到一个中间页，这个页面用于判断是否在iframe中，在页面加载的过程中调用如下代码： <script type="text/javascript"> //<!-- function
  • JAVA多线程监听JMS、MQ队列 510888780 java多线程
    背景：消息队列中有非常多的消息需要处理，并且监听器onMessage（）方法中的业务逻辑也相对比较复杂，为了加快队列消息的读取、处理速度。可以通过加快读取速度和加快处理速度来考虑。因此从这两个方面都使用多线程来处理。对于消息处理的业务处理逻辑用线程池来做。对于加快消息监听读取速度可以使用1.使用多个监听器监听一个队列；2.使用一个监听器开启多线程监听。 对于上面提到的方法2使用一个监听器开启多线
  • 第一个SpringMvc例子 布衣凌宇 spring mvc
    第一步：导入需要的包； 第二步：配置web.xml文件 <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi=
  • 我的spring学习笔记15-容器扩展点之PropertyOverrideConfigurer aijuans Spring3
    PropertyOverrideConfigurer类似于PropertyPlaceholderConfigurer，但是与后者相比，前者对于bean属性可以有缺省值或者根本没有值。也就是说如果properties文件中没有某个bean属性的内容，那么将使用上下文（配置的xml文件）中相应定义的值。如果properties文件中有bean属性的内容，那么就用properties文件中的值来代替上下
  • 通过XSD验证XML antlove xmlschemaxsdvalidationSchemaFactory
    1. XmlValidation.java package xml.validation; import java.io.InputStream; import javax.xml.XMLConstants; import javax.xml.transform.stream.StreamSource; import javax.xml.validation.Schem
  • 文本流与字符集 百合不是茶 PrintWrite()的使用字符集名字 别名获取
    文本数据的输入输出;           输入;数据流,缓冲流         输出;介绍向文本打印格式化的输出PrintWrite();   package 文本流; import java.io.FileNotFound
  • ibatis模糊查询sqlmap-mapping-**.xml配置 bijian1013 ibatis
            正常我们写ibatis的sqlmap-mapping-*.xml文件时，传入的参数都用##标识，如下所示： <resultMap id="personInfo" class="com.bijian.study.dto.PersonDTO"> <res
  • java jvm常用命令工具——jdb命令(The Java Debugger) bijian1013 javajvmjdb
            用来对core文件和正在运行的Java进程进行实时地调试，里面包含了丰富的命令帮助您进行调试，它的功能和Sun studio里面所带的dbx非常相似，但 jdb是专门用来针对Java应用程序的。         现在应该说日常的开发中很少用到JDB了，因为现在的IDE已经帮我们封装好了，如使用ECLI
  • 【Spring框架二】Spring常用注解之Component、Repository、Service和Controller注解 bit1129 controller
    在Spring常用注解第一步部分【Spring框架一】Spring常用注解之Autowired和Resource注解（http://bit1129.iteye.com/blog/2114084）中介绍了Autowired和Resource两个注解的功能，它们用于将依赖根据名称或者类型进行自动的注入，这简化了在XML中，依赖注入部分的XML的编写，但是UserDao和UserService两个bea
  • cxf wsdl2java生成代码super出错,构造函数不匹配 bitray super
        由于过去对于soap协议的cxf接触的不是很多,所以遇到了也是迷糊了一会.后来经过查找资料才得以解决. 初始原因一般是由于jaxws2.2规范和jdk6及以上不兼容导致的.所以要强制降为jaxws2.1进行编译生成.我们需要少量的修改: 我们原来的代码 wsdl2java com.test.xxx -client http://..... 修改后的代
  • 动态页面正文部分中文乱码排障一例 ronin47
    公司网站一部分动态页面，早先使用apache+resin的架构运行，考虑到高并发访问下的响应性能问题，在前不久逐步开始用nginx替换掉了apache。 不过随后发现了一个问题，随意进入某一有分页的网页，第一页是正常的（因为静态化过了）；点“下一页”，出来的页面两边正常，中间部分的标题、关键字等也正常，唯独每个标题下的正文无法正常显示。 因为有做过系统调整，所以第一反应就是新上
  • java-54- 调整数组顺序使奇数位于偶数前面 bylijinnan java
    import java.util.Arrays; import java.util.Random; import ljn.help.Helper; public class OddBeforeEven { /** * Q 54 调整数组顺序使奇数位于偶数前面 * 输入一个整数数组，调整数组中数字的顺序，使得所有奇数位于数组的前半部分，所有偶数位于数组的后半
  • 从100PV到1亿级PV网站架构演变 cfyme 网站架构
    一个网站就像一个人，存在一个从小到大的过程。养一个网站和养一个人一样，不同时期需要不同的方法，不同的方法下有共同的原则。本文结合我自已14年网站人的经历记录一些架构演变中的体会。 1：积累是必不可少的 架构师不是一天练成的。 1999年，我作了一个个人主页，在学校内的虚拟空间，参加了一次主页大赛，几个DREAMWEAVER的页面，几个TABLE作布局，一个DB连接，几行PHP的代码嵌入在HTM
  • [宇宙时代]宇宙时代的GIS是什么？ comsci Gis
           我们都知道一个事实，在行星内部的时候，因为地理信息的坐标都是相对固定的，所以我们获取一组GIS数据之后，就可以存储到硬盘中，长久使用。。。但是，请注意，这种经验在宇宙时代是不能够被继续使用的          宇宙是一个高维时空
  • 详解create database命令 czmmiao database
    完整命令 CREATE DATABASE mynewdb   USER SYS IDENTIFIED BY sys_password   USER SYSTEM IDENTIFIED BY system_password   LOGFILE GROUP 1 ('/u01/logs/my/redo01a.log','/u02/logs/m
  • 几句不中听却不得不认可的话 datageek
    1、人丑就该多读书。 2、你不快乐是因为：你可以像猪一样懒，却无法像只猪一样懒得心安理得。 3、如果你太在意别人的看法，那么你的生活将变成一件裤衩，别人放什么屁，你都得接着。 4、你的问题主要在于：读书不多而买书太多，读书太少又特爱思考，还他妈话痨。 5、与禽兽搏斗的三种结局：(1)、赢了，比禽兽还禽兽。(2)、输了，禽兽不如。(3)、平了，跟禽兽没两样。结论：选择正确的对手很重要。 6
  • 1 14:00 PHP中的“syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM”错误 dcj3sjt126com PHP
    原文地址：http://www.kafka0102.com/2010/08/281.html   因为需要，今天晚些在本机使用PHP做些测试，PHP脚本依赖了一堆我也不清楚做什么用的库。结果一跑起来，就报出类似下面的错误：“Parse error: syntax error, unexpected T_PAAMAYIM_NEKUDOTAYIM in /home/kafka/test/
  • xcode6 Auto layout and size classes dcj3sjt126com ios
    官方GUI   https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/AutolayoutPG/Introduction/Introduction.html   iOS中使用自动布局（一）   http://www.cocoachina.com/ind
  • 通过PreparedStatement批量执行sql语句【sql语句相同，值不同】 梦见x光 sql事务批量执行
    比如说：我有一个List需要添加到数据库中，那么我该如何通过PreparedStatement来操作呢？ public void addCustomerByCommit(Connection conn , List<Customer> customerList) {    String sql = "inseret into customer(id
  • 程序员必知必会----linux常用命令之十【系统相关】 hanqunfeng Linux常用命令
    一.linux快捷键 Ctrl+C : 终止当前命令 Ctrl+S : 暂停屏幕输出 Ctrl+Q : 恢复屏幕输出 Ctrl+U : 删除当前行光标前的所有字符 Ctrl+Z : 挂起当前正在执行的进程 Ctrl+L : 清除终端屏幕，相当于clear   二.终端命令 clear : 清除终端屏幕 reset : 重置视窗，当屏幕编码混乱时使用 time com
  • NGINX IXHONG nginx
    pcre 编译安装 nginx conf/vhost/test.conf   upstream admin { server 127.0.0.1:8080; }   server {                 listen       80; &
  • 设计模式--工厂模式 kerryg 设计模式
    工厂方式模式分为三种：   1、普通工厂模式：建立一个工厂类，对实现了同一个接口的一些类进行实例的创建。   2、多个工厂方法的模式：就是对普通工厂方法模式的改进，在普通工厂方法模式中，如果传递的字符串出错，则不能正确创建对象，而多个工厂方法模式就是提供多个工厂方法，分别创建对象。   3、静态工厂方法模式：就是将上面的多个工厂方法模式里的方法置为静态，
  • Spring InitializingBean/init-method和DisposableBean/destroy-method mx_xiehd javaspringbeanxml
    1.initializingBean/init-method 实现org.springframework.beans.factory.InitializingBean接口允许一个bean在它的所有必须属性被BeanFactory设置后，来执行初始化的工作，InitialzingBean仅仅指定了一个方法。 通常InitializingBean接口的使用是能够被避免的，（不鼓励使用，因为没有必要
  • 解决Centos下vim粘贴内容格式混乱问题 qindongliang1922 centosvim
    有时候，我们在向vim打开的一个xml，或者任意文件中，拷贝粘贴的代码时，格式莫名其毛的就混乱了，然后自己一个个再重新，把格式排列好，非常耗时，而且很不爽，那么有没有办法避免呢？ 答案是肯定的，设置下缩进格式就可以了，非常简单： 在用户的根目录下 直接vi  ~/.vimrc文件 然后将set pastetoggle=<F9> 写入这个文件中，保存退出，重新登录，
  • netty大并发请求问题 tianzhihehe netty
    多线程并发使用同一个channel java.nio.BufferOverflowException: null at java.nio.HeapByteBuffer.put(HeapByteBuffer.java:183) ~[na:1.7.0_60-ea] at java.nio.ByteBuffer.put(ByteBuffer.java:832) ~[na:1.7.0_60-ea]
  • Hadoop NameNode单点问题解决方案之一 AvatarNode wyz2009107220 NameNode
    我们遇到的情况 Hadoop NameNode存在单点问题。这个问题会影响分布式平台24*7运行。先说说我们的情况吧。 我们的团队负责管理一个1200节点的集群(总大小12PB)，目前是运行版本为Hadoop 0.20，transaction logs写入一个共享的NFS filer(注：NetApp NFS Filer)。 经常遇到需要中断服务的问题是给hadoop打补丁。 DataNod
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他