18211103738
18211103738

ThreeJS系列教程-Lesson3

效果：

 

代码：

<!DOCTYPE html>
<html>
    <head>
		<meta charset="utf-8"/>
        <title>Three.js tutorial - Lesson 03</title>
        <style>body {background: #000000;overflow: hidden;}</style>
        <script src="js/r69/three.js"></script>
        <script src="js/r69/Detector.js"></script>
        <script src="js/r69/CanvasRenderer.js"></script>
        <script src="js/r69/Projector.js"></script>
   </head> 
   <body>
        <script>
			var scene = new THREE.Scene();
			var canvasWidth = window.innerWidth;
			var canvasHeight = window.innerHeight;
			
			var renderer;
			if(Detector.webgl){ 
				renderer = new THREE.WebGLRenderer({antialias:true});
            } else { 
				renderer = new THREE.CanvasRenderer(); 
			}
			renderer.setClearColor(0x000000, 1);
			renderer.setSize(canvasWidth, canvasHeight);
			document.body.appendChild(renderer.domElement);
			
			var camera = new THREE.PerspectiveCamera(45, canvasWidth / canvasHeight, 1, 100);
			camera.position.set(0, 0, 10);
			camera.lookAt(scene.position);
			scene.add(camera);
			
            // To create a pyramid, we use THREE.CylinderGeometry. By its five parameters, we are 
            // able to create the geometry of the pyramid (subtype of a cylinder). 
            // Parameter 1 'radiusTop': 圆柱顶部半径。如果值设置为0， 顶部将是一个点，我们会得到一个锥体
            // Parameter 2 'radiusBottom': 圆柱底部半径 
            // Parameter 3 'height': 圆柱的高 
            // Parameter 4 'segments': 构成圆柱体壳的段片。为了创建一个金字塔形, 我们把值设为4
            // Parameter 5 'openEnded': 是否允许末端（底部）开口。为了金字塔有一个底面，我们把值设为false
            var pyramidGeometry = new THREE.CylinderGeometry(0, 1.5, 1.5, 4, false);
			
            // Coloring the faces with vertex colors is a bit tricky, but allows us to see how to 
            // loop through the faces and check whether they have three or four vertices. 
            // With a simple 'for'-loop we run through all faces, which are accessed by their index.
            // The 'instanceof' operator gives the possibility to check, whether the current face is 
            // a THREE.Face4 or THREE.Face3. Depending on its object type, we set three or four 
            // vertex colors. For THREE.Face4 we switch the colors of vertex 1 and 2 for every 
            // second face because we want the lower vertices having the same colors as the 
            // neighbour face. Vertex 0 and 3 are the upper vertices, which are always red. 
            // If WebGL isn't supported and the canvas renderer is used, it ignores the vertex 
            // colors. They are only supported by the WebGL renderer (current release of 
            // Three.js: 49). 
            for(i = 0; i < pyramidGeometry.faces.length; i++){ 
                if(pyramidGeometry.faces[i] instanceof THREE.Face4){	//如果是4个顶点的面
					pyramidGeometry.faces[i].vertexColors[0] = new THREE.Color(0xFF0000); 
                    if((i % 2) == 0){
                        pyramidGeometry.faces[i].vertexColors[1] = new THREE.Color(0x00FF00);
                        pyramidGeometry.faces[i].vertexColors[2] = new THREE.Color(0x0000FF);
                    } else {
						pyramidGeometry.faces[i].vertexColors[1] = new THREE.Color(0x0000FF);
                        pyramidGeometry.faces[i].vertexColors[2] = new THREE.Color(0x00FF00);
                    }
					pyramidGeometry.faces[i].vertexColors[3] = new THREE.Color(0xFF0000);
                } else {	//如果是3个顶点的面
                    pyramidGeometry.faces[i].vertexColors[0] = new THREE.Color(0xFF0000);
                    pyramidGeometry.faces[i].vertexColors[1] = new THREE.Color(0x00FF00);
                    pyramidGeometry.faces[i].vertexColors[2] = new THREE.Color(0x0000FF);
                }
            } 
            
			var pyramidMaterial = new THREE.MeshBasicMaterial({ 
                vertexColors:THREE.VertexColors, 
                side:THREE.DoubleSide 
            });
			
            var pyramidMesh = new THREE.Mesh(pyramidGeometry, pyramidMaterial); 
            pyramidMesh.position.set(-1.5, 0.0, 4.0); 
            scene.add(pyramidMesh);
            
			// Create the cube 
            // Parameter 1: 宽 
            // Parameter 2: 高
            // Parameter 3: 深
            var boxGeometry = new THREE.BoxGeometry(1.5, 1.5, 1.5); 
 
            // Applying different materials to the faces is a more difficult than applying one 
            // material to the whole geometry. We start with creating an array of 
            // THREE.MeshBasicMaterial. 

            // Define six colored materials 
            var boxMaterials = [ 
				new THREE.MeshBasicMaterial({color:0xFF0000}), 
				new THREE.MeshBasicMaterial({color:0x00FF00}), 
                new THREE.MeshBasicMaterial({color:0x0000FF}), 
                new THREE.MeshBasicMaterial({color:0xFFFF00}), 
                new THREE.MeshBasicMaterial({color:0x00FFFF}), 
                new THREE.MeshBasicMaterial({color:0xFFFFFF}) 
            ]; 

            //创建一个MeshFaceMaterial，它允许立方体的每个面拥有不同的材质
            var boxMaterial = new THREE.MeshFaceMaterial(boxMaterials);
			
            boxMesh = new THREE.Mesh(boxGeometry, boxMaterial); 
            boxMesh.position.set(1.5, 0.0, 4.0); 
            scene.add(boxMesh);
			
            function render(){
				pyramidMesh.rotation.y += 0.1; 

				// Decrease the rotation of the cube 
				// Parameter 1: 旋转轴矢量 
                // Parameter 2: 旋转速率
				boxMesh.rotateOnAxis(new THREE.Vector3(1, 1, 1).normalize(), 0.075); 
                
				renderer.render(scene, camera);
			   
				requestAnimationFrame(render);
            }
			render();
       </script> 
   </body> 
</html>

 附注：当前笔者使用的three.js版本是r69

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

  • 家居行业全渠道零售技术解决方案架构指南 CSTechAIExpert 零售架构科技产品运营
    家居行业全渠道零售技术解决方案架构指南行业数字化转型挑战体验断层线上渠道商品认知度不足，退货率高达35-42%物流成本高企大件商品平均物流成本占比达18%，破损率超行业标准2.3倍决策周期长客户平均决策周期达12.7天，需构建全链路交互体系核心系统技术实现一、沉浸式体验引擎3D场景化展示WebGL模型轻量化处理defoptimize_model(obj_file):apply_decimation
  • 家居行业全渠道零售技术解决方案架构指南 cstech_deep 零售架构科技产品运营
    家居行业全渠道零售技术解决方案架构指南行业数字化转型挑战体验断层线上渠道商品认知度不足，退货率高达35-42%物流成本高企大件商品平均物流成本占比达18%，破损率超行业标准2.3倍决策周期长客户平均决策周期达12.7天，需构建全链路交互体系核心系统技术实现一、沉浸式体验引擎3D场景化展示WebGL模型轻量化处理defoptimize_model(obj_file):apply_decimation
  • 如何在简历中巧妙展现你的兴趣爱好 贵州数擎科技有限公司 面试跳槽
    大家好！我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：智简未来、晓智元宇宙、数字孪生引擎在简历中展
  • 使用 Three.js 转换 GLSL 粒子效果着色器 贵州数擎科技有限公司 javascript着色器开发语言
    大家好！我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：AI简历、元宇宙、数字孪生在这篇博客中，我们
  • Three.js 材质对象Material对应的着色器Shader代码 山楂树の WebGL进阶Three.js材质着色器图形渲染webgl3d开发语言
    点材质PointsMaterial：顶点着色器文件points_vert.glsl、片元着色器文件points_frag.glsl基础网格材质MeshBasicMaterial：顶点着色器文件meshbasic_vert.glsl、片元着色器文件meshbasic_frag.glsl高光网格材质MeshPhongMaterial：顶点着色器文件meshphong_vert.glsl、片元着色器文件
  • ThreeJS入门（036）：THREE.RawShaderMaterial 知识详解，示例代码 还是大剑师兰特 #ThreeJS中文API全解大剑师threejs教程threejs示例
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第036篇入门文章文章目录构造函数常用属性示例使用统一变量使用宏定义使用扩展使
  • Three.js 加载GLTF模型 小白菜学前端 ThreeJs3djavascriptthree.js
    要在three.js中正确加载和显示GLTF模型，需要遵循一系列步骤来确保模型的纹理和材质被正确应用。以下是加载GLTF模型的基本步骤：引入必要的three.js模块：引入了GLTFLoader模块，用来加载GLTF格式模型的类。创建加载器实例：使用GLTFLoader创建一个新的加载器实例。加载模型：调用加载器的load方法，并传入模型的URL。load方法接受一个回调函数，该函数在模型加载完成
  • Three.js基础入门系列（四） 骨灰级收藏家 前端javascriptmesh3d
    01、Three.js中的基本要素：网格（Mesh）当我们拥有了几何体模型和材质之后，我们需要通过一个网格（Mesh）将两者结合起来，创建我们正在的拍摄对象。两种不同的拍摄对象构造方法：newTHREE.Mesh(geometry,material)THREE.SceneUtils.createMultiMaterialObject(geometry,[materials…])第一个参数代表物体的
  • 提升职场沟通能力的七大秘诀 贵州数擎科技有限公司 面试跳槽简历
    大家好！我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：智简未来、晓智元宇宙、数字孪生引擎在职场中，
  • (十九) THREE.Material 知识详解 阿铎前端 three.jsThree.jsvue
    THREE.Material是Three.js中的一个基类，用于定义三维物体的外观属性，如颜色、纹理、透明度等。Three.js提供了多种不同的材质类型，每种材质都有其独特的特性和用途，以满足不同的渲染需求。THREE.Material本身是一个抽象基类，实际使用的材质都是其子类。常见的材质类型以下是Three.js中一些常见的材质类型及其特点：1.THREE.MeshBasicMaterial特
  • 在 Vue 2 中使用 Three.js 导入本地 3D 模型 cherryzm88 webvue2javascriptvue.js前端3d
    引言Three.js是一个流行的JavaScript库，它能够帮助开发者轻松地在Web页面上创建3D内容。而Vue.js作为前端框架，可以与Three.js结合，构建交互式3DWeb应用。本篇博客将介绍如何在Vue2中使用Three.js加载本地3D模型。1.初始化Vue2项目如果你的项目还没有Vue2环境，可以使用VueCLI初始化：```shvuecreatemy-threejs-appcdm
  • cesium（vue）一些面试问题（包含Three.js） GIS瞧葩菜 vue.jsjavascriptcesium
    1.在不同的应用场景和技术栈中，模型加载方法和格式有所不同，下面主要从Web前端三维场景（使用Three.js和cesium）使用Three.js加载模型常见模型格式及加载方法GLTF/GLB格式格式特点：GLTF（GraphicsLibraryTransmissionFormat）是一种开放的、基于JSON的三维模型传输格式，GLB是其二进制版本。它们具有文件小、加载快、支持动画、材质和骨骼等优
  • uniapp邪门事件 岑梓铭 前端问题uni-app
    很久之前在这篇《THREEJS在uni-app中使用（微信小程序）》：THREEJS在uni-app中使用（微信小程序）_uni-app_帶刺的小葡萄-华为开发者空间中学到了如何在uniapp的微信小程序里接入three.js的3d模型由于小程序自身很多不兼容原因，博主建议去用GitHub一个大佬改写的js库来引入适合小程序的three.js，于是我去照搬模仿，然后手动检查了一下，确实可以正常运行
  • 开源的 Three.js 编辑器 组态低代码 2201_75964656 开源javascript编辑器webgl前端着色器低代码
    官网：https://threehub.cn/editor/使用Three.js编辑器简单编辑开发历程低代码的开发是非常曲折的，尤其是早期根本没有任何参考作品或者相关的一些知识博客去引领我们去做，会经历多次的推到再到重头再来，又需要开发者有很高的知识储备，举步维艰。，目前web二维在市场上已经非常普遍，而web三维低代码普及率并不是很高。以下是我的一些的编辑器功能分布，希望能对你有一些启发，让你少
  • 【Three.js】JS 3D library（一个月进化史） Tiffany_Ho 前端Three.js
    #春节过完了，该继续投入学习了~作为一个平面开发者，想要增进更多的技能，掌握web3D开发#前置知识与技能1.JavaScript基础-掌握ES6+语法（类、模块、箭头函数、解构等）-熟悉异步编程（Promise、async/await）-了解事件循环和DOM操作2.HTML5和CSS3-熟悉Canvas和WebGL的基础概念-了解CSS3动画和变换（transform、transition）3.
  • 【Three.js】四（1）、three.js中的光源——基础光源 MAXLZ 【WebGL】Three.jsthree.js光源AmbientLightPointLightSpotLight
    【Three.js】四（1）、three.js中的光源——基础光源一、THREE.AmbientLight二、THREE.PointLight2.1THREE.PointLight属性三、THREE.SpotLight3.1THREE.SpotLight属性四、THREE.DirectionalLight4.1THREE.DirectionalLight的属性three.js中的光源有：THREE
  • three.js性能优化 火辣辣- 学习总结学习笔记three.js性能优化
    本文持续更新~~~参考文章three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。在使用的时候，虽然three.js做了优化，但是在使用不恰当的代码，也会产生性能损耗。帧率越低，给人感觉就越卡。这是我在开发中自己百度总结的，有不对的可以联系我啊2019-08-22更新———————1、disppose()方法得重要性每当你创建一个three.js中的实例时，都会
  • 使用 Three.js 实现炫酷的除夕烟花特效 软件工程师文艺 前端javascript前端3d
    1，前言在除夕夜，璀璨的烟花点亮夜空，为节日增添了浓厚的喜庆氛围。在Web端，我们可以使用Three.js来模拟这种美轮美奂的烟花特效，让网页也能展现绚丽的节日气息。本文将介绍如何利用Three.js及其着色器技术，创建一个动态的烟花爆炸效果。2，技术原理解析为了模拟真实的烟花，我们需要解决以下几个关键问题：烟花的轨迹：在爆炸前，烟花需要沿着一定的路径上升。爆炸模拟：在特定高度，烟花粒子会向各个方
  • 使用ThreeJS实现的宇宙大爆炸3D粒子特效思路，原理和关键代码解析 软件工程师文艺 前端3djavascript前端
    目录1，引言2，技术实现2.1，初始化环境2.2，粒子生成与属性设置2.3，粒子运动与模拟宇宙膨胀2.4，后处理效果3，动画与用户交互4，优化与性能5，结论1，引言在本文中，我们将深入探讨如何利用Three.js库实现一个复杂且视觉冲击力强的宇宙大爆炸3D特效。这个效果不仅模拟了粒子的爆炸、扩散，还模拟了宇宙早期的温度变化和光学现象。实现的效果：ThreeJS实现粒子特效2，技术实现2.1，初始化
  • 玫瑰花瓣粒子效果实现原理解析 软件工程师文艺 javascript3d前端
    本文将详细介绍如何利用Three.js实现一个基于玫瑰花瓣形状的粒子动画效果，并对代码中的关键部分做详细解析。文章内容条理清晰、语言平实，适合各位前端开发爱好者学习参考。如果你觉得内容对你有帮助，记得关注、点赞，并在知识星球中下载完整源码。特效视频效果展示：1.项目概述本项目利用Three.js构建了一个动态粒子效果，其中每个粒子模拟一片玫瑰花瓣。花瓣粒子从画面上方缓缓飘落，同时具有随机的摆动与旋
  • 如何使用Three.js制作3D月球与星空效果 软件工程师文艺 前端javascript3dhtml
    目录1.基本设置2.创建星空效果3.创建月球模型4.添加中文3D文字5.光照与相机配置6.动画与控制7.响应式布局8.结语在本文中，我们将一起学习如何利用Three.js实现一个3D月球与星空的效果，并添加一些有趣的元素，比如中文3D文字和互动功能。Three.js是一个强大的JavaScript库，它简化了WebGL的使用，使得在网页上进行3D图形渲染变得更加容易。我们将逐步分析代码，帮助大家理
  • 基于 Vue +three.js +Photo Sphere Viewer + 高德地图实现 VR 效果 VueVirtuoso 我的学习之路前端vue.js前端框架github交互信息可视化3d
    需求背景随着科技的进步，虚拟现实（VR）技术在家居行业的应用越来越普遍。我们项目的目标是通过结合VR看房和实时场景展示，提升用户的体验，用户可以在家中便能身临其境地感受房屋的空间布局和氛围。此外，我们希望通过高德地图提供的标记点功能，帮助用户快速定位感兴趣的区域。业务这边想要实现右边链接的效果阿里云付费全景图，类似VR看房，支持360°x360°任意旋转，支持自定义添加标注，支持切换场景等功能，效
  • WebGL 导入 OBJ 文件全解析 一只小灿灿 #WebGLwebgl前端
    一、引言WebGL（WebGraphicsLibrary）是一种基于OpenGLES2.0的3D绘图标准，它允许网页开发者在不使用插件的情况下，直接在浏览器中实现高性能的3D图形渲染。OBJ文件格式则是一种广泛使用的3D模型文件格式，它以文本形式存储3D模型的几何信息，包括顶点、法线、纹理坐标和面等。在WebGL中导入OBJ文件可以让开发者方便地在网页中展示和交互3D模型，为网页带来更加丰富的视觉
  • python创建画布语句_canvas元素创建画布 weixin_39847945 python创建画布语句
    Phaser桌面和手机游戏HTML5框架Phaser是一个流行的2D开源游戏框架，可以用来开发桌面或手机浏览器HTML5游戏，适合侧视或顶视风格：Phaser同时支持Canvas和WebGL渲染引擎，预置了完备的精灵动画、输入管理、瓦片地图、补间动画、资源加载器、物理系统、粒子系统等特性，几乎能够满足你开发一个2D游戏的任何...文章马拉喀什2017-11-021163浏览量HTML5学习手笔四：
  • 【虚幻引擎UE】UE4.23到UE5.5的核心功能变化 灵境引路人 虚幻ue4ue5
    简单总结从UE4.23到UE5.5，虚幻引擎的重大变化：1.WebGL/HTML5平台支持和像素流UE4.23-UE4.25：移除官方HTML5支持，改为社区插件维护。但通过第三方插件（如WebAssembly+WebGPU）可在浏览器运行部分项目。UE5.1：对像素流的支持度提升，发布前端git地址：https://github.com/EpicGames/PixelStreamingInfra
  • three.js 低代码， 组态，封装编辑器实现降本增效 2201_75964656 编辑器智慧城市低代码javascript前端
    学习基础three.js案例预览地址：https://z2586300277.github.io/three-cesium-examples国内站点预览：http://threehub.cngithub地址:https://github.com/z2586300277/three-cesium-examples开发历程预览查看https://z2586300277.github.io/three-
  • TresJS：用Vue组件构建3D场景的新选择 z止于至善 WebGL#Three.jsVue.jsvue.js3d前端
    在当今数字化时代，3D图形技术正以前所未有的速度发展，从游戏开发到虚拟现实（VR）、增强现实（AR），再到各种沉浸式体验，3D技术的应用场景日益丰富。TresJS作为一款基于Three.js的Web3D开发框架，以其强大的功能和简洁的API，为开发者提供了一个高效、便捷的开发平台。今天，就让我们一起走进TresJS的世界，探索它的魅力所在。一、TresJS简介TresJS是一个基于Three.js
  • 3D Web轻量化引擎HOOPS Communicator与Three.js对比分析 工业3D_大熊 前端3djavascript制造科技c#c++
    随着3D技术在各个行业的广泛应用，如何高效地处理复杂的三维模型，尤其是在Web环境中，成为一个关键的挑战。在众多解决方案中，HOOPSCommunicator和Three.js是两个非常受到关注的挑战欢迎使用3D引擎，但它们的功能停留和适用场景存在明显差异。本文从架构设计、渲染性能、轻量化处理能力、开发复杂度及行业应用五个方面对此进行了详细对比分析。1、架构设计HOOPSCommunicator是
  • 使用 Three.js 实现雪花特效 贵州数擎科技有限公司 javascript开发语言ecmascript
    大家好！我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术演示地址：下雪特效开源项目：智简未来、晓智元宇宙、数字
  • unity Video Player视频播放 莫仕 unity音视频游戏引擎
    发布Webgl时，视频加载方式需要使用URL,StreamingAssets相对路径（去掉file://）usingSystem.Collections;usingSystem.IO;usingUnityEngine;usingUnityEngine.Events;usingUnityEngine.EventSystems;usingUnityEngine.UI;usingUnityEngine.
  • Enum用法 不懂事的小屁孩 enum
    以前的时候知道enum，但是真心不怎么用，在实际开发中，经常会用到以下代码: protected final static String XJ = "XJ"; protected final static String YHK = "YHK"; protected final static String PQ = "PQ";
  • 【Spark九十七】RDD API之aggregateByKey bit1129 spark
    1. aggregateByKey的运行机制   /** * Aggregate the values of each key, using given combine functions and a neutral "zero value". * This function can return a different result type
  • hive创建表是报错： Specified key was too long; max key length is 767 bytes daizj hive
    今天在hive客户端创建表时报错，具体操作如下   hive> create table test2(id string); FAILED: Execution Error, return code 1 from org.apache.hadoop.hive.ql.exec.DDLTask. MetaException(message:javax.jdo.JDODataSto
  • Map 与 JavaBean之间的转换 周凡杨 java自省转换反射
    最近项目里需要一个工具类，它的功能是传入一个Map后可以返回一个JavaBean对象。很喜欢写这样的Java服务，首先我想到的是要通过Java 的反射去实现匿名类的方法调用，这样才可以把Map里的值set 到JavaBean里。其实这里用Java的自省会更方便，下面两个方法就是一个通过反射，一个通过自省来实现本功能。 1：JavaBean类 1 &nb
  • java连接ftp下载 g21121 java
    有的时候需要用到java连接ftp服务器下载，上传一些操作，下面写了一个小例子。 /** ftp服务器地址 */ private String ftpHost; /** ftp服务器用户名 */ private String ftpName; /** ftp服务器密码 */ private String ftpPass; /** ftp根目录 */ private String f
  • web报表工具FineReport使用中遇到的常见报错及解决办法（二） 老A不折腾 finereportweb报表java报表总结
      抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。   出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。   1、没有返回数据集： 在存储过程中的操作语句之前加上set nocount on 或者在数据集exec调用存储过程的前面加上这句。当S
  • linux 系统cpu 内存等信息查看 墙头上一根草 cpu内存liunx
    1 查看CPU 　　1.1 查看CPU个数 　　# cat /proc/cpuinfo | grep "physical id" | uniq | wc -l 　　2 　　**uniq命令：删除重复行;wc –l命令：统计行数** 　　1.2 查看CPU核数 　　# cat /proc/cpuinfo | grep "cpu cores" | u
  • Spring中的AOP aijuans springAOP
      Spring中的AOP Written by Tony Jiang @ 2012-1-18 （转）何为AOP AOP，面向切面编程。 在不改动代码的前提下，灵活的在现有代码的执行顺序前后，添加进新规机能。 来一个简单的Sample: 目标类： [java]  view plain copy print ? package&nb
  • placeholder(HTML 5) IE 兼容插件 alxw4616 JavaScriptjquery jQuery插件
    placeholder 这个属性被越来越频繁的使用. 但为做HTML 5 特性IE没能实现这东西. 以下的jQuery插件就是用来在IE上实现该属性的. /** * [placeholder(HTML 5) IE 实现.IE9以下通过测试.] * v 1.0 by oTwo 2014年7月31日 11:45:29 */ $.fn.placeholder = function
  • Object类,值域,泛型等总结(适合有基础的人看) 百合不是茶 泛型的继承和通配符变量的值域Object类转换
    java的作用域在编程的时候经常会遇到,而我经常会搞不清楚这个 问题,所以在家的这几天回忆一下过去不知道的每个小知识点   变量的值域;   package 基础; /** * 作用域的范围 * * @author Administrator * */ public class zuoyongyu { public static vo
  • JDK1.5 Condition接口 bijian1013 javathreadConditionjava多线程
    Condition 将 Object 监视器方法（wait、notify和 notifyAll）分解成截然不同的对象，以便通过将这些对象与任意 Lock 实现组合使用，为每个对象提供多个等待 set （wait-set）。其中，Lock 替代了 synchronized 方法和语句的使用，Condition 替代了 Object 监视器方法的使用。 条件（也称为条件队列或条件变量）为线程提供了一
  • 开源中国OSC源创会记录 bijian1013 hadoopsparkMemSQL
    一.Strata+Hadoop World（SHW）大会         是全世界最大的大数据大会之一。SHW大会为各种技术提供了深度交流的机会，还会看到最领先的大数据技术、最广泛的应用场景、最有趣的用例教学以及最全面的大数据行业和趋势探讨。          二.Hadoop   &nbs
  • 【Java范型七】范型消除 bit1129 java
    范型是Java1.5引入的语言特性，它是编译时的一个语法现象，也就是说，对于一个类，不管是范型类还是非范型类，编译得到的字节码是一样的，差别仅在于通过范型这种语法来进行编译时的类型检查，在运行时是没有范型或者类型参数这个说法的。 范型跟反射刚好相反，反射是一种运行时行为，所以编译时不能访问的变量或者方法(比如private)，在运行时通过反射是可以访问的，也就是说，可见性也是一种编译时的行为，在
  • 【Spark九十四】spark-sql工具的使用 bit1129 spark
    spark-sql是Spark bin目录下的一个可执行脚本，它的目的是通过这个脚本执行Hive的命令，即原来通过 hive>输入的指令可以通过spark-sql>输入的指令来完成。 spark-sql可以使用内置的Hive metadata-store，也可以使用已经独立安装的Hive的metadata store   关于Hive build into Spark
  • js做的各种倒计时 ronin47 js 倒计时
    第一种：精确到秒的javascript倒计时代码      HTML代码:   <form name="form1">   <div align="center" align="middle"
  • java-37.有n 个长为m+1 的字符串，如果某个字符串的最后m 个字符与某个字符串的前m 个字符匹配，则两个字符串可以联接 bylijinnan java
    public class MaxCatenate { /* * Q.37 有n 个长为m+1 的字符串，如果某个字符串的最后m 个字符与某个字符串的前m 个字符匹配，则两个字符串可以联接， * 问这n 个字符串最多可以连成一个多长的字符串，如果出现循环，则返回错误。 */ public static void main(String[] args){
  • mongoDB安装 开窍的石头 mongodb安装 基本操作
    mongoDB的安装          1:mongoDB下载   https://www.mongodb.org/downloads         2:下载mongoDB下载后解压     
  • [开源项目]引擎的关键意义 comsci 开源项目
         一个系统，最核心的东西就是引擎。。。。。       而要设计和制造出引擎，最关键的是要坚持。。。。。。       现在最先进的引擎技术，也是从莱特兄弟那里出现的，但是中间一直没有断过研发的    
  • 软件度量的一些方法 cuiyadll 方法
    软件度量的一些方法http://cuiyingfeng.blog.51cto.com/43841/6775/在前面我们已介绍了组成软件度量的几个方面。在这里我们将先给出关于这几个方面的一个纲要介绍。在后面我们还会作进一步具体的阐述。当我们不从高层次的概念级来看软件度量及其目标的时候，我们很容易把这些活动看成是不同而且毫不相干的。我们现在希望表明他们是怎样恰如其分地嵌入我们的框架的。也就是我们度量的
  • XSD中的targetNameSpace解释 darrenzhu xmlnamespacexsdtargetnamespace
    参考链接: http://blog.csdn.net/colin1014/article/details/357694 xsd文件中定义了一个targetNameSpace后，其内部定义的元素，属性，类型等都属于该targetNameSpace,其自身或外部xsd文件使用这些元素，属性等都必须从定义的targetNameSpace中找： 例如：以下xsd文件，就出现了该错误，即便是在一
  • 什么是RAID0、RAID1、RAID0+1、RAID5，等磁盘阵列模式? dcj3sjt126com raid
    RAID 1又称为Mirror或Mirroring，它的宗旨是最大限度的保证用户数据的可用性和可修复性。 RAID 1的操作方式是把用户写入硬盘的数据百分之百地自动复制到另外一个硬盘上。由于对存储的数据进行百分之百的备份，在所有RAID级别中，RAID 1提供最高的数据安全保障。同样，由于数据的百分之百备份，备份数据占了总存储空间的一半，因而，Mirror的磁盘空间利用率低，存储成本高。 Mir
  • yii2 restful web服务快速入门 dcj3sjt126com PHPyii2
    快速入门 Yii 提供了一整套用来简化实现 RESTful 风格的 Web Service 服务的 API。 特别是，Yii 支持以下关于 RESTful 风格的 API： 支持 Active Record 类的通用API的快速原型 涉及的响应格式（在默认情况下支持 JSON 和 XML) 支持可选输出字段的定制对象序列化 适当的格式的数据采集和验证错误
  • MongoDB查询(3)——内嵌文档查询（七） eksliang MongoDB查询内嵌文档MongoDB查询内嵌数组
    MongoDB查询内嵌文档 转载请出自出处：http://eksliang.iteye.com/blog/2177301 一、概述        有两种方法可以查询内嵌文档：查询整个文档；针对键值对进行查询。这两种方式是不同的，下面我通过例子进行分别说明。   二、查询整个文档 例如:有如下文档 db.emp.insert({ &qu
  • android4.4从系统图库无法加载图片的问题 gundumw100 android
    典型的使用场景就是要设置一个头像，头像需要从系统图库或者拍照获得，在android4.4之前，我用的代码没问题，但是今天使用android4.4的时候突然发现不灵了。baidu了一圈，终于解决了。 下面是解决方案： private String[] items = new String[] { "图库","拍照" }; /* 头像名称 */
  • 网页特效大全 jQuery等 ini JavaScriptjquerycsshtml5ini
    HTML5和CSS3知识和特效 asp.net ajax jquery实例 分享一个下雪的特效 jQuery倾斜的动画导航菜单 选美大赛示例 你会选谁 jQuery实现HTML5时钟 功能强大的滚动播放插件JQ-Slide 万圣节快乐！！！ 向上弹出菜单jQuery插件 htm5视差动画 jquery将列表倒转顺序 推荐一个jQuery分页插件 jquery animate
  • swift objc_setAssociatedObject block(version1.2 xcode6.4) 啸笑天 version
      import UIKit class LSObjectWrapper: NSObject { let value: ((barButton: UIButton?) -> Void)? init(value: (barButton: UIButton?) -> Void) { self.value = value
  • Aegis 默认的 Xfire 绑定方式，将 XML 映射为 POJO MagicMa_007 javaPOJOxmlAegisxfire
          Aegis 是一个默认的 Xfire 绑定方式，它将 XML 映射为 POJO, 支持代码先行的开发.你开发服 务类与 POJO,它为你生成 XML schema/wsdl XML 和 注解映射概览       默认情况下，你的 POJO 类被是基于他们的名字与命名空间被序列化。如果
  • js get max value in (json) Array qiaolevip 每天进步一点点学习永无止境max纵观千象
    // Max value in Array var arr = [1,2,3,5,3,2];Math.max.apply(null, arr); // 5 // Max value in Jaon Array var arr = [{"x":"8/11/2009","y":0.026572007},{"x"
  • XMLhttpRequest 请求 XML,JSON ,POJO 数据 Luob. POJOjsonAjaxxmlXMLhttpREquest
    在使用XMlhttpRequest对象发送请求和响应之前，必须首先使用javaScript对象创建一个XMLHttpRquest对象。 var xmlhttp； function getXMLHttpRequest(){ if(window.ActiveXObject){ xmlhttp:new ActiveXObject("Microsoft.XMLHTTP
  • jquery wuai jquery
    以下防止文档在完全加载之前运行Jquery代码，否则会出现试图隐藏一个不存在的元素、获得未完全加载的图像的大小 等等 $(document).ready(function(){ jquery代码; }); <script type="text/javascript" src="c:/scripts/jquery-1.4.2.min.js&quo
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他