18211103738
18211103738

使用MorphAnimMesh实现ThreeJS动画

效果：
使用MorphAnimMesh实现ThreeJS动画
 

 

代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>Morph-Bird</title>
		<style>body{background:#eeeeee;margin:0;padding:0;overflow:hidden;}</style>
		<script src="js/three.min.js"></script>
		<!--<script src="js/stats.min.js"></script>
		<script src="js/Detector.js"></script>-->
	</head>
	<body>
		<script>
		var morphs = [];
		var clock = new THREE.Clock();	//创建一个时针/秒表
		
		var width = window.innerWidth;
		var height = window.innerHeight;
		
		var scene = new THREE.Scene();
		
		var camera = new THREE.PerspectiveCamera( 40, width/2 / height, 1, 10000 );
		camera.position.y = 300;
		camera.target = new THREE.Vector3( 0, 150, 0 );
		//scene.add(camera);
		
		var loader = new THREE.JSONLoader();
		loader.load("models/animated/flamingo.js", function(geometry){
			morphColorsToFaceColors( geometry );
			geometry.computeMorphNormals();		//计算面的每一个法线（这样才能得到正确的关照效果）
			
			var material = new THREE.MeshLambertMaterial( { color: 0xffffff, morphTargets: true, morphNormals: true, vertexColors: THREE.FaceColors, shading: THREE.FlatShading } );
			/*MorphAnimMesh类是Mesh的扩展类，封装了对mesh.morphTargetInfluences的处理*/
			var morphAnimMesh = new THREE.MorphAnimMesh( geometry, material );	//动画网格模型（本质和Mesh一样，都表示一个可以显示的对象，所不同的是他包含几个动画帧，可以通过播放帧来看到动画）
			//morphAnimMesh.playAnimation();
			
			morphAnimMesh.duration = 1500;		//持续时间（单位ms）

			morphAnimMesh.scale.set( 1.5, 3.0, 1.5 );	//设置模型比例（放大了一些）
			morphAnimMesh.position.y = 150;		//设置位置（在y轴上）

			scene.add( morphAnimMesh );
			morphs.push( morphAnimMesh );
		});
		
		/*将geometry.morpColors中存储的颜色复制到geometry.faces信息中，因为绘制的时候会用到faces中的颜色*/
		function morphColorsToFaceColors( geometry ) {

			if ( geometry.morphColors && geometry.morphColors.length ) {

				var colorMap = geometry.morphColors[ 0 ];

				for ( var i = 0; i < colorMap.colors.length; i ++ ) {

					geometry.faces[ i ].color = colorMap.colors[ i ];
					geometry.faces[ i ].color.offsetHSL( 0, 0.3, 0 );	//模型的饱和度提高0.3

				}

			}

		}
		
		var upLight = new THREE.DirectionalLight(0xffffff, 1.3);
		upLight.position.set(1, 1, 1);
		scene.add(upLight);
		
		var downLight = new THREE.DirectionalLight(0xffffff, 0.1);
		//downLight.position.set(0.25, -1, 0);
		downLight.position.set(-1, -1, -1);
		scene.add(downLight);
		
		var renderer = new THREE.WebGLRenderer({antialias:true});
		renderer.setSize(width, height);
		renderer.setClearColor(0xeeeeee, 1.0);
		
		renderer.sortObjects = false;
		renderer.autoClear = false;

		renderer.gammaInput = true;
		renderer.gammaOutput = true;
		
		document.body.appendChild(renderer.domElement);
		
		var theta = 0;
		var delta = null;
		var radius = 600;
		function render() {

			theta += 0.1;	//每帧0.1度（如果1秒钟60帧，那么1秒钟就是6度）
			
			/*相机绕y轴以半径为600的圆旋转*/
			camera.position.x = radius * Math.sin( THREE.Math.degToRad( theta ) );
			camera.position.z = radius * Math.cos( THREE.Math.degToRad( theta ) );

			camera.lookAt( camera.target );		//相机聚焦于相机的焦点（一般为(0,0,0)）

			delta = clock.getDelta();		//得到距离上一次调用render()过去的时间（单位秒）
			
			for ( var i = 0; i < morphs.length; i ++ ) {
				morph = morphs[ i ];
				//console.log(i);		//永远是0
				morph.updateAnimation( 1000 * delta );		//更新动画的每一帧，并在其中渲染动画
			}		

			renderer.clear();		//清空渲染器

			renderer.setViewport( 0, 0, width, height ); //设置视口（等于窗口的位置和大小）
			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.
  • mongodb3.03开启认证 21jhf mongodb
    下载了最新mongodb3.03版本，当使用--auth 参数命令行开启mongodb用户认证时遇到很多问题，现总结如下： （百度上搜到的基本都是老版本的，看到db.addUser的就是，请忽略） Windows下我做了一个bat文件，用来启动mongodb，命令行如下： mongod --dbpath db\data --port 27017 --directoryperdb --logp
  • 【Spark103】Task not serializable bit1129 Serializable
    Task not serializable是Spark开发过程最令人头疼的问题之一，这里记录下出现这个问题的两个实例，一个是自己遇到的，另一个是stackoverflow上看到。等有时间了再仔细探究出现Task not serialiazable的各种原因以及出现问题后如何快速定位问题的所在，至少目前阶段碰到此类问题，没有什么章法 1.   package spark.exampl
  • 你所熟知的 LRU(最近最少使用) dalan_123 java
    关于LRU这个名词在很多地方或听说，或使用，接下来看下lru缓存回收的实现 1、大体的想法     a、查询出最近最晚使用的项     b、给最近的使用的项做标记 通过使用链表就可以完成这两个操作，关于最近最少使用的项只需要返回链表的尾部；标记最近使用的项，只需要将该项移除并放置到头部，那么难点就出现 你如何能够快速在链表定位对应的该项？ 这时候多
  • Javascript 跨域 周凡杨 JavaScriptjsonp跨域cross-domain
                                       
  • linux下安装apache服务器 g21121 apache
    安装apache 下载windows版本apache，下载地址：http://httpd.apache.org/download.cgi   1.windows下安装apache Windows下安装apache比较简单，注意选择路径和端口即可，这里就不再赘述了。 2.linux下安装apache： 下载之后上传到linux的相关目录，这里指定为/home/apach
  • FineReport的JS编辑框和URL地址栏语法简介 老A不折腾 finereportweb报表报表软件语法总结
      JS编辑框： 1.FineReport的js。 作为一款BS产品，browser端的JavaScript是必不可少的。 FineReport中的js是已经调用了finereport.js的。 大家知道，预览报表时，报表servlet会将cpt模板转为html，在这个html的head头部中会引入FineReport的js，这个finereport.js中包含了许多内置的fun
  • 根据STATUS信息对MySQL进行优化 墙头上一根草 status
    mysql  查看当前正在执行的操作，即正在执行的sql语句的方法为:      show processlist 命令   mysql> show global status;可以列出MySQL服务器运行各种状态值，我个人较喜欢的用法是show status like '查询值%';一、慢查询mysql> show variab
  • 我的spring学习笔记7-Spring的Bean配置文件给Bean定义别名 aijuans Spring 3
    本文介绍如何给Spring的Bean配置文件的Bean定义别名？ 原始的 <bean id="business" class="onlyfun.caterpillar.device.Business"> <property name="writer"> <ref b
  • 高性能mysql 之 性能剖析 annan211 性能mysqlmysql 性能剖析剖析
    1 定义性能优化 mysql服务器性能，此处定义为 响应时间。 在解释性能优化之前，先来消除一个误解，很多人认为，性能优化就是降低cpu的利用率或者减少对资源的使用。 这是一个陷阱。 资源时用来消耗并用来工作的，所以有时候消耗更多的资源能够加快查询速度，保持cpu忙绿，这是必要的。很多时候发现 编译进了新版本的InnoDB之后，cpu利用率上升的很厉害，这并不
  • 主外键和索引唯一性约束 百合不是茶 索引唯一性约束主外键约束联机删除
    目标;第一步;创建两张表 用户表和文章表         第二步;发表文章       1,建表; ---用户表 BlogUsers --userID唯一的 --userName --pwd --sex create
  • 线程的调度 bijian1013 java多线程thread线程的调度java多线程
    1.       Java提供一个线程调度程序来监控程序中启动后进入可运行状态的所有线程。线程调度程序按照线程的优先级决定应调度哪些线程来执行。   2.       多数线程的调度是抢占式的（即我想中断程序运行就中断，不需要和将被中断的程序协商） a) 
  • 查看日志常用命令 bijian1013 linux命令unix
    一.日志查找方法，可以用通配符查某台主机上的所有服务器grep "关键字" /wls/applogs/custom-*/error.log   二.查看日志常用命令1.grep '关键字' error.log：在error.log中搜索'关键字'2.grep -C10 '关键字' error.log：显示关键字前后10行记录3.grep '关键字' error.l
  • 【持久化框架MyBatis3一】MyBatis版HelloWorld bit1129 helloworld
    MyBatis这个系列的文章，主要参考《Java Persistence with MyBatis 3》。   样例数据 本文以MySQL数据库为例，建立一个STUDENTS表，插入两条数据，然后进行单表的增删改查     CREATE TABLE STUDENTS ( stud_id int(11) NOT NULL AUTO_INCREMENT,
  • 【Hadoop十五】Hadoop Counter bit1129 hadoop
       1. 只有Map任务的Map Reduce Job File System Counters FILE: Number of bytes read=3629530 FILE: Number of bytes written=98312 FILE: Number of read operations=0 FILE: Number of lar
  • 解决Tomcat数据连接池无法释放 ronin47 tomcat 连接池　优化
    近段时间，公司的检测中心报表系统(SMC)的开发人员时不时找到我，说用户老是出现无法登录的情况。前些日子因为手头上 有Jboss集群的测试工作，发现用户不能登录时，都是在Tomcat中将这个项目Reload一下就好了，不过只是治标而已，因为大概几个小时之后又会 再次出现无法登录的情况。 今天上午，开发人员小毛又找到我，要我协助将这个问题根治一下，拖太久用户难保不投诉。 简单分析了一
  • java-75-二叉树两结点的最低共同父结点 bylijinnan java
    import java.util.LinkedList; import java.util.List; import ljn.help.*; public class BTreeLowestParentOfTwoNodes { public static void main(String[] args) { /* * node data is stored in
  • 行业垂直搜索引擎网页抓取项目 carlwu LuceneNutchHeritrixSolr
    公司有一个搜索引擎项目，希望各路高人有空来帮忙指导，谢谢！ 这是详细需求： （1） 通过提供的网站地址(大概100-200个网站)，网页抓取程序能不断抓取网页和其它类型的文件（如Excel、PDF、Word、ppt及zip类型），并且程序能够根据事先提供的规则，过滤掉不相干的下载内容。 （2） 程序能够搜索这些抓取的内容，并能对这些抓取文件按照油田名进行分类，然后放到服务器不同的目录中。
  • [通讯与服务]在总带宽资源没有大幅增加之前,不适宜大幅度降低资费 comsci 资源
          降低通讯服务资费，就意味着有更多的用户进入，就意味着通讯服务提供商要接待和服务更多的用户，在总体运维成本没有由于技术升级而大幅下降的情况下，这种降低资费的行为将导致每个用户的平均带宽不断下降，而享受到的服务质量也在下降，这对用户和服务商都是不利的。。。。。。。。     &nbs
  • Java时区转换及时间格式 Cwind java
    本文介绍Java API 中 Date, Calendar, TimeZone和DateFormat的使用，以及不同时区时间相互转化的方法和原理。   问题描述： 向处于不同时区的服务器发请求时需要考虑时区转换的问题。譬如，服务器位于东八区（北京时间，GMT+8:00），而身处东四区的用户想要查询当天的销售记录。则需把东四区的“今天”这个时间范围转换为服务器所在时区的时间范围。
  • readonly,只读，不可用 dashuaifu jsjspdisablereadOnlyreadOnly
    readOnly 和 readonly 不同，在做js开发时一定要注意函数大小写和jsp黄线的警告！！！我就经历过这么一件事： 使用readOnly在某些浏览器或同一浏览器不同版本有的可以实现“只读”功能，有的就不行，而且函数readOnly有黄线警告！！！就这样被折磨了不短时间！！！（期间使用过disable函数，但是发现disable函数之后后台接收不到前台的的数据！！！）  
  • LABjs、RequireJS、SeaJS 介绍 dcj3sjt126com jsWeb
    LABjs 的核心是 LAB（Loading and Blocking）：Loading 指异步并行加载，Blocking 是指同步等待执行。LABjs 通过优雅的语法（script 和 wait）实现了这两大特性，核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更
  • [应用结构]入口脚本 dcj3sjt126com PHPyii2
    入口脚本 入口脚本是应用启动流程中的第一环，一个应用（不管是网页应用还是控制台应用）只有一个入口脚本。终端用户的请求通过入口脚本实例化应用并将将请求转发到应用。 Web 应用的入口脚本必须放在终端用户能够访问的目录下，通常命名为 index.php，也可以使用 Web 服务器能定位到的其他名称。 控制台应用的入口脚本一般在应用根目录下命名为 yii（后缀为.php），该文
  • haoop shell命令 eksliang hadoophadoop shell
    cat chgrp chmod chown copyFromLocal copyToLocal cp du dus expunge get getmerge ls lsr mkdir movefromLocal mv put rm rmr setrep stat tail test text
  • MultiStateView不同的状态下显示不同的界面 gundumw100 android
    只要将指定的view放在该控件里面，可以该view在不同的状态下显示不同的界面，这对ListView很有用，比如加载界面，空白界面，错误界面。而且这些见面由你指定布局，非常灵活。 PS：ListView虽然可以设置一个EmptyView，但使用起来不方便，不灵活，有点累赘。 <com.kennyc.view.MultiStateView xmlns:android=&qu
  • jQuery实现页面内锚点平滑跳转 ini JavaScripthtmljqueryhtml5css
    平时我们做导航滚动到内容都是通过锚点来做，刷的一下就直接跳到内容了，没有一丝的滚动效果，而且 url 链接最后会有“小尾巴”，就像#keleyi，今天我就介绍一款 jquery 做的滚动的特效，既可以设置滚动速度，又可以在 url 链接上没有“小尾巴”。   效果体验：http://keleyi.com/keleyi/phtml/jqtexiao/37.htmHTML文件代码： &
  • kafka offset迁移 kane_xie kafka
    在早前的kafka版本中（0.8.0），offset是被存储在zookeeper中的。   到当前版本（0.8.2）为止，kafka同时支持offset存储在zookeeper和offset manager（broker）中。   从官方的说明来看，未来offset的zookeeper存储将会被弃用。因此现有的基于kafka的项目如果今后计划保持更新的话，可以考虑在合适
  • android > 搭建 cordova 环境 mft8899 android
      1 , 安装 node.js        http://nodejs.org      node -v   查看版本   2, 安装 npm   可以先从  https://github.com/isaacs/npm/tags  下载 源码 解压到
  • java封装的比较器，比较是否全相同，获取不同字段名字 qifeifei
     非常实用的java比较器，贴上代码： import java.util.HashSet; import java.util.List; import java.util.Set; import net.sf.json.JSONArray; import net.sf.json.JSONObject; import net.sf.json.JsonConfig; i
  • 记录一些函数用法 .Aky. 位运算PHP数据库函数IP
    高手们照旧忽略。 想弄个全天朝IP段数据库，找了个今天最新更新的国内所有运营商IP段，copy到文件，用文件函数，字符串函数把玩下。分割出startIp和endIp这样格式写入.txt文件，直接用phpmyadmin导入.csv文件的形式导入。（生命在于折腾，也许你们觉得我傻X，直接下载人家弄好的导入不就可以，做自己的菜鸟，让别人去说吧） 当然用到了ip2long()函数把字符串转为整型数
  • sublime text 3 rust wudixiaotie Sublime Text
    1.sublime text 3 => install package => Rust 2.cd ~/.config/sublime-text-3/Packages 3.mkdir rust 4.git clone https://github.com/sp0/rust-style 5.cd rust-style 6.cargo build --release 7.ctrl
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他