Shadow Shine
Shadow Shine

three.js的学习

Threejs

1 前言

Three.js是基于原生WebGL封装运行的三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。

既然Threejs是一款WebGL三维引擎，那么它可以用来做什么想必你一定很关心。所以接下来内容会展示大量基于Threejs引擎或Threejs类似引擎开发的Web3D应用，以便大家了解。

参考资料：

官网Demo

官网 api 文档

Three.js入门教程

2 three 核心概念

1.1 场景

3d 世界的容器，可以在容器中，添加 地面、天空、光照、人、动物等等。

1.2 相机

用来拍摄场景中的画面，相机在场景中的位置不同，角度不同，拍摄出来的画面就不一样。

1.3 渲染器

用于将相机拍摄出来的画面，绘制到画布上。

1.4 物体

3D世界是由一个个物体组合而成的。人、车、楼等等都是一个个的物体。

1.5 光线

有了光线你看到的物体才会有各种各样的颜色，并且随着光线的反射与折射产生出更加真实的感觉。

3 安装及使用three

3.1 安装

# three的版本指定好，新版有时更新了api，可能导致之前使用的方法不起作用
npm i [email protected]

3.2 使用

  • 在脚手架搭建的项目中使用

    import Three from 'three'

  • 在html 页面中使用

    <script src='./three.js'>script>

4 threejs 初探

DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>three-demotitle>
    <script src="./libs/three.min.js">script>
    <style>
      html,
      body {
        height: 100vh;
        width: 100vw;
        padding: 0;
        margin: 0;
        border: 0;
      }

      #demo {
        width: 100%;
        height: 100vh;
      }
    style>
  head>
  <body>
    <div id="demo">div>

    <script>
      const { THREE } = window;

      const {
        // 核心三件套
        Scene, // 场景
        WebGLRenderer, // 渲染器
        PerspectiveCamera, // 透视相机
          
        BoxGeometry, // 正方体几何体

        Mesh, // 网格 -- 物体

        PointLight, // 点光源
        AmbientLight, // 环境光 
      } = THREE;

      // 用于绘制3D图像的dom
      const renderDom = document.getElementById("demo");

      const width = renderDom.clientWidth; //窗口宽度
      const height = renderDom.clientHeight; //窗口高度
        
      const k = width / height; //窗口宽高比
      const s = 200; //三维场景显示范围控制系数，系数越大，显示的范围越大

      // 创建场景
      const scene = new Scene();

      // 物体的形状 -- 创建一个立方体几何对象
      const geometry = new BoxGeometry(100, 100, 100);
      // 物体材质 -- 铜、铁、颜色
      const material = new MeshLambertMaterial({
        color: 0x0000ff,
      });
      // 通过几何形状和材质创建出一个 立方体
      const mesh = new Mesh(geometry, material); //网格模型对象Mesh
      // 将物体加入到场景中
      scene.add(mesh); //网格模型添加到场景中
        
      // 添加点光源
      const point = new PointLight(0xffffff);
      point.position.set(400, 200, 300); //点光源位置
      scene.add(point); //点光源添加到场景中

      // 添加环境光
      const ambient = new AmbientLight(0xfbea94);
      scene.add(ambient);

      // 创建相机
      const camera = new PerspectiveCamera();
      camera.fov = 35; //  视角度数
      camera.near = 1; // 设置相机最小拍摄距离
      camera.far = 1000; // 设置相机最大拍摄距离

      camera.position.set(350, 290, 220); //设置相机位置
      camera.lookAt(scene.position); //设置相机方向(指向的场景对象)

      // 创建渲染器
      const renderer = new WebGLRenderer({
        precision: "lowp",
        alpha: true,
        antialias: true,
        logarithmicDepthBuffer: true,
      });

      renderer.setSize(width, height); // 设置渲染区域尺寸
      renderer.setClearColor(0xb9d3ff, 1); // 设置背景颜色

      // 在 demo dom 中插入渲染器
      renderDom.appendChild(renderer.domElement);

      // 将相机拍摄到的画面渲染出来
      renderer.render(scene, camera);
    script>
  body>
html>

three 核心概念示例图

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3zrNrYOL-1687830109752)(C:\Users\Administrator\Documents\markdown\WebGL\assets\threejs9threejs.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YHszuf74-1687830109753)(C:\Users\Administrator\Documents\markdown\WebGL\assets\threejs9threejs2.png)]

透视相机图解

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9zSBWKOE-1687830109753)(C:\Users\Administrator\Documents\markdown\WebGL\assets\14238c00f908461ba7007348de2bc604.png)]

5 threejs 全景学习曲线

  • Scene - 场景
  • Camera - 相机
    • 透视相机
    • 正交相机
  • WebGLRenderer - 渲染器
  • 物体
    • Points - 点
    • Line - 线
    • Mesh - 多边形网格
    • Geometry - 几何体
    • Skeleton - 骨架
    • Bone - 骨骼
    • Sprite - 精灵
  • Group - 分组
  • Light - 光
    • 环境光
    • 平行光
    • 点光源
    • 聚光灯
    • 半球光
  • Texture - 纹理贴图
    • VideoTexture - 视频纹理
    • DepthTexture - 深度纹理
    • CubeTexture - 立方纹理
    • Canvas纹理
  • Material - 材质
    • 线材质
    • 点材质
    • 网格材质
    • 着色器材质
    • 阴影材质
    • 精灵材质
  • Loader - 加载器
    • 加载模型文件
    • 加载文字
    • 加载图片
    • 加载音频
    • 加载视频
    • 加载纹理
  • Animation - 动画
    • 帧动画
    • 轨道动画
    • 骨骼动画
    • 变形动画
  • Audio - 语音
  • 内置计算方法
    • 数学库
    • 路径创建
    • 形状创建

你可能感兴趣的:(three,javascript,学习,开发语言)

  • 建立生活中不同方面的目标感 橘子成长说
    生活不能太形式化，但是为自己设立自己的目标，生活往往会更有方向一些。我们可以划分为四个部分的目标：健康，学习提高领域，职场，家人。另外设立自己的微梦想清单，建立长短期(1年，5年)目标。关于健康方面的目标：身体：每周锻炼3次，可以跑步，爬山，做keep;饮食：减少外出就餐，多吃水果蔬菜，坚果，牛奶，鱼，牛羊肉。护肤减肥穿搭：早晚注意清洁，坚持敷面膜，学习护肤知识；体重设定自己的理想体重；学习喜欢的
  • 2022.4.7 晚间日记 嘉祺的成长日记
    起床时间：8:30预估就寝：1:00天气：晴天任务清单:健身，写日记，看书周目标·完成进度健身30分钟本周60分钟学习90分钟本周270分钟游泳0分钟本周100分钟本周完成书籍:今日成就:好习惯:
  • 探索AI人工智能领域Actor - Critic的无限潜力
    探索AI人工智能领域Actor-Critic的无限潜力关键词：AI人工智能、Actor-Critic、强化学习、策略网络、价值网络摘要：本文将深入探索AI人工智能领域中Actor-Critic方法的无限潜力。我们会先介绍其背景知识，接着用通俗易懂的方式解释核心概念，包括Actor和Critic的含义及它们之间的关系，然后阐述其核心算法原理和具体操作步骤，还会给出数学模型和公式并举例说明。通过项目实
  • ROS2 通过相机确定物品坐标位置
    要实现通过相机确定物品坐标位置，通常需要相机标定、物体检测和坐标转换几个步骤。下面我将提供一个完整的解决方案，包括相机标定、物体检测和3D坐标估计。1.系统架构相机标定-获取相机内参和畸变系数物体检测-使用OpenCV或深度学习模型检测物品坐标转换-将2D图像坐标转换为3D世界坐标ROS2集成-将上述功能集成到ROS2节点中2.实现步骤2.1创建功能包bashros2pkgcreateobject
  • 2018-10-28 上海缘缀廉超
    姓名:廉超～公司:上海缘缀包装【日精进打卡第77天】【知～学习】《六项精进》1遍《大学》遍《活法》读完1遍《京瓷哲学》开始阅读【经典名句分享】路宽不如心宽，命好不如心好《中庸》有言：“正己而不求于人，则无怨。上不怨天，下不尤人。”自己先端正自己的位置，而不是先把精力放在要求别人上面，这样就没有怨恨。花知雨露之恩，所以开花报答；人亦应知他人之恩，感恩回报是福。【行～实践】一、修身：（对自己个人）1、
  • 好父母孵化营第七期线下沙龙 翔鹰_bda3
    2019年5月17日，细雨绵绵，微风习习。兴业春天花园社区在刘轩老师的努力下，在社区书记的支持下，在好父母孵化营日照团队的帮助下，每周五上午9:00~11:00都将如期举行好父母孵化营线下公益沙龙。我们一直在这里，与大家一起学习成长成为智慧父母，我们发愿，让天下不再有难做的父母，让天下的孩子都可以像孩子一样长大。生命不息，成长不止非常感动今天的课堂到来了三位爸爸，真的好棒！父母课堂有爸爸的参与学习
  • 读《曾国藩传》第六章感悟② 聶楓
    这一章节题目叫咸丰帝的博弈，我们最应该学习的就是曾国藩的“挺”！清政府军的节节败退，太平天国声势浩大的北伐，让咸丰皇帝十分的着急，此时，皇帝手中已没有了兵力，所以，下令让曾国藩出兵增援。此时的湘军还不成熟，如果出兵，结果必然是失败。但是不出兵就是违抗圣意，所以曾国藩很好的使用了拖字诀，为湘军的准备争取了时间。后来又有好友、恩师的相继求援，咸丰皇帝再一次要求出兵，在如此危急的关头，曾国藩为了顾全大局
  • iCourt为律师团队量身打造，300+业务学习与增长实操指引（2024）
    终生学习,已经是律师行业公认的执业心法。一位律师无论是处于什么阶段、什么职位,都需要不断学习,与时俱进,增强自己的专业实力,从而更好地不断突破发展天花板。怎么学,在哪学,如何高效利用有限的学习精力,同样是每一位律师需要探究的课题。事实上,一个好的、新的、全的法律学习资源平台至关重要。iCourt线上课程平台经过全新升级,顶级法律团队精心打磨,包含海量专业课程和精美课件,满足法律人全方位、多层面的学
  • 学习资料 最新最全英语0基础资料！！更新速存
    获取资料方式：复制链接，打开夸克网盘，自动跳转保存。用手机转存，可mian费领取1GB大容量。！！及时转存，文件容易失效！！！英语学习资料大汇总：https://pan.quark.cn/s/b4ad959ea789下面有更细的详细分类，有视频讲解，pdf资料等，有需要可以看看。如果觉的能帮助到你，麻烦收藏一下，你的收藏是我最大的动力，感谢感谢。英语零基础到听说流利https://pan.quar
  • 2021.5.7华为实习机试题 挣脱惯性，换种人生 python图论算法
    快两个月了才想起之前做的华为机试的第三题还没有解决掉，通过这几天对路径规划问题的学习，已经掌握了一点这种类型的套路了。该题大概意思如下：给定一个起点src，要求骑车到达某个终点的最短时间，单位路程等于耗电量。输入输出如下：'''第一行输入的数据表示：城市的个数、充满电的电容量C、耗电量/路程（=时间）的系数、充满电所需时间/待充满电量的系数、起点、终点第二行数据表示：道路的条数，之后的每3个数一组
  • 2019-06-15理财小白感悟 Sophy_Wong
    从很喜欢的一个喜马拉雅节目，认识了一个有趣，有思想，有能力的主播。从不知道可转债是什么，到前几天很幸运的中签了。一直都很相信吸引力法则，向优秀的人学习。哈哈，希望哪天也能成为财务自由[嘿哈][爱心]
  • 只要是你，再晚都没关系 唯有深情不自知
    再次相见，是个阳光明媚的午后，在市中心的图书馆书架旁。她踮着脚伸出手，想拿下一本高数分析有关的资料，虽然在学习数学上她一直在做斗争，但她往往是处于弱势的一方。每每都会在题海中败下阵来。有点惊讶又有点无措，不知道需不需要搭话缓解一下尴尬气氛的时候，男孩已经主动伸出手拿下书递到她的面前：“给你。”被这突然的声音吓到回神，她缓过神来，伸出纤细的双手，道：“谢谢！我先走了。”“小小。”他温润的嗓音如同温暖
  • 探索Pebble时代遗留的瑰宝：Slate框架简介 宣苓滢Rosa
    探索Pebble时代遗留的瑰宝：Slate框架简介项目介绍随着技术迭代的脚步，Slate——曾经为Pebble智能手表应用提供强大支持的前端框架，虽然已被Clay取而代之，但其在移动配置页面开发领域的创新精神值得回顾。它以简洁高效的设计理念，让开发者能够快速创建美观且用户友好的配置界面，曾是众多Pebble应用背后的功臣。技术深度剖析Slate基于轻量级的JavaScript库Zepto.js构建
  • tiktok 弹幕 x-bogus signature 分析
    声明:本文章中所有内容仅供学习交流使用，不用于其他任何目的，抓包内容、敏感网址、数据接口等均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关！逆向分析tiktok对ip和网络限制太多了，废了好几个ip才测完。在wss前还有一个接口需要拿到加密参数简单分析了一下。先请求拿到第一步加密参数url=requests.get('http://127.0.0.1:3000/url
  • tiktok 弹幕 LikeMessage分析 wx a15018601872 javagonode.jspythontiktok弹幕probuf
    声明:本文章中所有内容仅供学习交流使用，不用于其他任何目的，抓包内容、敏感网址、数据接口等均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关！逆向分析编写解析文件序号必须和浏览器序号一致否则没有数据。数据为空情况。部分代码如下functiondecrypt(res){D=newwindow.K()returnD.decodeResponse(base64ToArrayB
  • web直播弹幕抓取分析 signature
    声明:本文章中所有内容仅供学习交流使用，不用于其他任何目的，抓包内容、敏感网址、数据接口等均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关！前言最近遇到太多难点了卡了很久，魔改编译node，和直播弹幕dy/tiktok简单记录一下。进阶卡了好几天。逆向过程我也看了很多人开源了但是基本都是用不了的。不是417就是415补环境基本没补所以很容易被检测。我就随便照着网上开源
  • 刘澔【547】性格决定命运，修养决定成就2022-01-27 刘澔日日不断
    改变自己的修养、气质、性格，是学习进步的根本，比具体学习什么知识更加重要。人最开始的时候，脱颖而出，靠能力，靠才干，但是，路要走得长，越往后，越靠修养。原文柴也愚，参也愚，师也辟，由也喭。华杉详解这是孔子评价几位弟子的气质修养。圣门教人，是变化气质为先。曾国藩说读书，首先也是说唯有读书能变化人的气质，甚至说读书能改变人的骨相。性格决定命运，修养决定成就。改变自己的修养、气质、性格，是学习进步的根本
  • 天堂的老爹 寒月姐姐
    老爹，今天是个大日子啊，人间发生了很多事，恰好诠释了“生老病死，婚丧嫁娶”全凭天意。今天娱乐圈真的是乱呀，张唐夫妇结婚了，祝福他们爱情甜蜜，新婚幸福；双宋离婚、冰晨分手，也愿他们各自安好，无愧于心；最后，希望宝强兄弟节哀顺变，宝强妈妈一路走好，天堂仙境又多了一位好妈妈！老爹，说完了娱乐圈我和你说说我自己呀，今天依旧是学习，财管第3章题做完了，第6章课件听完了，虽然错题很多，但是贵在坚持✊我要淡定慢
  • 2022-11-29 霖霖z
    日期:2022年11月29日【日精进打卡第1609天】【知～学习】《六项精进》0遍共326遍《通篇》0遍共195遍《大学》0遍共527遍《六项精进》ok《京瓷哲学》ok《思维方式》ok《素直之心》ok《心》Ok《日航的奇迹》Ok《经典名句》对未来抱有希望，乐观开朗，积极行动态度很主要相信自己，坚持到底，绝不放弃，坚韧不拔你若精彩，天自安排一、修身：（对自己个人）1、坚持打卡二、齐家：（对家庭和家人
  • Node.js基础用法 Komorebi_9999 node.js
    一、基础用法与核心模块1.运行Node.js脚本bash#运行JS文件nodescript.js#进入交互式环境（REPL）node2.核心模块示例文件系统（fs模块）javascriptconstfs=require('fs').promises;//异步Promise版本constpath=require('path');//读取文件asyncfunctionreadFile(){try{co
  • 想学配音怎么自学，怎么才能进入配音行业 声优配音圈
    一、自学配音的步骤自学配音是一种提升自身技能的有效方法，具体步骤如下：兼职副业推荐公众号，配音新手圈，声优配音圈，新配音兼职圈，配音就业圈，鼎音副业，有声新手圈，每天更新各种远程工作与在线兼职，职位包括：写手、程序开发、剪辑、设计、翻译、配音、无门槛、插画、翻译、等等。。。每日更新兼职。1.了解配音基础知识，包括发音、节奏等；2.学习模仿各种声音和语调，提高自己的音色变化能力；3.多观察、多倾听，
  • 肖馨感恩日记220天 肖馨肖馨
    图片发自App1.感恩陶的主意，请了钟点工阿姨来家里打扫卫生真是焕然一新2.感谢阿姨兢兢业业的工作一小时，把我们的厨房和卫生间打扫得这么干净3.感谢网络时代，利用网络可以解决许多问题4.感谢村长请我们吃椰子鸡，吃的好饱5.感谢75届家长们对我的肯定和鼓励，让我信心满满坚持分享6.感谢我的家长们坚持打卡学习，让自主学习的种子开花结果7.感谢谭爸爸对我的信任，我一定全力以赴8.感谢方芳姐跟我分享面对5
  • 2019-06-16 六项精进阿晋
    1.付出不亚于任何人的努力2.要谦虚，不要骄傲3:要每天反省4:活着，就要感谢5.积善行，思利他6.不要有感性的烦恼今日分享：今天去接伙伴回家，看到熟悉的地方，熟悉的会场，一下子回想起自己参加培训时候的场景，历历在目！越来越多的伙伴参加学习，让我们一起精进！
  • 自学软件测试需要学什么？ AIZHINAN 软件测试软件测试面试自学软件测试软件测试培训转行软件测试
    软件测试是一个系统化的领域，需要掌握测试理论、工具、编程、环境配置、业务流程等多方面知识。以下是系统化的学习路径，涵盖从入门到进阶的核心内容：软件测试视频教程，从入门到精通（完整版）零基础小白也可学！一、测试理论基础1.测试基础概念软件测试的定义、目的（质量保障、缺陷预防）。测试流程：需求分析→测试计划→用例设计→执行→缺陷管理→报告。常见术语：黑盒/白盒测试、回归测试、冒烟测试、Alpha/Be
  • 为什么选择Selenium自动化测试？ AIZHINAN selenium测试工具自动化测试pytestpython职场和发展
    选择Selenium作为自动化测试工具的主要原因包括其开源、跨平台、多语言支持和强大的生态系统等优势。以下是详细分析：软件测试-Selenium自动化测试教程，零基础小白也能快速入门！python+selenium1.开源免费零成本：Selenium是开源工具，无需支付许可费用，适合预算有限的团队。社区支持：活跃的开发者社区提供丰富的学习资源、插件和问题解决方案。2.跨平台&跨浏览器支持多浏览器：
  • 学习 Python 爬虫需要哪些基础知识？ 广州山泉婚姻 python爬虫
    学习Python爬虫需要掌握一些基础技术和概念。1.Python基础语法这是最根本的前提，需要熟悉：-变量、数据类型（字符串、列表、字典等）-条件判断、循环语句-函数、类与对象-模块和包的使用（如import语句）2.网页基础了解网页的构成和工作原理：-HTML结构：能看懂标签、属性，知道如何定位内容（如div、span、a标签等）-CSS选择器：用于精准定位网页元素（如类选择器.class、ID
  • 【日记星球】外婆日记 （第258篇）挑战自己 月亮外婆
    2021年3月28日星期日广州晴今天是学习培训的第三天，在教官的指导下，主要完成了“超越自我”、“飞跃断桥”两个高空训练任务。这两个项目都需要在9米多高的空中完成，抬眼望去，也是有三层楼高了，我心里不禁砰砰地直跳。教官简短的讲解，不容置疑的语气，还有秀娥老师在一旁打气：每个人都必须完成今天的训练任务！至少完成其中一项，想突破自己的，就要勇敢地挑战两项任务！昊妈小杰第一个爬了上去，率先完成了“超越自
  • tiktok 弹幕 逆向分析 wx a15018601872 pythonjavatiktoktiktok弹幕tiktok弹幕逆向分析a-bogusX-Gnarly
    声明:本文章中所有内容仅供学习交流使用，不用于其他任何目的，抓包内容、敏感网址、数据接口等均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关！逆向分析部分python代码部分python代码is_match=check_payload_type(response_msg.payload_type,["im_enter_room_resp","msg"])ifis_mat
  • Python+Selenium自动化
    1，什么是seleniumselenium是一个开源的自动化测试框架，主要适用WEB测试，可以支持多种语言(Java,C#,Python,php等)，既然支持多语言开发，那跨平台自然就不用多说啦，selenium有几个版本，一个是seleniumIDE(是一个安装在火狐浏览器上的一个插件，可以用来录制脚本，然后导出自动生成对应的开发语言文件)，seleniumGrid(自动化辅助工具，楼主还没深入
  • 2020-11-20今日行情分析哦 和昨日行情分析 互相学习 天道911
    小金第一波1765开始一路做空，从未停止过脚步！！一路到位1693！！！第二波1745重仓做空空，目标1670已经兑现！！！现在持仓2070空单坚决看向1820-1775！！时间会验证一切。昨日行情回顾：亚盘：小金早盘公开1872最高点做空！！目标1855直接到位欧盘：1855现价做多。目标1865，一点不差！！美盘：1865现价空！目标1853！！！今日行情分析：最近行情一直宽幅整理，我们要分批
  • 312个免费高速HTTP代理IP（能隐藏自己真实IP地址） yangshangchuan 高速免费superwordHTTP代理
        124.88.67.20:843 190.36.223.93:8080 117.147.221.38:8123 122.228.92.103:3128 183.247.211.159:8123 124.88.67.35:81 112.18.51.167:8123 218.28.96.39:3128 49.94.160.198:3128 183.20
  • pull解析和json编码 百合不是茶 androidpull解析json
    n.json文件: [{name:java,lan:c++,age:17},{name:android,lan:java,age:8}]   pull.xml文件 <?xml version="1.0" encoding="utf-8"?> <stu>     <name>java
  • [能源与矿产]石油与地球生态系统 comsci 能源
          按照苏联的科学界的说法,石油并非是远古的生物残骸的演变产物,而是一种可以由某些特殊地质结构和物理条件生产出来的东西,也就是说,石油是可以自增长的....       那么我们做一个猜想: 石油好像是地球的体液,我们地球具有自动产生石油的某种机制,只要我们不过量开采石油,并保护好
  • 类与对象浅谈 沐刃青蛟 java基础
           类，字面理解，便是同一种事物的总称，比如人类，是对世界上所有人的一个总称。而对象，便是类的具体化，实例化，是一个具体事物，比如张飞这个人，就是人类的一个对象。但要注意的是：张飞这个人是对象，而不是张飞，张飞只是他这个人的名字，是他的属性而已。而一个类中包含了属性和方法这两兄弟，他们分别用来描述对象的行为和性质（感觉应该是
  • 新站开始被收录后，我们应该做什么？ IT独行者 PHPseo
    新站开始被收录后，我们应该做什么？         百度终于开始收录自己的网站了，作为站长，你是不是觉得那一刻很有成就感呢，同时，你是不是又很茫然，不知道下一步该做什么了？至少我当初就是这样，在这里和大家一份分享一下新站收录后，我们要做哪些工作。       至于如何让百度快速收录自己的网站，可以参考我之前的帖子《新站让百
  • oracle 连接碰到的问题 文强chu oracle
    Unable to find a java Virtual Machine－－安装64位版Oracle11gR2后无法启动SQLDeveloper的解决方案 作者：草根IT网 来源：未知 人气：813标签： 导读：安装64位版Oracle11gR2后发现启动SQLDeveloper时弹出配置java.exe的路径，找到Oracle自带java.exe后产生的路径“C:\app\用户名\prod
  • Swing中按ctrl键同时移动鼠标拖动组件（类中多借口共享同一数据） 小桔子 java继承swing接口监听
            都知道java中类只能单继承，但可以实现多个接口，但我发现实现多个接口之后，多个接口却不能共享同一个数据，应用开发中想实现：当用户按着ctrl键时，可以用鼠标点击拖动组件，比如说文本框。 编写一个监听实现KeyListener,NouseListener,MouseMotionListener三个接口，重写方法。定义一个全局变量boolea
  • linux常用的命令 aichenglong linux常用命令
    1 startx切换到图形化界面 2 man命令:查看帮助信息 man 需要查看的命令,man命令提供了大量的帮助信息,一般可以分成4个部分 name:对命令的简单说明 synopsis:命令的使用格式说明 description:命令的详细说明信息 options:命令的各项说明 3 date:显示时间 语法：date [OPTION]... [+FORMAT]
  • eclipse内存优化 AILIKES javaeclipsejvmjdk
    一 基本说明      在JVM中，总体上分2块内存区,默认空余堆内存小于 40%时，JVM就会增大堆直到-Xmx的最大限制；空余堆内存大于70%时，JVM会减少堆直到-Xms的最小限制。     1)堆内存(Heap memory):堆是运行时数据区域，所有类实例和数组的内存均从此处分配,是Java代码可及的内存，是留给开发人
  • 关键字的使用探讨 百合不是茶 关键字
    //关键字的使用探讨/*访问关键词private 只能在本类中访问public 只能在本工程中访问protected 只能在包中和子类中访问默认的 只能在包中访问*//*final   类 方法 变量 final 类 不能被继承 final 方法 不能被子类覆盖，但可以继承 final 变量 只能有一次赋值，赋值后不能改变 final 不能用来修饰构造方法*///this()
  • JS中定义对象的几种方式 bijian1013 js
        1. 基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)： <html> <head> <title>基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)</title> </head> <script> var obj = new Object();
  • 表驱动法实例 bijian1013 java表驱动法TDD
    获得月的天数是典型的直接访问驱动表方式的实例，下面我们来展示一下： MonthDaysTest.java package com.study.test; import org.junit.Assert; import org.junit.Test; import com.study.MonthDays; public class MonthDaysTest { @T
  • LInux启停重启常用服务器的脚本 bit1129 linux
    启动，停止和重启常用服务器的Bash脚本，对于每个服务器，需要根据实际的安装路径做相应的修改   #! /bin/bash Servers=(Apache2, Nginx, Resin, Tomcat, Couchbase, SVN, ActiveMQ, Mongo); Ops=(Start, Stop, Restart); currentDir=$(pwd); echo
  • 【HBase六】REST操作HBase bit1129 hbase
    HBase提供了REST风格的服务方便查看HBase集群的信息，以及执行增删改查操作   1. 启动和停止HBase REST 服务 1.1 启动REST服务 前台启动（默认端口号8080） [hadoop@hadoop bin]$ ./hbase rest start   后台启动 hbase-daemon.sh start rest   启动时指定
  • 大话zabbix 3.0设计假设 ronin47
    What’s new in Zabbix 2.0? 去年开始使用Zabbix的时候，是1.8.X的版本，今年Zabbix已经跨入了2.0的时代。看了2.0的release notes，和performance相关的有下面几个：          :: Performance improvements::Trigger related da
  • http错误码大全 byalias http协议javaweb
    响应码由三位十进制数字组成，它们出现在由HTTP服务器发送的响应的第一行。 响应码分五种类型，由它们的第一位数字表示： 1）1xx：信息，请求收到，继续处理 2）2xx：成功，行为被成功地接受、理解和采纳 3）3xx：重定向，为了完成请求，必须进一步执行的动作 4）4xx：客户端错误，请求包含语法错误或者请求无法实现 5）5xx：服务器错误，服务器不能实现一种明显无效的请求
  • J2EE设计模式-Intercepting Filter bylijinnan java设计模式数据结构
    Intercepting Filter类似于职责链模式 有两种实现 其中一种是Filter之间没有联系，全部Filter都存放在FilterChain中，由FilterChain来有序或无序地把把所有Filter调用一遍。没有用到链表这种数据结构。示例如下： package com.ljn.filter.custom; import java.util.ArrayList;
  • 修改jboss端口 chicony jboss
    修改jboss端口   %JBOSS_HOME%\server\{服务实例名}\conf\bindingservice.beans\META-INF\bindings-jboss-beans.xml   中找到 <!-- The ports-default bindings are obtained by taking the base bindin
  • c++ 用类模版实现数组类 CrazyMizzz C++
    最近c++学到数组类，写了代码将他实现，基本具有vector类的功能 #include<iostream> #include<string> #include<cassert> using namespace std; template<class T> class Array { public: //构造函数
  • hadoop dfs.datanode.du.reserved 预留空间配置方法 daizj hadoop预留空间
    对于datanode配置预留空间的方法 为：在hdfs-site.xml添加如下配置  <property>     <name>dfs.datanode.du.reserved</name>     <value>10737418240</value>    
  • mysql远程访问的设置 dcj3sjt126com mysql防火墙
    第一步: 激活网络设置 你需要编辑mysql配置文件my.cnf. 通常状况，my.cnf放置于在以下目录： /etc/mysql/my.cnf (Debian linux) /etc/my.cnf （Red Hat Linux/Fedora Linux) /var/db/mysql/my.cnf (FreeBSD) 然后用vi编辑my.cnf，修改内容从以下行： [mysqld] 你所需要: 1
  • ios 使用特定的popToViewController返回到相应的Controller dcj3sjt126com controller
    1、取navigationCtroller中的Controllers NSArray * ctrlArray = self.navigationController.viewControllers; 2、取出后，执行， [self.navigationController popToViewController:[ctrlArray objectAtIndex:0] animated:YES
  • Linux正则表达式和通配符的区别 eksliang 正则表达式通配符和正则表达式的区别通配符
    转载请出自出处：http://eksliang.iteye.com/blog/1976579 首先得明白二者是截然不同的 通配符只能用在shell命令中,用来处理字符串的的匹配。 判断一个命令是否为bash shell(linux 默认的shell)的内置命令 type -t commad 返回结果含义 file  表示为外部命令 alias  表示该
  • Ubuntu Mysql Install and CONF gengzg Install
    http://www.navicat.com.cn/download/navicat-for-mysql Step1: 下载Navicat ，网址：http://www.navicat.com/en/download/download.html Step2：进入下载目录，解压压缩包：tar -zxvf navicat11_mysql_en.tar.gz
  • 批处理，删除文件bat huqiji windowsdos
    @echo off ::演示：删除指定路径下指定天数之前（以文件名中包含的日期字符串为准）的文件。 ::如果演示结果无误，把del前面的echo去掉，即可实现真正删除。 ::本例假设文件名中包含的日期字符串（比如：bak-2009-12-25.log） rem 指定待删除文件的存放路径 set SrcDir=C:/Test/BatHome rem 指定天数 set DaysAgo=1
  • 跨浏览器兼容的HTML5视频音频播放器 天梯梦 html5
    HTML5的video和audio标签是用来在网页中加入视频和音频的标签，在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。   How to enable <video> and <audio> tags in
  • Bundle自定义数据传递 hm4123660 androidSerializable自定义数据传递BundleParcelable
          我们都知道Bundle可能过put****()方法添加各种基本类型的数据，Intent也可以通过putExtras(Bundle)将数据添加进去，然后通过startActivity()跳到下一下Activity的时候就把数据也传到下一个Activity了。如传递一个字符串到下一个Activity   把数据放到Intent
  • C＃：异步编程和线程的使用（.NET 4.5 ） powertoolsteam .net线程C#异步编程
    异步编程和线程处理是并发或并行编程非常重要的功能特征。为了实现异步编程，可使用线程也可以不用。将异步与线程同时讲，将有助于我们更好的理解它们的特征。 本文中涉及关键知识点 1. 异步编程 2. 线程的使用 3. 基于任务的异步模式 4. 并行编程 5. 总结 异步编程 什么是异步操作？异步操作是指某些操作能够独立运行，不依赖主流程或主其他处理流程。通常情况下，C＃程序
  • spark 查看 job history 日志 Stark_Summer 日志sparkhistoryjob
    SPARK_HOME/conf 下: spark-defaults.conf 增加如下内容 spark.eventLog.enabled true spark.eventLog.dir hdfs://master:8020/var/log/spark spark.eventLog.compress true spark-env.sh 增加如下内容 export SP
  • SSH框架搭建 wangxiukai2015eye springHibernatestruts
    MyEclipse搭建SSH框架 Struts Spring Hibernate 1、new一个web project。 2、右键项目，为项目添加Struts支持。    选择Struts2 Core Libraries -<MyEclipes-Library>      点击Finish。src目录下多了struts
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他