18211103738
18211103738

ThreeJS系列教程-Lesson5

效果：
ThreeJS系列教程-Lesson5
 
代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>Three.js tutorial - Lesson 05</title>
		<style>body{background:#eeeeee;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,camera,mesh,renderer;
			
			if(Detector.webgl){
				renderer = new THREE.WebGLRenderer({antialias:true});
			}else{
				renderer = new THREE.CanvasRenderer();
			}
			renderer.setSize(window.innerWidth, window.innerHeight);
			renderer.setClearColor(0xeeeeee, 0.5);
			document.body.appendChild(renderer.domElement);
			
			scene = new THREE.Scene();
			
			camera = new THREE.PerspectiveCamera(45, window.innerWidth/window.innerHeight, 1, 1000);
			camera.position.set(0, 0, 10);
			camera.lookAt(scene.position);	//相机聚焦于场景中心
			//scene.add(camera);
			
			var boxGeometry = new THREE.BoxGeometry(2.0, 2.0, 2.0);
			
			var rTexture = new THREE.ImageUtils.loadTexture("images/r.png");	//right
			var lTexture = new THREE.ImageUtils.loadTexture("images/l.png");	//left
			var tTexture = new THREE.ImageUtils.loadTexture("images/t.png");	//top
			var dTexture = new THREE.ImageUtils.loadTexture("images/d.png");	//bottom
			var fTexture = new THREE.ImageUtils.loadTexture("images/f.png");	//front
			var bTexture = new THREE.ImageUtils.loadTexture("images/b.png");	//bottom

			var boxMaterials = [
					new THREE.MeshBasicMaterial({map:rTexture,transparent:true}),	//因为没有设置side为THREE.DoubleSide，所以熊猫从背面是看不到的
					new THREE.MeshBasicMaterial({map:lTexture, side:THREE.DoubleSide, transparent:true}),
                    new THREE.MeshBasicMaterial({map:tTexture, side:THREE.DoubleSide, transparent:true}),
                    new THREE.MeshBasicMaterial({map:dTexture, side:THREE.DoubleSide, transparent:true}),
                    new THREE.MeshBasicMaterial({map:fTexture, side:THREE.DoubleSide, transparent:true}),
                    new THREE.MeshBasicMaterial({map:bTexture, side:THREE.DoubleSide, transparent:true})
                ];
			var boxMaterial = new THREE.MeshFaceMaterial(boxMaterials);
			
			var mesh = new THREE.Mesh(boxGeometry, boxMaterial);
			mesh.position.set(0, 0, 4);
			scene.add(mesh);
			
			var xRotation = 0;
			var yRotation = 0;
			var zRotation = 0;
			function render(){
				xRotation += 0.03;
				yRotation += 0.02;
				zRotation += 0.04;
				mesh.rotation.set(xRotation, yRotation, zRotation);
				
				renderer.render(scene, camera);
				
				requestAnimationFrame(render);
			}
			render();
		</script>
	</body>
</html>

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

你可能感兴趣的:(WebGL,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）组成的数
  • OrangePi5 RK3588本地部署基于Cesium的WebGL应用 vinlandtech webgl
    基于OranglePi5平台，本地部署WebGIS应用步骤：1、下载oranglepi5ubuntu22.04镜像，按用户手册进行烧写。链接：https://pan.baidu.com/s/1g-TO3DeIl1M1JfAPHbCyxg提取码：vlzt2、下载安装WebGL工具包。该软件包针对RK3588WebGL应用进行一定优化。链接：https://pan.baidu.com/s/1jP__h
  • CesiumJS+SuperMap3D.js混用实现可视域分析 S3M图层加载 裁剪区域绘制 SteveJi666 WebGLcesiumEarthSDKSuperMap3djavascript前端arcgis
    版本简介：cesium：1.99；Supermap3D：SuperMapiClientJavaScript11i(2023)；官方下载文档链家：SuperMap技术资源中心|为您提供全面的在线技术服务示例参考：support.supermap.com.cn:8090/webgl/Cesium/examples/webgl/examples.html#analysissupport.supermap
  • CesiumJS+SuperMap3D.js混用实现通视分析 SteveJi666 WebGLcesiumEarthSDKSuperMap3djavascript前端arcgis
    版本简介：cesium：1.99；Supermap3D：SuperMapiClientJavaScript11i(2023)；官方下载文档链家：SuperMap技术资源中心|为您提供全面的在线技术服务示例参考：support.supermap.com.cn:8090/webgl/Cesium/examples/webgl/examples.html#analysissupport.supermap
  • ThreeJS入门（001）：简介、下载安装、历史、应用场景、竞品 还是大剑师兰特 #ThreeJS综合教程200+webgl大剑师ThreeJS简介
    查看本专栏目录-本文是第001篇入门文章文章目录一、Three.js简介二、Three.js的历史与发展三、公司背景四、下载安装五、官方网站六、应用范围场景七、相关竞品一、Three.js简介Three.js是一个基于WebGL的JavaScript3D库，它使得在Web上创建和展示3D内容变得简单。Three.js提供了一系列抽象层，让开发者可以专注于设计和实现3D应用程序，而无需深入了解复杂的
  • webgl——绘制一个旋转的彩色立方体（四） jiegiser# webglwebgl三维可视化
    文章目录前言一、整体代码以及实现效果二、绘制步骤1.构建顶点数据2.通过顶点索引构建立方体3.执行动画4.其他注意细节总结前言前面文章介绍了如何通过多点来绘制图形，通过建立缓冲区对象，将多个数据传入到缓冲区中；然后webgl进行读取缓冲区中的数据进行渲染。上个例子绘制“F”的坐标点不是很多；但是如果我们绘制一个立方体。如果还跟之前一样的绘制方式；立方体的每一个面由两个三角形组成，每个三角形有三个顶
  • 博物馆实景复刻如何实现？需要哪些技术？ jimumeta 虚拟展厅vr虚拟现实虚拟展厅视创云展3D博物馆数字博物馆实景复刻
    实景复刻虚拟博物馆是指通过采集线下真实博物馆场景的信息，利用三维建模技术、Web3D技术等，对博物馆进行1:1像素级还原，构建一个高度逼真的线上虚拟博物馆，在网络上呈现给公众。视创云展依托其自研的WEBGL核心引擎和模型实时渲染展示技术，结合全景效果图，为博物馆的实景复刻提供了高效、逼真的解决方案。一、实景复刻博物馆的特点1、高度还原：能够精准复制博物馆的真实场景，包括建筑外观、内部布局、展品细节
  • 探索 Fabric.js：前端开发的轻量级图形编辑框架 滑辰煦Marc
    探索Fabric.js：前端开发的轻量级图形编辑框架是一个强大的、基于WebGL和SVG的JavaScript图形库，专为构建交互式图形界面而设计。它提供了一种简单的方式来在网页上创建和操纵矢量对象，包括文本、形状、图像等，并且具有丰富的可定制性和性能优化。项目简介Fabric.js提供了一个统一的对象模型，使得处理HTML5canvas上的元素变得异常简单。无论是创建复杂的绘图应用，还是实现动态
  • 记录-小程序720°VR（跳转H5页面实现） 久违的小技巧 小程序小程序vrjavascript
    全景浏览提前准备1拍照支架/照片合成软件（KolorAutopanoGiga4.0）或者全景相机2pannellum（pannellum是一个轻量级、免费和开源的Web全景查看器。它使用HTML5、CSS3、JavaScript和WebGL构建，没有插件。）3H5页面引入pannellum.js/css文件，swiper/jquery文件（因为需要在全景图底部显示可切换图片，与dom操作/ajax
  • three.js 加载STL模型补充遇到的问题 代码搬运工娃哈哈呀娃哈哈 前端
    旋转问题three.js在开发的时候找到的指导文档提到的都是场景相机渲染初始化，相机控制器默认是轨道控制器OrbitControls。在使用中若想各个方向都可以用鼠标旋转只有水平方向能够无限旋转，垂直方向有俯仰角±90°的限制，找了很久才知道TrackballControls轨迹球控制器，可以实现水平垂直旋转，但是也存在缺点，若是模型加载上下左右前后视图的时候，左右前后没有影响，但是在移动到上和下
  • 邀您一起编写《架构演进之路》 猿脑2.0 架构演进之路架构大数据webglvueaijava后端
    邀您一起编写《架构演进之路》文章目录邀您一起编写《架构演进之路》前言一、笔者介绍二、写书起源1.B站讲课2.编辑邀约三、书籍申报信息1书籍目录2书籍简介3选题和特色四、谈一谈为什么要发起合力写书这件事1定位2目标3作用4当前坑位五、提示六、结束语前言本书技术栈涉及前后端、大数据、物联网、WebGL、AI，寻找一群有趣的人合力做一件有意思的事。一、笔者介绍5年开发，3年架构，在一家大型金融公司从事架
  • 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
  • WebGL入门（019）：WebGLSync 简介、使用方法、示例代码 还是大剑师兰特 #webGL开发教程webgl大剑师
    还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信（gis-dajianshi），一起交流。No.内容链接1Openlayers【入门教程】-【源代码+示例300+】2Leaflet【入门教
  • 【学习笔记】用Mac自学虚幻4 左上方的天空&roc 虚幻4学习笔记ue4macos
    文章目录前言学习过程总结前言首先，我是大学自学的前端，之后实习做的是前端是Webgl可视化工作，从实习到转正再到离职大概一年时间，辞职以后我考虑了目前比较火的UE引擎，于是重新学习了一遍C++和数据结构后，开始自学UE。由于本人手里只有一台MacBookAir，本次学习全程用Mac来运行。提示：建议学习UE的新人去学一遍C++，并且了解一下STL源码，以及底层的数据结构。一、安装UE4进入UE官网
  • 【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
  • 【AR.js】初步认识与官方示例的使用 o0o_-_ ARarjavascript开发语言
    说在前面测试浏览器：MicrosoftEdge(PC版本97.0.1072.55)/Firefox(Android)github库：AR.jsAR系列文章：这里go版本：goversiongo1.17.3windows/amd64其他：本文的关注点在于官方用例。关于AR.js这里他们有三种实现：基于标记、基于特征点、以及基于地理位置；前面两种差不大多。优点：只要有支持webrtc以及webgl的浏
  • AR.js 开发与使用指南 Hello.Reader javascript前端arjavascript开发语言
    1.AR.js简介AR.js是基于Web技术的AR库，依赖于WebGL和WebRTC，可以在大多数现代浏览器上运行。它的主要优势在于不需要安装任何插件或应用程序，用户只需通过浏览器即可体验AR效果。AR.js提供了Marker-based（基于标记的）和Location-based（基于位置的）两种模式，适用于多种场景。2.环境搭建在开始开发之前，我们需要先搭建开发环境。以下是搭建AR.js开发环
  • 新版cesium下雨特效 BJ-Giser cesium前端javascriptcesium
    新版cesium下雨特效（webgl2.0）旧版代码letrain=newCesium.PostProcessStage({name:"czm_rain",fragmentShader:`uniformsampler2DcolorTexture;//输入的场景渲染照片varyingvec2v_textureCoordinates;uniformfloatvrain;floathash(floatx
  • 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案例学习平台，未来将免费逐步的更新案例。主要侧重于开发者的技术交流，每个开发者可以将自己拿手案例上传，大家之间可以互相学习借鉴,以此减少大家在工作中的学习成本
  • 关于旗正规则引擎规则中的上传和下载问题 何必如此 文件下载压缩jsp文件上传
    文件的上传下载都是数据流的输入输出，大致流程都是一样的。 一、文件打包下载 1.文件写入压缩包 string mainPath="D:\upload\";     下载路径 string tmpfileName=jar.zip;        &n
  • 【Spark九十九】Spark Streaming的batch interval时间内的数据流转源码分析 bit1129 Stream
      以如下代码为例（SocketInputDStream）： Spark Streaming从Socket读取数据的代码是在SocketReceiver的receive方法中，撇开异常情况不谈(Receiver有重连机制，restart方法，默认情况下在Receiver挂了之后，间隔两秒钟重新建立Socket连接)，读取到的数据通过调用store(textRead)方法进行存储。数据
  • spark master web ui 端口8080被占用解决方法 daizj 8080端口占用sparkmaster web ui
    spark master web ui 默认端口为8080，当系统有其它程序也在使用该接口时，启动master时也不会报错，spark自己会改用其它端口，自动端口号加1，但为了可以控制到指定的端口，我们可以自行设置，修改方法：   1、cd SPARK_HOME/sbin   2、vi start-master.sh     3、定位到下面部分
  • oracle_执行计划_谓词信息和数据获取 周凡杨 oracle执行计划
      oracle_执行计划_谓词信息和数据获取(上) 一：简要说明 在查看执行计划的信息中，经常会看到两个谓词filter和access，它们的区别是什么，理解了这两个词对我们解读Oracle的执行计划信息会有所帮助。 简单说，执行计划如果显示是access，就表示这个谓词条件的值将会影响数据的访问路径（表还是索引），而filter表示谓词条件的值并不会影响数据访问路径，只起到
  • spring中datasource配置 g21121 dataSource
    datasource配置有很多种，我介绍的一种是采用c3p0的，它的百科地址是： http://baike.baidu.com/view/920062.htm   <!-- spring加载资源文件 --> <bean name="propertiesConfig" class="org.springframework.b
  • web报表工具FineReport使用中遇到的常见报错及解决办法（三） 老A不折腾 finereportFAQ报表软件
    这里写点抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。   出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。 1、repeated column width is largerthan paper width： 这个看这段话应该是很好理解的。比如做的模板页面宽度只能放
  • mysql 用户管理 墙头上一根草 linuxmysqluser
    1.新建用户 //登录MYSQL@>mysql -u root -p@>密码//创建用户mysql> insert into mysql.user(Host,User,Password) values(‘localhost’,'jeecn’,password(‘jeecn’));//刷新系统权限表mysql>flush privileges;这样就创建了一个名为：
  • 关于使用Spring导致c3p0数据库死锁问题 aijuans springSpring 入门Spring 实例Spring3Spring 教程
    这个问题我实在是为整个 springsource 的员工蒙羞 如果大家使用 spring 控制事务，使用 Open Session In View 模式， com.mchange.v2.resourcepool.TimeoutException: A client timed out while waiting to acquire a resource from com.mchange.
  • 百度词库联想 annan211 百度
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>RunJS</title&g
  • int数据与byte之间的相互转换实现代码 百合不是茶 位移int转bytebyte转int基本数据类型的实现
    在BMP文件和文件压缩时需要用到的int与byte转换,现将理解的贴出来;   主要是要理解;位移等概念 http://baihe747.iteye.com/blog/2078029   int转byte;   byte转int;   /** * 字节转成int,int转成字节 * @author Administrator *
  • 简单模拟实现数据库连接池 bijian1013 javathreadjava多线程简单模拟实现数据库连接池
    简单模拟实现数据库连接池 实例1： package com.bijian.thread; public class DB { //private static final int MAX_COUNT = 10; private static final DB instance = new DB(); private int count = 0; private i
  • 一种基于Weblogic容器的鉴权设计 bijian1013 javaweblogic
            服务器对请求的鉴权可以在请求头中加Authorization之类的key，将用户名、密码保存到此key对应的value中，当然对于用户名、密码这种高机密的信息，应该对其进行加砂加密等，最简单的方法如下： String vuser_id = "weblogic"; String vuse
  • 【RPC框架Hessian二】Hessian 对象序列化和反序列化 bit1129 hessian
     任何一个对象从一个JVM传输到另一个JVM，都要经过序列化为二进制数据(或者字符串等其他格式，比如JSON)，然后在反序列化为Java对象，这最后都是通过二进制的数据在不同的JVM之间传输(一般是通过Socket和二进制的数据传输)，本文定义一个比较符合工作中。   1. 定义三个POJO    Person类 package com.tom.hes
  • 【Hadoop十四】Hadoop提供的脚本的功能 bit1129 hadoop
    1. hadoop-daemon.sh 1.1 启动HDFS ./hadoop-daemon.sh start namenode ./hadoop-daemon.sh start datanode  通过这种逐步启动的方式，比start-all.sh方式少了一个SecondaryNameNode进程，这不影响Hadoop的使用，其实在 Hadoop2.0中，SecondaryNa
  • 中国互联网走在“灰度”上 ronin47 管理 灰度
    中国互联网走在“灰度”上（转） 文/孕峰   第一次听说灰度这个词，是任正非说新型管理者所需要的素质。第二次听说是来自马化腾。似乎其他人包括马云也用不同的语言说过类似的意思。   灰度这个词所包含的意义和视野是广远的。要理解这个词，可能同样要用“灰度”的心态。灰度的反面，是规规矩矩，清清楚楚，泾渭分明，严谨条理，是决不妥协，不转弯，认死理。黑白分明不是灰度，像彩虹那样
  • java-51-输入一个矩阵，按照从外向里以顺时针的顺序依次打印出每一个数字。 bylijinnan java
    public class PrintMatrixClockwisely { /** * Q51.输入一个矩阵，按照从外向里以顺时针的顺序依次打印出每一个数字。 例如：如果输入如下矩阵： 1 2 3 4 5 6 7 8 9
  • mongoDB 用户管理 开窍的石头 mongoDB用户管理
      1:添加用户    第一次设置用户需要进入admin数据库下设置超级用户（use admin）      db.addUsr({user:'useName',pwd:'111111',roles:[readWrite,dbAdmin]});    第一个参数用户的名字    第二个参数
  • [游戏与生活]玩暗黑破坏神3的一些问题 comsci 生活
        暗黑破坏神3是有史以来最让人激动的游戏。。。。但是有几个问题需要我们注意      玩这个游戏的时间，每天不要超过一个小时，且每次玩游戏最好在白天      结束游戏之后，最好在太阳下面来晒一下身上的暗黑气息，让自己恢复人的生气   &nb
  • java 二维数组如何存入数据库 cuiyadll java
    using System; using System.Linq; using System.Text; using System.Windows.Forms; using System.Xml; using System.Xml.Serialization; using System.IO; namespace WindowsFormsApplication1 {
  • 本地事务和全局事务Local Transaction and Global Transaction(JTA) darrenzhu javaspringlocalglobaltransaction
    Configuring Spring and JTA without full Java EE http://spring.io/blog/2011/08/15/configuring-spring-and-jta-without-full-java-ee/ Spring doc -Transaction Management http://docs.spring.io/spri
  • Linux命令之alias - 设置命令的别名，让 Linux 命令更简练 dcj3sjt126com linuxalias
    用途说明 设置命令的别名。在linux系统中如果命令太长又不符合用户的习惯，那么我们可以为它指定一个别名。虽然可以为命令建立“链接”解决长文件名的问 题，但对于带命令行参数的命令，链接就无能为力了。而指定别名则可以解决此类所有问题【1】。常用别名来简化ssh登录【见示例三】，使长命令变短，使常 用的长命令行变短，强制执行命令时询问等。   常用参数 格式：alias 格式：ali
  • yii2 restful web服务[格式响应] dcj3sjt126com PHPyii2
    响应格式 当处理一个 RESTful API 请求时， 一个应用程序通常需要如下步骤 来处理响应格式： 确定可能影响响应格式的各种因素， 例如媒介类型， 语言， 版本， 等等。 这个过程也被称为 content negotiation。 资源对象转换为数组， 如在 Resources 部分中所描述的。 通过 [[yii\rest\Serializer]]
  • MongoDB索引调优（2）——[十] eksliang mongodbMongoDB索引优化
    转载请出自出处：http://eksliang.iteye.com/blog/2178555 一、概述       上一篇文档中也说明了，MongoDB的索引几乎与关系型数据库的索引一模一样，优化关系型数据库的技巧通用适合MongoDB，所有这里只讲MongoDB需要注意的地方 二、索引内嵌文档     可以在嵌套文档的键上建立索引，方式与正常
  • 当滑动到顶部和底部时，实现Item的分离效果的ListView gundumw100 android
    拉动ListView，Item之间的间距会变大，释放后恢复原样； package cn.tangdada.tangbang.widget; import android.annotation.TargetApi; import android.content.Context; import android.content.res.TypedArray; import andr
  • 程序员用HTML5制作的爱心树表白动画 ini JavaScriptjqueryWebhtml5css
    体验效果：http://keleyi.com/keleyi/phtml/html5/31.htmHTML代码如下： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="UTF-8" > <ti
  • 预装windows 8 系统GPT模式的ThinkPad T440改装64位 windows 7旗舰版 kakajw ThinkPad预装改装windows 7windows 8
      该教程具有普遍参考性，特别适用于联想的机器，其他品牌机器的处理过程也大同小异。 该教程是个人多次尝试和总结的结果，实用性强，推荐给需要的人！   缘由 小弟最近入手笔记本ThinkPad T440，但是特别不能习惯笔记本出厂预装的Windows 8系统，而且厂商自作聪明地预装了一堆没用的应用软件，消耗不少的系统资源（本本的内存为4G，系统启动完成时，物理内存占用比
  • Nginx学习笔记 mcj8089 nginx
    一、安装nginx             1、在nginx官方网站下载一个包，下载地址是：  http://nginx.org/download/nginx-1.4.2.tar.gz      2、WinSCP(ftp上传工
  • mongodb 聚合查询每天论坛链接点击次数 qiaolevip 每天进步一点点学习永无止境mongodb纵观千象
    /* 18 */ { "_id" : ObjectId("5596414cbe4d73a327e50274"), "msgType" : "text", "sendTime" : ISODate("2015-07-03T08:01:16.000Z"
  • java术语（PO/POJO/VO/BO/DAO/DTO） Luob. DAOPOJODTOpoVO BO
    PO(persistant object) 持久对象 在o/r 映射的时候出现的概念,如果没有o/r映射,就没有这个概念存在了.通常对应数据模型(数据库),本身还有部分业务逻辑的处理.可以看成是与数据库中的表相映射的java对象.最简单的PO就是对应数据库中某个表中的一条记录,多个记录可以用PO的集合.PO中应该不包含任何对数据库的操作. VO(value object) 值对象 通
  • 算法复杂度 Wuaner Algorithm
    Time Complexity & Big-O： http://stackoverflow.com/questions/487258/plain-english-explanation-of-big-o http://bigocheatsheet.com/ http://www.sitepoint.com/time-complexity-algorithms/
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他