自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(32)
  • 收藏
  • 关注

原创 MongoDB3.2安装及创建用户名和密码

1.下载地址:http://www.mongodb.org/downloads2.解压或安装到自己想要安装的目录,比如D:\MongoDB3.创建文件夹D:\MongoDB\Server\3.2\data、D:\MongoDB\Server\3.2\logs,分别用来安装db和日志文件4.以管理员的身份命令行进入bin目录,执行以下命令将MongoDB安装成服务:mongo...

2016-10-30 15:02:59 1459 1

原创 PostgreSQL的安装和配置

1. 下载PostgreSQL:http://dev.mysql.com/downloads/mysql/,解压或拷贝到要安装的位置,并在主目录下创建data目录;或直接拷贝以前的安装文件。     2. 配置环境变量    我的电脑->属性->高级->环境变量 初始化数据库     3. 初始化    执行命令:D:\pgsql\bin\initdb...

2016-04-21 19:36:24 269

原创 MyBatis查询的源码分析

如下为mybatis的一个集合查询: String resource = "mybatis.cfg.xml"; Reader reader = Resources.getResourceAsReader(resource); SqlSessionFactory ssf = new SqlSessionFactoryBuilder().build(reader); S...

2015-12-31 18:06:19 147

原创 NodeJS入门

一、安装nodejs 1、node下载安装 方法一:下载地址:官网http://www.nodejs.org/download/ 下载文件解压到相应目录: 配置环境变量:NODE_HOME: D:\NodeJSPath: …;% NODE_HOME %\bin; 方法二:或到中文网址http://nodejs.cn/download/ 下...

2015-11-18 22:37:51 142

原创 Eclipse自定义External Tools

Eclipse自定义扩展工具Run-->External Tools-->External Tools ConfigrationNew 一个 Program输入name为mybatis-generator,location选择mvn.bat(maven的执行文件),work directory设置为项目路径,Arguments中为要运行的命令: mybatis-g...

2015-05-03 14:43:55 438

原创 MySQL安装和配置

下载MySQL Community Server下载地址:http://dev.mysql.com/downloads/mysql/,或直接拷贝以前的安装文件;并解压或拷贝到要安装的位置;配置环境变量我的电脑->属性->高级->环境变量  修改或添加bin下的配置文件my.ini以管理员身份运行cmd(一定要用管理员身份运行,不然权限...

2015-05-03 10:53:50 99

原创 MongoDB的安装以及使用

Windows下MongoDB的安装:1.下载地址:http://www.mongodb.org/downloads2.解压或安装到自己想要安装的目录,比如D:\MongoDB3.创建文件夹D:\MongoDB\Data、D:\MongoDB\Log,分别用来安装db和日志文件在log文件夹下创建一个日志文件MongoDB.log,即D:\MongoDB\Log\Mongo...

2015-04-15 11:58:16 140

原创 使用Animation实现ThreeJS动画

第一步:画地面,并让地面旋转,以便观察效果:代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>Knight</title> <style>body{background:#f

2015-01-21 16:33:45 1175

原创 使用MorphAnimMesh实现ThreeJS动画

效果:  代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>Morph-Bird</title> <style>body{background:#eeeeee;margin:0;

2015-01-19 22:15:35 442

原创 使用MorphAnimation实现ThreeJS动画

效果:  代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>Horse</title> <style>body{background:#eee;margin:0;padding:0;

2015-01-19 22:12:08 421

原创 通过改变morphTargetInfluences实现物体变形

在three.js中morphTargets允许物体发生变形。如果该物体的geometry有 n 个顶点,那么MorphTargets允许你再指定 n 个, 2n 个, 3n 个甚至更多个顶点(比如,p⋅n 个),同时mesh对象提供一个数组morphTargetInfluences(公式中fj表示morphTargetInfluences[j]),具有 p 个元素,每个元素取值在0-1之间。...

2015-01-19 21:48:04 864

原创 ThreeJS系列教程-Lesson7

效果: 代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>Three.js tutorial - Lesson 07</title> <style>body{background:#

2015-01-17 11:55:27 106

原创 ThreeJS系列教程-Lesson6

效果: 代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>Three.js tutorial - Lesson 06</title> <style>body {background:

2015-01-10 16:34:39 139

原创 ThreeJS系列教程-Lesson5

效果: 代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>Three.js tutorial - Lesson 05</title> <style>body{background:#ee

2015-01-09 21:47:04 104

原创 ThreeJS系列教程-Lesson4

效果: 代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>Three.js tutorial - Lesson 04</title> <style>body{background:

2015-01-09 21:42:11 104

原创 ThreeJS系列教程-Lesson3

效果: 代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>Three.js tutorial - Lesson 03</title> <style>bo

2015-01-09 18:57:44 146

原创 ThreeJS系列教程-Lesson2

效果: 代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"/> <title>Three.js tutorial - Lesson 02</title> <style>bo

2015-01-09 18:55:30 120

原创 ThreeJS系列教程-Lesson1

效果: 代码:<!DOCTYPE html> <!-- The previous line tells the browser, that the page uses the HTML5 standard. --> <html> <head> <meta charset="utf-8"/> &..

2015-01-09 18:53:14 155

原创 ThreeJS画网格及其它

效果: 代码:<!doctype html><html> <head> <meta charset="utf-8"/> <title>Grid</title> <style>body{background:#eeeeee;margin:0;padding:0

2015-01-07 18:24:16 320

原创 3D加载程序的性能优化

通过使用数组实现连续内存,从而提高程序加载速度,在绘制几十万个三角形的时候让它的帧数也保持在60帧 效果: 代码:<!doctype html><html> <head> <meta charset="utf-8"/> <title>Cube</title> &

2015-01-06 22:17:24 235

原创 JS开发中的几个彰显水准的技巧

1.使用requestAnimationFrameJavaScript创建动画时使用requestAnimationFrame帧动画,它很类似于setTimeOut函数,并且当标签页失去焦点时,它就不再运行 一般用法:function render(){ //TODO requestAnimationFrame(render);}render(); 启动/停止的...

2015-01-06 15:07:29 67

原创 ThreeJS加载3D模型

效果:  代码:<!doctype html><html> <head> <meta charset="utf-8"/> <title>Bunny</title> <style>body{background:#EEEEEE;margin:0;padding

2015-01-05 15:24:55 995

原创 ThreeJS创建3D的基本步骤及相关知识

ThreeJS创建3D的基本步骤: scene创建场景添加物体添加光源 camera创建摄像机设置位置//添加相机到场景中 renderer创建渲染器设置渲染器的大小设置渲染器的背景将渲染器的DOM元素添加到页面容器进行渲染(renderer.render(scene, camera)) ---------------...

2015-01-05 15:07:44 257

原创 HSV颜色模型

HSV颜色模型  H:色调(0°~360°,决定显示什么颜色)S:饱和度(0.0~1.0)V:亮度(0~1) 圆锥的顶面中心处 S=0,V=1,H无定义,代表白色。在圆锥的顶点(即原点)处,V=0,H和S无定义,代表黑色。在圆锥顶面的圆周上的颜色,V=1,S=1,这种颜色是纯色。 色调H用角度度量,取值范围为0°~360°,从红色开始按逆时针方向计算...

2015-01-04 18:02:02 635

原创 线性代数及三维旋转矩阵(与3D和WebGL相关)

1.基本概念:WebGL中使用三维/正交/右手坐标系 三维:三个坐标轴(x轴/y轴/z轴)正交:两两垂直右手:x轴拇指正方向/y轴食指正方向/z轴无名指正方向 3D坐标系中原点的位置:(Vx, Vy, Vz)=(0, 0, 0) 标量:有大小无方向(如:温度/质量/能量)矢量:有大小有方向(如:力/加速度/速度) 矢量相加/矢量相减 矢量乘...

2015-01-02 11:57:29 1110

原创 html5实现的旋转立方时钟(基于three.js)

效果: 代码:1.CubeClock.html<!doctype html><html> <head> <meta charset="utf-8"/> <title>CubeClock</title> <style> body,*{margi

2014-12-31 11:29:26 413

原创 JS创建对象和继承的方式

对象创建:1.//以下三种方法创建的对象是一样的,都是一个最普通的Object对象var object = {}var object = new Object();var object = Object.create(Object.prototype); 创建的对象如图: 2./*创建一个没有原型的空对象 *这个新建的对象很可怜,他没有任何的原型 *...

2014-12-29 11:12:40 69

原创 html5的indexedDB数据库操作实例

效果: 代码:StringUtil.js //去除字符串中间空格 String.prototype.Trim = function() { return this.replace(/(^s*)|(s*$)/g, ""); } //去除字符串左侧空格 String.prototype.LTrim = function() { return this.r...

2014-12-22 21:16:44 233

原创 基于html5的拖拽(及基于html4的拖拽)

效果: 代码:<!doctype html><html> <head> <meta charset="utf-8"/> <title>基于html5的拖拽</title> <style> *,html,body{border:0;margin:0;p

2014-12-17 09:24:45 89

原创 html5实现的canvas太阳系

效果: 代码:<!doctype html><html> <head> <title>太阳系</title> </head> <body> <canvas id="canvas" width="1000" height=&

2014-12-10 18:44:43 349

原创 html5实现的canvas时钟

html5实现的canvas时针效果: 代码:<!doctype html><html> <head> <title>时钟</title> </head> <body> <canvas width="500" height="5

2014-12-08 17:03:02 102

原创 JFinal处理请求的流程

①从web.xml文件中可以看出jfinal框架本质上是一个Filter<!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd" ><web-app> &...

2014-11-10 18:38:53 746

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除