Gun+ing
Gun+ing

three.js鼠标事件

实现功能：
1.左键点击方块并移动鼠标，方块跟随鼠标移动。
2.右键点击方块并移动鼠标，方块旋转。
3.鼠标滚动可以放大或缩小方块。

代码实现如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Three.js_MouseEvent</title>
    <style>
        body {
     
            margin: 0;
            overflow: hidden;
        }
    </style>
    <script type="text/javascript" src="three.js-master/build/three.js"></script>
    <script type="text/javascript" src="three.js-master/examples/js/controls/OrbitControls.js"></script>
</head>
<body>
<div id="output">

</div>
<script>
    function init() {
     
        var scene = new THREE.Scene();
        var camera = new THREE.PerspectiveCamera(90, window.innerWidth / window.innerHeight, 0.1, 1000);
        camera.position.set(15, 15, 15);
        camera.lookAt(scene.position);
        var renderer = new THREE.WebGLRenderer();
        renderer.setSize(window.innerWidth, window.innerHeight);
        var cube = new THREE.Mesh(new THREE.BoxGeometry(3, 3, 3), new THREE.MeshBasicMaterial({
     
            color: 0x0051ba,
            wireframe: true
        }));
        scene.add(cube);
        document.getElementById("output").appendChild(renderer.domElement);

        render();

        function render() {
     
            requestAnimationFrame(render);
            renderer.render(scene, camera);
        }

        document.addEventListener('mousedown', onMouseDown);
        document.addEventListener('mouseup', onMouseUp);
        document.addEventListener('wheel', onMouseWheel);
        //阻止右键菜单呼出事件
        document.oncontextmenu = function (event) {
     
            event.preventDefault();
        };

        var liftMouseDown, rightMouseDown;
        var selectObj, lastPosition;
        var lastIntersection, nowIntersection;
        var mouseX, mouseY;

        function onMouseDown(event) {
     
            var rayCaster = getRay(event);
            var intersects = rayCaster.intersectObjects([cube]);//参数需为数组
            //左键点击并且点击的是物体时
            if (event.button === 0 && intersects[0]) {
     
                selectObj = intersects[0].object;//储存当前点击的对象
                liftMouseDown = true;
                lastPosition = selectObj.position;//储存当前物体坐标位置
                lastIntersection = getIntersection(event);//获取点击时的交点
                document.addEventListener('mousemove', onMouseMove);
            }
            //右键点击屏幕时
            if (event.button === 2) {
     
                mouseX = event.clientX;
                mouseY = event.clientY;
                rightMouseDown = true;
                document.addEventListener('mousemove', onMouseMove);
            }
        }

        function onMouseUp(event) {
     
            liftMouseDown = false;
            rightMouseDown = false;
            document.removeEventListener('mousemove', onMouseMove);
        }

        function onMouseMove(event) {
     
            //左键点击状态下移动，网格跟随鼠标移动
            if (liftMouseDown) {
     
                nowIntersection = getIntersection(event);//获得移动后当前的交点
                var offset = new THREE.Vector3();
                //现在的交点减去之前的交点能够得到一个位移向量，再加上之前的物体坐标，就等于现在的物体坐标
                selectObj.position.copy(offset.subVectors(nowIntersection, lastIntersection).add(lastPosition));
                lastIntersection = nowIntersection;
                lastPosition = offset;
            }
            //右键点击状态下移动，网格自身跟随鼠标旋转
            if (rightMouseDown) {
     
                var deltaX = event.clientX - mouseX;
                mouseX = event.clientX;
                var deltaY = event.clientY - mouseY;
                mouseY = event.clientY;
                rotation(deltaX, deltaY);
            }
        }

        //旋转物体
        function rotation(x, y) {
     
            cube.rotation.y += x / 100;
            cube.rotation.x += y / 100;
        }

        //鼠标中键滚动时放大或者缩小
        function onMouseWheel(event) {
     
            if (event.wheelDelta > 0) {
     
                cube.scale.copy(cube.scale.add(new THREE.Vector3(0.1, 0.1, 0.1)))
            } else {
     
                cube.scale.copy(cube.scale.sub(new THREE.Vector3(0.1, 0.1, 0.1)))
            }
        }

        //根据鼠标点击的点和相机建立一条射线
        function getRay(event) {
     
            event.preventDefault();
            var mouse = new THREE.Vector2();
            var rayCaster = new THREE.Raycaster();
            var rect = renderer.domElement.getBoundingClientRect();
            mouse.x = ((event.clientX - rect.left) / rect.width) * 2 - 1;
            mouse.y = -((event.clientY - rect.top) / rect.height) * 2 + 1;
            rayCaster.setFromCamera(mouse, camera);
            return rayCaster;
        }

        //获取射线与屏幕平面的交点
        function getIntersection(event) {
     
            var plane = new THREE.Plane();
            //通过相机位置生成法向量，该法向量和一个点可以建立一个平面
            plane.setFromNormalAndCoplanarPoint(camera.getWorldDirection(plane.normal), new THREE.Vector3(0, 0, 0));
            var rayCaster = getRay(event);
            var worldPoint = new THREE.Vector3();
            //获得射线和平面相交的世界坐标
            rayCaster.ray.intersectPlane(plane, worldPoint);
            return worldPoint;
        }
    }

    init();
</script>
</body>
</html>

欢迎评论！

你可能感兴趣的:(three.js)

  • 前端three.js的Sprite模拟下雪动画效果 qq_35430208 three.js前端javascript三维场景中下雪效果threejs实现下雪效果
    一、效果如图所示：二、原理同下雨一样三、完整代码：index.jsimport*asTHREEfrom'three';import{OrbitControls}from'three/addons/controls/OrbitControls.js';importmodelfrom'./model.js';//模型对象//场景constscene=newTHREE.Scene();scene.add
  • Three.js AnimationUtils 和 AnimationObjectGroup 灵魂清零 three前端web3javascript
    AnimationObjectGroup接收共享动画状态的一组对象。在使用手册的“下一步”章节中，“动画系统”一文对three.js动画系统中的不同元素作出了概述用法:将本来要作为根对象传入构造器或者动画混合器(AnimationMixer)的clipAction方法中的对象加入组中，并将这个组对象作为根对象传递。注意，这个类的实例作为混合器中的一个对象，因此，必须对组内的单个对象做缓存控制。限制
  • three.js AnimationClip 和 AnimationMixer 灵魂清零 threeweb3前端javascriptvue.js
    AnimationClip动画剪辑（AnimationClip）是一个可重用的关键帧轨道集，它代表动画。构造器AnimationClip(name:String,duration:Number,tracks:Array)name-此剪辑的名称duration-持续时间(单位秒).如果传入负数,持续时间将会从传入的数组中计算得到。tracks-一个由关键帧轨道（KeyframeTracks）组成的数
  • ThreeJS入门（001）：简介、下载安装、历史、应用场景、竞品 还是大剑师兰特 #ThreeJS综合教程200+webgl大剑师ThreeJS简介
    查看本专栏目录-本文是第001篇入门文章文章目录一、Three.js简介二、Three.js的历史与发展三、公司背景四、下载安装五、官方网站六、应用范围场景七、相关竞品一、Three.js简介Three.js是一个基于WebGL的JavaScript3D库，它使得在Web上创建和展示3D内容变得简单。Three.js提供了一系列抽象层，让开发者可以专注于设计和实现3D应用程序，而无需深入了解复杂的
  • three.js 加载STL模型补充遇到的问题 代码搬运工娃哈哈呀娃哈哈 前端
    旋转问题three.js在开发的时候找到的指导文档提到的都是场景相机渲染初始化，相机控制器默认是轨道控制器OrbitControls。在使用中若想各个方向都可以用鼠标旋转只有水平方向能够无限旋转，垂直方向有俯仰角±90°的限制，找了很久才知道TrackballControls轨迹球控制器，可以实现水平垂直旋转，但是也存在缺点，若是模型加载上下左右前后视图的时候，左右前后没有影响，但是在移动到上和下
  • react 中three.js 模型渲染 Mr_wuying reactjavascriptreact.js前端
    npminstallthreeimport*asTHREEfrom"three";import{GLTFLoader}from"three/examples/jsm/loaders/GLTFLoader.js";constmountRef=useRef(null);useEffect(()=>{//创建渲染器constrenderer=newTHREE.WebGLRenderer();constw
  • 4. 第一个3D案例—创建3D场景 小彭努力中 Three.js3d前端
    入门Three.js的第一步，就是认识场景Scene、相机Camera、渲染器Renderer三个基本概念，接下来，咱们通过三小节课，大家演示“第一个3D案例”完成实现过程。学习建议：只要你能把第一个3D案例搞明白，后面学习就会非常顺利了。本节课先完成第一个3D案例的一部分，也就是3D场景Scene的创建。三维场景Scene你可以把三维场景Scene(opensnewwindow)对象理解为虚拟的
  • Three.js Cesium.js 案例聚集地 优雅永不过时· javascript3d低代码智慧城市threejscesiumjs
    对于大多数的开发者来言，看了很多文档可能遇见不到什么有用的，就算有用从文档上看，把代码复制到自己的本地大多数也是不能用的，非常浪费时间和学习成本，尤其是three.js，cesium.js这种难度较高，想要实现一个功能可能会查阅很多博客，进行很多错误尝试，费时费力。集成了相关友情站所以，话不多说为了给各位造福利，我搭建了在线查看代码且可的调试系统，所有案例可直接访问，让你欣赏什么叫做-优雅永不过时
  • three.js 着色器， cesium 热力图，聚合点位，大量点线面， 图层，主题，文字 优雅永不过时· 着色器javascript3dwebgl前端cesium.jsthreejs
    对于大多数的开发者来言，看了很多文档可能遇见不到什么有用的，就算有用从文档上看，把代码复制到自己的本地大多数也是不能用的，非常浪费时间和学习成本，尤其是three.js，cesium.js这种难度较高，想要实现一个功能可能会查阅很多博客，进行很多错误尝试，费时费力。所以，话不多说为了给各位造福利，我搭建了在线查看代码且可的调试系统，所有案例可直接访问，让你欣赏什么叫做-优雅永不过时-写最优雅的代码
  • three.js 编辑器，动画，着色器， cesium 热力图，聚合点位，大量点线面， 图层，主题，文字，等众多案例中心 优雅永不过时· 着色器智慧城市人工智能javascript前端3d
    对于大多数的开发者来言，看了很多文档可能遇见不到什么有用的，就算有用从文档上看，把代码复制到自己的本地大多数也是不能用的，非常浪费时间和学习成本，尤其是three.js，cesium.js这种难度较高，想要实现一个功能可能会查阅很多博客，进行很多错误尝试，费时费力。所以，话不多说为了给各位造福利，我搭建了在线查看代码且可的调试系统，所有案例可直接访问，让你欣赏什么叫做-优雅永不过时-写最优雅的代码
  • 微信小程序xr-frame图层与显示(五种方法) 牧羊人_sj xr微信小程序图层
    前言：控制小程序隐藏与显示有五种方法，感兴趣的可以参考这个文档，但是本文只赘述两种方法。1.通过visible属性(详见：Three.js模型隐藏或显示)visible:作用就是控制绑定该材质的模型对象是否可见，默认值是true，LineBasicMaterial、SpriteMaterial、MeshBasicMaterial等材质都会继承基类Material的可见性；注意：(链接)1).vis
  • 【Three.js基础学习】19.Custom models with Blender 蚕食我的耐心 three.js基础学习学习blender
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档前言blender模型资源:【blender】一个汉堡包-CSDN博客一、代码import'./style.css'import*asTHREEfrom'three'import{OrbitControls}from'three/examples/jsm/controls/OrbitControls.js'import{GLTFLoa
  • three.js低代码 编辑器 ，和 相应 3d 功能案例 ，cesium 优雅永不过时· three.jscesium.jswebgljavascript前端
    开发历程低代码的开发是非常曲折的，尤其是早期根本没有任何参考作品或者相关的一些知识博客去引领我们去做，会经历多次的推到再到重头再来，又需要开发者有很高的知识储备，举步维艰。以下是我的一些的功能分布，希望能对你有一些启发，让你少走一些弯路。预览查看https://z2586300277.github.io/three-editor/dist/#/editor开源地址https://github.co
  • three.js 实现 3D地图 优雅永不过时· 3djavascript低代码npm智慧城市前端threejs
    three.js实现仿照echarts3d地图。由于three.js目前比较依赖写代码，而一个美的地图需要大量的three.js组合，我建议先做three.js基础层的低代码编辑器，随后各种项目和效果配置起来都会很方便。https://z2586300277.github.io/three-editor/dist/#/codeMirror?example_path=threeEditor&exam
  • Three.js CSS3D、CSS2D及精灵的区别 阿星小栈 前端threeCSS2DCSS3Dthree.js
    在Three.js中，这三种API都可以用来制作标签，那么有什么区别呢，本文进行解惑。首先，CSS3D和CSS2D都是DOM下的元素，而精灵使用Canvas作为纹理显示。DOM下的元素，意思就是可以通过CSS或JS这些去获取ID控制样式，更新时调整元素的值就可以了，精灵的只能去Canvas画，包括更新时也如此。主要区别如下：CSS3D不面向摄像机，场景缩放时，缩小放大跟随着，不被模型遮挡，通过DO
  • threejs 创建CSS3DSprite精灵标签, 可以更新位置及内容(封装) zsd_666 Web前端css3前端css
    threejs创建CSS3DSprite精灵标签,可以更新位置及内容(封装)ThreeCss3dSprite.js工具类import{CSS3DRenderer,CSS3DSprite}from"../js/three.js/examples/jsm/renderers/CSS3DRenderer.js";classThreeCss3dSprite{constructor(){this.sprit
  • 更新到死得原生 three.js 和 cesium 得案例 优雅永不过时· three.jscesium.jsshaderjavascript3d前端
    纯原生threecesium案例由于前端得发展，three.js和cesium.js越来越被越来越多得前端接触到，由于其学习路线比较复杂，且官网案例覆盖不全，因此在今年我**联合了业界得一些大佬**共同搭建了一个免费得three和cesium案例学习平台，未来将免费逐步的更新案例。主要侧重于开发者的技术交流，每个开发者可以将自己拿手案例上传，大家之间可以互相学习借鉴,以此减少大家在工作中的学习成本
  • CSS2DRenderer的使用 qq_39672409 threejs前端
    具体参照https://github.com/mrdoob/three.js/blob/master/examples/css2d_label.html；CSS2DRenderer的使用import{CSS2DObject，CSS2DRenderer}from‘three/examples/jsm/renderers/CSS2DRenderer’;const{position,zIndex}=da
  • three.js记录一下实现模型放大缩小的限制 一只理智恩 javascript开发语言webgl前端
    限制模型的最大放大倍数和最小缩小倍数，可以使用three.js中的缩放操作scale和事件监听器首先，为了使模型可以缩放，需要将缩放属性设置为需要的初始值。例如，将模型的初始缩放设置为1倍：model.scale.set(1,1,1);//model就是加载的模型添加一个事件监听器来响应用户的放大和缩小操作。在监听器函数中，可以通过修改模型的缩放来实现放大和缩小效果。//监听鼠标滚轮事件docum
  • WebGL开发的应用领域 super_Dev_OP 信息可视化
    WebGL是一种基于JavaScript的3D图形库，用于在浏览器中创建交互式和动态的3D图形应用。以下是一些可以使用WebGL开发的应用领域，希望对大家有所帮助。北京木奇移动技术有限公司，专业的软件外包开发公司，欢迎交流合作。1.游戏开发：利用WebGL创建3D游戏，提供更沉浸式的游戏体验。许多游戏引擎，如Three.js、Babylon.js，都基于WebGL。2.虚拟现实（VR）和增强现实（
  • WebGL开发数据可视化应用 super_Dev_OP 信息可视化数据分析数据挖掘
    使用WebGL进行数据可视化可以创造出令人印象深刻的交互式和动态图形。以下是一些在WebGL中开发数据可视化应用时需要考虑的步骤和技术，希望对大家有所帮助。1.选择合适的WebGL框架或库：使用现有的WebGL框架或库，如Three.js、Babylon.js、regl等，以简化开发过程并提供强大的3D图形功能。2.数据准备：准备要可视化的数据，确保数据是结构化的，并考虑使用JSON、CSV等格式
  • WebGL开发飞行模拟器 super_Dev_OP webgl信息可视化数学建模
    开发一个基于WebGL的飞行模拟器是一个复杂而有趣的项目。以下是一些关键步骤和考虑事项，帮助你开始这样的应用，希望对大家有所帮助。北京木奇移动技术有限公司，专业的软件外包开发公司，欢迎交流合作。1.选择合适的WebGL框架或库：选择一个适用于飞行模拟器的WebGL框架或库，如Three.js、Babylon.js等。这些库提供了3D图形的强大功能和易用的API。2.地图和地形数据集成：集成地图和地
  • 3D模型的开发框架及特点 super_Dev_OP webgl信息可视化
    在3D模型的开发中，有一些流行的框架和工具，它们提供了一系列功能，使得开发者能够更高效地创建、编辑和渲染3D模型。以下是一些常见的3D模型开发框架及其特点，希望对大家有所帮助。北京木奇移动技术有限公司，专业的软件外包开发公司，欢迎交流合作。1.Three.js:特点：Three.js是一个基于JavaScript的开源3D库，简化了在Web上创建和渲染3D场景的过程。它提供了丰富的功能，包括灯光、
  • three.js 3D可视化地图 allenjiao threejs地图三维gis大数据webgl
    threejs地图可视化地图——three.js实现this.provinceInfo=document.getElementById('provinceInfo');//渲染器this.renderer=newTHREE.WebGLRenderer({antialias:true});this.renderer.setSize(window.innerWidth,window.innerHeig
  • 【Three.js】前端从零开始学习 threejs：创建第一个 threejs3D 页面 努力挣钱的小鑫 Web3d前端javascript学习
    课程和学习大纲对应的课程在这里：Threejs教程、2023最新最全最详细Threejs教程、零基础Threejs最详细教程（已完结）学习知识要点思维导图：官网和文档的使用three.js官网如果无法访问，可以下载国内大佬的镜像跑起来就行threejs-code-publicnpmi下载依赖后启动npmrunstart启动就可以啦！官方编辑器直接点击，后续拿来做测试使用。创建第一个threejs3
  • 基于babylon.js的3D网页游戏从零教程 weixin_33698043 游戏webpackjavascriptViewUI
    3D游戏的javascript框架：在很久一段时间web端的3D游戏引擎一直是nothing，但现在却如雨后春笋。Unity（Unity2018.2开始已经彻底弃用js，使用C#）Three.js（比较底层的框架，只是一个渲染器，复杂的游戏互动需要找合适的插件）PlayCanvas（可视化编辑器，走设计的workflow）babylon.js（巴比伦js，是微软开发和维护的web端3D引擎）Cop
  • 从Unity到Three.js（计时器、Transform） chillxiaohan Three.js学习记录unityjavascript游戏引擎
    计时器、模型对象平移函数、枚举定义的使用对应unity中的一些常用功能import*asTHREEfrom'three';constscene=newTHREE.Scene();constcamera=newTHREE.PerspectiveCamera(60,window.innerWidth/window.innerHeight,0.1,1000);constrenderer=newTHREE
  • three.js 细一万倍教程 从入门到精通（三） 编程抗氧化 three.jsjavascript开发语言ecmascriptthree.jswebgl3D
    目录五、详解PBR材质纹理5.1、详解PBR物理渲染5.2、标准网格材质与光照物理效果5.3、置换贴图与顶点细分设置5.4、设置粗糙度与粗糙度贴图5.5、设置金属度与金属贴图5.6、法线贴图应用5.7、如何获取各种类型纹理贴图5.8、纹理加载进度情况单张图片加载多张图片加载5.9、详解环境贴图5.10、经纬线映射贴图与HDR经纬线映射贴图HDR六、详解灯光与阴影6.1、灯光与阴影的关系与设置6.2
  • 本地搭建three.js官方文档 编程抗氧化 three.jsthree.js文档github3dwebglthreejsjavascript
    因为three.js官网文档是国外的网站，所以你没有魔法的情况下打开会很慢，这时我们需要在本地搭建一个官方文档便于我们学习查看。第一步：首先我们先访问GitHub地址GitHub-mrdoob/three.js:JavaScript3DLibrary.下载不下来的小伙伴们私信我。第二步：使用vscode或者webstorm打开项目第三步：执行命令安装依赖npminstall第四步：执行启动命令np
  • three.js 细一万倍教程 从入门到精通（二） 编程抗氧化 three.jsjavascript前端开发语言three.jswebgl3D三维
    目录三、全面认识three.js物体3.1、掌握几何体顶点_UV_法向属性3.2、BufferGeometry设置顶点创建矩形3.3、生成酷炫三角形科技物体四、详解材质与纹理4.1、初识材质与纹理4.2、详解纹理偏移_旋转_重复偏移旋转重复4.3、设置纹理显示算法与mipmapmapFilterminFilter4.4、透明材质与透明纹理4.5、环境遮挡贴图与强度三、全面认识three.js物体3
  • 矩阵求逆（JAVA）初等行变换 qiuwanchi 矩阵求逆（JAVA）
    package gaodai.matrix; import gaodai.determinant.DeterminantCalculation; import java.util.ArrayList; import java.util.List; import java.util.Scanner; /** * 矩阵求逆(初等行变换) * @author 邱万迟 *
  • JDK timer antlove javajdkschedulecodetimer
    1.java.util.Timer.schedule(TimerTask task, long delay)：多长时间（毫秒）后执行任务 2.java.util.Timer.schedule(TimerTask task, Date time)：设定某个时间执行任务 3.java.util.Timer.schedule(TimerTask task, long delay,longperiod
  • JVM调优总结 -Xms -Xmx -Xmn -Xss coder_xpf jvm应用服务器
    堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。 典型设置： java -Xmx
  • JDBC连接数据库 Array_06 jdbc
    package Util; import java.sql.Connection; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; public class JDBCUtil { //完
  • Unsupported major.minor version 51.0（jdk版本错误） oloz java
    java.lang.UnsupportedClassVersionError: cn/support/cache/CacheType : Unsupported major.minor version 51.0 (unable to load class cn.support.cache.CacheType) at org.apache.catalina.loader.WebappClassL
  • 用多个线程处理1个List集合 362217990 多线程threadlist集合
      昨天发了一个提问，启动5个线程将一个List中的内容，然后将5个线程的内容拼接起来，由于时间比较急迫，自己就写了一个Demo，希望对菜鸟有参考意义。。 import java.util.ArrayList; import java.util.List; import java.util.concurrent.CountDownLatch; public c
  • JSP简单访问数据库 香水浓 sqlmysqljsp
    学习使用javaBean，代码很烂，仅为留个脚印 public class DBHelper { private String driverName; private String url; private String user; private String password; private Connection connection; privat
  • Flex4中使用组件添加柱状图、饼状图等图表 AdyZhang Flex
    1.添加一个最简单的柱状图 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 <?xml version= "1.0"&n
  • Android 5.0 - ProgressBar 进度条无法展示到按钮的前面 aijuans android
    在低于SDK < 21 的版本中，ProgressBar 可以展示到按钮前面，并且为之在按钮的中间，但是切换到android 5.0后进度条ProgressBar 展示顺序变化了，按钮再前面，ProgressBar 在后面了我的xml配置文件如下：   [html]  view plain copy   <RelativeLa
  • 查询汇总的sql baalwolf sql
    select   list.listname, list.createtime,listcount from dream_list as list ,   (select listid,count(listid) as listcount  from dream_list_user  group by listid  order by count(
  • Linux du命令和df命令区别 BigBird2012 linux
            1，两者区别             du，disk usage,是通过搜索文件来计算每个文件的大小然后累加，du能看到的文件只是一些当前存在的，没有被删除的。他计算的大小就是当前他认为存在的所有文件大小的累加和。        
  • AngularJS中的$apply，用还是不用？ bijian1013 JavaScriptAngularJS$apply
            在AngularJS开发中，何时应该调用$scope.$apply()，何时不应该调用。下面我们透彻地解释这个问题。         但是首先，让我们把$apply转换成一种简化的形式。         scope.$apply就像一个懒惰的工人。它需要按照命
  • [Zookeeper学习笔记十]Zookeeper源代码分析之ClientCnxn数据序列化和反序列化 bit1129 zookeeper
    ClientCnxn是Zookeeper客户端和Zookeeper服务器端进行通信和事件通知处理的主要类，它内部包含两个类，1. SendThread 2. EventThread， SendThread负责客户端和服务器端的数据通信，也包括事件信息的传输，EventThread主要在客户端回调注册的Watchers进行通知处理   ClientCnxn构造方法   &
  • 【Java命令一】jmap bit1129 Java命令
    jmap命令的用法：   [hadoop@hadoop sbin]$ jmap Usage: jmap [option] <pid> (to connect to running process) jmap [option] <executable <core> (to connect to a
  • Apache 服务器安全防护及实战 ronin47
    此文转自IBM. Apache 服务简介 Web 服务器也称为 WWW 服务器或 HTTP 服务器 (HTTP Server)，它是 Internet 上最常见也是使用最频繁的服务器之一，Web 服务器能够为用户提供网页浏览、论坛访问等等服务。 由于用户在通过 Web 浏览器访问信息资源的过程中，无须再关心一些技术性的细节，而且界面非常友好，因而 Web 在 Internet 上一推出就得到
  • unity 3d实例化位置出现布置？ brotherlamp unity教程unityunity资料unity视频unity自学
    问：unity 3d实例化位置出现布置？ 答：实例化的同时就可以指定被实例化的物体的位置,即 position  Instantiate (original : Object, position : Vector3, rotation : Quaternion) : Object 这样你不需要再用Transform.Position了,   如果你省略了第二个参数(
  • 《重构，改善现有代码的设计》第八章 Duplicate Observed Data bylijinnan java重构
    import java.awt.Color; import java.awt.Container; import java.awt.FlowLayout; import java.awt.Label; import java.awt.TextField; import java.awt.event.FocusAdapter; import java.awt.event.FocusE
  • struts2更改struts.xml配置目录 chiangfai struts.xml
    struts2默认是读取classes目录下的配置文件，要更改配置文件目录，比如放在WEB-INF下，路径应该写成../struts.xml(非/WEB-INF/struts.xml) web.xml文件修改如下：   <filter> <filter-name>struts2</filter-name> <filter-class&g
  • redis做缓存时的一点优化 chenchao051 redishadooppipeline
            最近集群上有个job，其中需要短时间内频繁访问缓存，大概7亿多次。我这边的缓存是使用redis来做的，问题就来了。       首先，redis中存的是普通kv，没有考虑使用hash等解结构，那么以为着这个job需要访问7亿多次redis，导致效率低，且出现很多redi
  • mysql导出数据不输出标题行 daizj mysql数据导出去掉第一行去掉标题
    当想使用数据库中的某些数据，想将其导入到文件中，而想去掉第一行的标题是可以加上-N参数 如通过下面命令导出数据： mysql -uuserName -ppasswd -hhost -Pport -Ddatabase -e " select * from tableName"  > exportResult.txt 结果为： studentid
  • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
    先下载PHPEXCEL类文件，放在class目录下面，然后新建一个index.php文件，内容如下 <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('
  • 爱情格言 dcj3sjt126com 格言
     1) I love you not because of who you are, but because of who I am when I am with you. 　　 我爱你，不是因为你是一个怎样的人，而是因为我喜欢与你在一起时的感觉。 　　2) No man or woman is worth your tears, and the one who is, won‘t
  • 转 Activity 详解——Activity文档翻译 e200702084 androidUIsqlite配置管理网络应用
    activity 展现在用户面前的经常是全屏窗口，你也可以将 activity 作为浮动窗口来使用（使用设置了 windowIsFloating 的主题），或者嵌入到其他的 activity （使用 ActivityGroup ）中。 当用户离开 activity 时你可以在 onPause() 进行相应的操作 。更重要的是，用户做的任何改变都应该在该点上提交 ( 经常提交到 ContentPro
  • win7安装MongoDB服务 geeksun mongodb
    1.  下载MongoDB的windows版本：mongodb-win32-x86_64-2008plus-ssl-3.0.4.zip，Linux版本也在这里下载，下载地址： http://www.mongodb.org/downloads   2.  解压MongoDB在D:\server\mongodb, 在D:\server\mongodb下创建d
  • Javascript魔法方法:__defineGetter__,__defineSetter__ hongtoushizi js
    转载自： http://www.blackglory.me/javascript-magic-method-definegetter-definesetter/ 在javascript的类中,可以用defineGetter和defineSetter_控制成员变量的Get和Set行为 例如,在一个图书类中,我们自动为Book加上书名符号: function Book(name){
  • 错误的日期格式可能导致走nginx proxy cache时不能进行304响应 jinnianshilongnian cache
    昨天在整合某些系统的nginx配置时，出现了当使用nginx cache时无法返回304响应的情况，出问题的响应头： Content-Type:text/html; charset=gb2312 Date:Mon, 05 Jan 2015 01:58:05 GMT Expires:Mon , 05 Jan 15 02:03:00 GMT Last-Modified:Mon, 05
  • 数据源架构模式之行数据入口 home198979 PHP架构行数据入口
    注：看不懂的请勿踩，此文章非针对java，java爱好者可直接略过。   一、概念 行数据入口（Row Data Gateway）：充当数据源中单条记录入口的对象，每行一个实例。   二、简单实现行数据入口 为了方便理解，还是先简单实现： <?php /** * 行数据入口类 */ class OrderGateway { /*定义元数
  • Linux各个目录的作用及内容 pda158 linux脚本
    1）根目录“/” 　　根目录位于目录结构的最顶层，用斜线（/）表示，类似于 Windows 操作系统的“C:\“，包含Fedora操作系统中所有的目录和文件。 　　2）/bin 　　/bin 　　目录又称为二进制目录，包含了那些供系统管理员和普通用户使用的重要 linux命令的二进制映像。该目录存放的内容包括各种可执行文件，还有某些可执行文件的符号连接。常用的命令有：cp、d
  • ubuntu12.04上编译openjdk7 ol_beta HotSpotjvmjdkOpenJDK
    获取源码 从openjdk代码仓库获取(比较慢) 安装mercurial Mercurial是一个版本管理工具。 sudo apt-get install mercurial 将以下内容添加到$HOME/.hgrc文件中，如果没有则自己创建一个： [extensions] forest=/home/lichengwu/hgforest-crew/forest.py fe
  • 将数据库字段转换成设计文档所需的字段 vipbooks 设计模式工作正则表达式
            哈哈，出差这么久终于回来了，回家的感觉真好！         PowerDesigner的物理数据库一出来，设计文档中要改的字段就多得不计其数，如果要把PowerDesigner中的字段一个个Copy到设计文档中，那将会是一件非常痛苦的事情。
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他