hzxwonder
hzxwonder

Three.js学习笔记(一)

Three.js学习笔记(一)

1.四大组建

1.场景

任何要显示的东西，放在场景的任何位置

一个页面可以有多个场景

实现方式

THREE.Scene = function()

2.相机

浏览器中所能看到的东西，就是由相机拍摄出来。即将相机能看到的内容显示在浏览器画面上

分类
1.透视相机

近大远小+灭点

2.正投影相机

远处和近处一样大，也称正交相机

参数
THREE.PerspectiveCamera = function(fov,aspect,near,far)

fov:视角,我的理解是以相机为中心，能看到的最高和最低之间的夹角，即 θ \theta θ

Three.js学习笔记(一)_第1张图片

aspect:近平面的宽度除以高度,即图中的 w h \frac{w}{h} hw​

near:相机和近处截面的距离

far:相机和远处截面的距离

例子
var camera = new THREE.PerspectiveCamera(45,width/height,1,1000)
scene.add(camera)

3.渲染器

计算的过程称为渲染，即怎么将眼前的场景显示到屏幕上

代码：

THREE.WebGLRenderer()

4.几何体

显示在场景中的对象

2.例子


<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<script src="../Js/three.js">script>  
	head>
	<body>
		<script>
			var scene =new THREE.Scene();
			
			var camera = new THREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,1,1000)//不懂为什么要这个大小，以后回来填坑
			
			var renderer = new THREE.WebGLRenderer();
			renderer.setClearColor("#ffffff");//背景颜色？填坑
			renderer.setSize(window.innerWidth,window.innerHeight);//不懂为什么要这个大小，以后回来填坑
			document.body.appendChild(renderer.domElement);
			
			var geometry = new THREE.CubeGeometry(2,2,2);
			var material = new THREE.MeshBasicMaterial({color:0xff0000});
			
			var cuba = new THREE.Mesh(geometry,material);
			
			scene.add(cuba);
			camera.position.z = 5;  //数值越大，图形越小，即离相机的距离越远
			function render(){
				requestAnimationFrame(render);
				cuba.rotation.x += 0.01;
				renderer.render(scene,camera);
			}
			render();
		script>
	body>
html>

3.遇到的坑

  • 不知道错误在哪里。这个问题很致命，因为前期不知道在哪里看报错，导致我一行一行地校验代码，效率极其低下。

    • 解决办法：在浏览器中使用F12进入浏览器检查页面，点击console，即可查看哪里出错

Three.js学习笔记(一)_第2张图片

4.关于使用软件问题：

1.HBuilder X轻量级，运行速度快，但代码补全和代码高亮这两块很头疼！
2.webstorm代码补全非常好，高亮也可以，但就是运行占用内存比较大
3.最近看到网上推荐atom,感觉挺好用的，有代码补全，界面看的也很舒适，最重要的是，atom可以实现实时预览！！！先用一段时间看看。

参考资料：Three.js教程,包含矩阵,着色器,模型加载,WebGL相关知识,学习用

小白入门，望各位大神多多包涵！！！

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

  • Node.js 后台系统 - 基本增删改查实现
    个人简介‍‍个人主页：魔术师学习方向：主攻前端方向，正逐渐往全栈发展个人状态：研发工程师，现效力于政务服务网事业人生格言：“心有多大，舞台就有多大。”推荐学习：Vue2Vue3Vue2/3项目实战Node.js实战Three.js鸿蒙开发小程序使用备注：仅供学习交流严禁用于商业用途，若发现侵权内容请及时联系作者更新进度：持续更新内容个人名片：每篇文章最下方都有加入方式，旨在交流学习&资源分享，快加
  • 光伏发电园区管理系统 - Three.js + Django 实现方案 小赖同学啊 testTechnologyPreciousjavascriptdjango开发语言
    光伏发电园区管理系统-Three.js+Django实现方案我将设计一个基于Three.js和Django的光伏发电园区管理系统，包含3D可视化、实时监控和数据分析功能。系统架构设计API请求数据存储数据存储数据存储获取获取前端-Three.jsDjango后端数据库外部API光伏设备数据气象数据发电数据实时天气电价信息技术栈与依赖前端：Three.js(r128)-3D渲染Chart.js-数据
  • 【前端】【数字孪生】基础知识：数字孪生 3D 模型去哪里找？Three.js 辅助组件库有哪些？模型的动画是黑盒吗？怎么控制？ 患得患失949 数字孪生前端3djavascript
    前端数字孪生全解：Vue与Three.js的最佳实践、3D模型网站推荐、自带动画控制详解在数字孪生（DigitalTwin）和三维可视化逐渐成为前端热点的今天，很多开发者开始转向WebGL+前端框架的集成实践，最常见的组合包括：React+Three.js（通过@react-three/fiber与@react-three/drei）Vue+Three.js（本文重点）本文将从以下几个维度全面解析
  • FFmpeg、WebAssembly 和 WebGL 在 Web 端的结合应用 醉方休 ffmpegwasmwebgl
    FFmpeg、WebAssembly和WebGL在Web端的结合应用这三个技术组合可以创建强大的浏览器端多媒体处理解决方案，下面我将详细介绍它们如何协同工作。1.FFmpeg与WebAssemblyFFmpeg.wasm项目概念：将FFmpeg编译为WebAssembly在浏览器中运行特点：完全在浏览器中执行视频/音频处理无需服务器转码保护用户隐私（数据不离客户端）基本使用示例import{cre
  • Vue3高级-第二十六篇：Vue3 与 WebGL 的融合探索 程序员勇哥 前端全套教程vue.js前端javascript开发语言前端框架
    Vue3高级-第二十六篇：Vue3与WebGL的融合探索1.WebGL基础与Vue3集成准备深入了解WebGL的概念、功能与应用场景概念：WebGL（WebGraphicsLibrary）是一种用于在网页上进行2D和3D图形渲染的JavaScriptAPI。它基于OpenGLES2.0规范，允许开发者在浏览器环境中直接操作图形硬件，无需安装额外插件。WebGL通过在浏览器中创建一个绘图上下文，利用
  • 用WebGPU实现现代Web3D渲染——突破传统性能瓶颈的解决方案 桂月二二 wasmfastapi开发语言rust
    引言随着Web技术的不断发展，Web3D应用的需求不断增加。从游戏引擎到可视化工具，3D渲染技术正在被广泛地应用。然而，传统WebGL技术在性能、效率和灵活性上仍存在局限性。而WebGPU作为一种新兴的Web标准，为现代3D渲染提供了强大而高效的解决方案。本文将探讨如何使用WebGPU实现高效的Web3D渲染，逐步构建一个简单的渲染引擎，并介绍其在性能和功能上的优势。背景WebGPU是一种跨平台的
  • 掌握Three.js材质：从基础到自定义着色器 AWS云计算 Three.js材质着色器ShaderMaterial
    背景简介在Three.js中，材质是定义对象表面如何与光线交互并呈现给观察者的属性集。选择合适的材质对于创建真实感强的三维场景至关重要。本篇博客将探讨Three.js中不同类型的材质，以及如何利用它们来提升我们的三维模型质感。MeshLambertMaterial和MeshPhongMaterialMeshLambertMaterial是Three.js中用于创建具有柔和阴影的表面的一种材质。通过
  • Three.js引擎开发：Three.js渲染技术_（14）.Three.js环境与大气效果 chenlz2007 游戏开发javascript开发语言ecmascript交互前端
    Three.js环境与大气效果在虚拟现实游戏中，环境与大气效果对于提升游戏的真实感和沉浸感至关重要。Three.js提供了多种方法来实现这些效果，包括使用环境贴图、大气散射、雾化效果等。本节将详细介绍如何在Three.js中实现这些效果，并提供具体的代码示例。环境贴图环境贴图（EnvironmentMap）是一种用于模拟物体周围环境的技术，通常用于实现反射效果。Three.js支持多种类型的环境贴
  • OpenGL: OpenGL+Qt实现介绍 (一) 程序员小马兰 OpenGL+Qt计算机视觉图形渲染前端
    一、通过这个教程我们能学到什么？1、计算机图形学的基础知识。2、使用OpenGL在QT中进行编程。3、使用OpenGL做出一些很酷的效果。二、需要哪些预备知识？1、熟悉C++编程语言、Qt基本操作。2、数学基础知识(线性代数、几何、三角学)。三、为什么要学习OpenGL？各种三维图形引擎，原理都类似，几乎没什么差别，学好了OpenGL对Unity3D、虚幻引擎、OSG、webGL等的使用都会有巨大
  • 理解WebGL中的顶点着色器和片元着色器 程序猿全栈の董（董翔） webgl着色器
    WebGL是一种基于OpenGLES的JavaScriptAPI，它允许我们在网页上直接渲染3D图形而无需任何插件。WebGL的核心是着色器编程，它主要包含两种着色器：顶点着色器(VertexShader)和片元着色器(FragmentShader)。顶点着色器负责处理每个顶点的位置，它决定了顶点在屏幕上的最终位置。而片元着色器则负责计算每个像素的颜色值。这两个着色器共同工作，构成了WebGL渲染
  • 前端3D技术-3. Three.js 入门 程序员勇哥 前端全套教程前端3djavascripttypescriptreact.js开发语言
    前端3D技术-3.Three.js入门在前端3D开发领域，WebGL虽能实现高性能3D渲染，但直接使用其API开发门槛较高。而Three.js作为基于WebGL封装的JavaScript库，极大降低了3D开发难度，成为众多开发者的首选。下面就让我们走进Three.js的世界，开启3D开发的入门之旅。Three.js简介与安装Three.js的优势和特点Three.js最大的优势在于它对WebGL复
  • ThreeJS入门（153）：THREE.Texture 知识详解，示例代码 还是大剑师兰特 #ThreeJS综合教程500+大剑师threejs示例threejs教程
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第153篇入门文章文章目录构造函数属性方法使用示例注意事项总结THREE.Te
  • 让我们用流行的 3D 文件格式“glTF/glb”来增强 WebGL 的表现力吧！ 在下胡三汉 3dmaxfbx
    简介-什么是glTF-glTF（GL传输格式）是一种用于运行时应用程序的资产格式，它与类似OpenGL的API（WebGL、OpenGLES、OpenGL）具有高度相关性。特别是对于WebGL，它是不依赖于任何特定库的权威的成熟通用3D格式。最初，它是以COLLADA2jSON的名义开发的。这个名字出现在这里，但大约在10年前，也就是Playstation3时代，CG技术行业标准化组织Khrono
  • 理解WebGL中的顶点着色器和片元着色器 程序猿全栈の董（董翔） webgl着色器
    WebGL是一种基于OpenGLES的JavaScriptAPI，它允许我们在网页上直接渲染3D图形而无需任何插件。WebGL的核心是着色器编程，它主要包含两种着色器：顶点着色器(VertexShader)和片元着色器(FragmentShader)。顶点着色器负责处理每个顶点的位置，它决定了顶点在屏幕上的最终位置。而片元着色器则负责计算每个像素的颜色值。这两个着色器共同工作，构成了WebGL渲染
  • 基于 WebGL 与 GIS 的智慧垃圾分类三维可视化技术方案 图扑可视化 数字孪生三维可视化垃圾分类智慧环卫
    图扑自主研发的HT可视化引擎，基于HTML5的WebGL与Canvas技术构建，形成了完整的2D/3D图形渲染体系。该引擎无需依赖第三方插件，通过纯JavaScript脚本调用API，即可实现跨平台的可视化交互体验，支持PC端、移动端及大屏终端的多屏协同。在三维渲染技术层面，引擎深度集成WebGL底层图形接口，构建了高效的轻量化处理体系。HT还支持3DTiles格式航拍倾斜摄影实景数据、城市建筑群
  • 基于 Three.js 与 WebGL 的商场全景 VR 导航系统源码级解析 维小帮定位导航 javascriptvr前端开发场景优化WebGL物联网智慧商场
    本文面向Web前端开发者、WebGL/Three.js爱好者、对VR/AR应用开发感兴趣的技术人员、智慧商场解决方案开发者。详细介绍如何利用WebGL(Three.js框架)构建高性能的商场全景VR环境，并实现精准的室内定位与3D路径规划导航功能。如需获取商场全景VR导航系统解决方案请前往文章最下方获取，如有项目合作及技术交流欢迎私信作者。一、商场全景VR导航的核心技术概述商场全景VR导航融合了全
  • Three.js 中文Typeface文件字体大全 | 如何利用Github获取中文Typeface文件 CHENJIAMIAN PRO javascriptgithub开发语言
    TextGeometry和TextBufferGeometry是用于生成3D文本的有效工具。在使用这些工具时，我们需要指定一个包含字体信息的JSON文件，称为typeface.json。Github搜索结果通过在GitHub上搜索TextBufferGeometry的相关内容，我找到了以下一些字体文件。Codesearchresults楷体字体楷体(KaiTiRegular)楷体字体端正美观，非常
  • FlatBuffers（概念、原理及优势、在TS中的使用） 前端杂货铺 TodoList100个小知识FlatBuffersJSON序列化反序列化
    个人简介个人主页：前端杂货铺‍♂️学习方向：主攻前端方向，正逐渐往全干发展个人状态：研发工程师，现效力于中国工业软件事业人生格言：积跬步至千里，积小流成江海推荐学习：前端面试宝典100个小功能Vue2Vue3Vue2/3项目实战Node.js实战Three.js个人推广：每篇文章最下方都有加入方式，旨在交流学习&资源分享，快加入进来吧文章目录介绍在Vue中使用FlatBuffersFlatBuff
  • 06-three.js 创建自己的缓冲几何体 四喜花露水 Threejavascript前端开发语言
    Three.jsJourney—LearnWebGLwithThree.jsTheultimateThree.jscoursewhetheryouareabeginneroramoreadvanceddeveloperhttps://threejs-journey.com/?c=p3关键点：1.newFloat32Array()2.newTHREE.BufferAttribute()3.geome
  • 第二章、three.js开发入门与调试设置； 前端小砖er javascript开发语言ecmascript
    一、轨道控制器查看物体；1、基本概念轨道控制器（OrbitControls）可以使得相机围绕目标进行轨道运动；2、代码样例//七、创建轨道控制器（相机围绕着物体捕捉视角）constcontrols=newOrbitControls(camera,renderer.domElement,)functionrender(){renderer.render(scene,camera);//请求动画帧：渲
  • H5液态玻璃背景效果实现 木木黄木木 html5cssjavascript
    H5液态玻璃背景效果实现教程在现代网页设计中，动态和交互式的背景效果可以大大提升用户体验。本教程将详细介绍如何使用HTML5技术实现一个美观、流畅的液态玻璃背景效果，无论你是初学者还是有经验的开发者，都能轻松掌握。效果预览本教程提供了两种实现方式：基础版本：使用Canvas2DAPI实现，适合初学者，兼容性好高级版本：使用WebGL和GLSL着色器实现，效果更加逼真，但复杂度更高两个版本都具有以下
  • Three.js学习10：几何体（1）-平面几何体 stones4zd three.js学习
    -----------------------------华丽的分割线---------------------相关代码均已上传到gitee中：myThree:学习Three.js，努力加油~！Gitee静态演示地址：ThreeJS演示页面-----------------------------华丽的分割线---------------------一、几何体GeometryThree.js中物体
  • Three.js开发必备：几何体BufferGeometry顶点详解 天生我材必有用_吴用 three.jsthreeJS
    目录几何体顶点位置数据和点模型对象Points缓冲类型几何体BufferGeometry顶点模型第一步、创建一个空的几何体对象第二步、添加顶点数据第三步、3个为一组，表示一个顶点的xyz坐标第四步、设置几何体顶点属性与点材质第五步、导出点模型第六步、场景中引入添加点模型第七步、查看效果线模型Line渲染顶点数据第一步、设置线材质对象第二步、创建线模型对象第三步、场景中引入添加线模型第四步、查看效果
  • Three.js + Vue 处理glb文件过大问题（DRACOLoader加载压缩glb） printf_824 vue与threejavascriptvue.js前端
    起因，three.jsediter导出的glb文件过于庞大，导致部署后文件加载过久解决方法：第一步（得有个blender），压缩：导出时把压缩勾选上这时候我们会得到一个glb文件，但与three.jsediter导出不同的的是，这个文件引入代码中会报如下错误这个警告表明在使用THREE.GLTFLoader时，没有提供DRACOLoader实例。DRACOLoader是用于加载Draco压缩格式的
  • 【React Three.js，探索前端技术之—— 简单的人脸动捕与 3D 模型表情同步应用】 智界软体库 3d
    大家好，我是智界软体库，致力于分享好用实用且智能的软件以及在JAVA语言开发中遇到的问题，如果本篇文章对你有所帮助请帮我点个小赞小收藏吧，谢谢喲！简介：React是一个用于构建用户界面的JavaScript框架，以其组件化的设计和高效的更新机制而闻名。Three.js则是一个基于JavaScript的3D图形库，能够轻松创建和渲染复杂的3D场景。当React与Three.js相遇，ReactThr
  • 轻量化实物建模革命：WebGL如何实现复杂模型的高效加载与交互 深空数字孪生 webgl
    在3D建模和可视化领域，如何高效加载和交互复杂模型一直是开发者面临的难题。传统方法往往导致加载时间过长、交互卡顿，严重影响用户体验。但随着WebGL技术的兴起，这一局面正在被改变。WebGL能够利用浏览器的图形处理能力，实现复杂模型的高效加载和流畅交互，为轻量化实物建模带来革命性的变化。那么，WebGL究竟是什么？它是如何实现高效加载和交互的？又有哪些实际应用案例呢？本文将为你一一揭秘，带你深入了
  • WebVR.Space：探索虚拟现实太空冒险游戏 电竞小潘安
    本文还有配套的精品资源，点击获取简介：WebVR.Space是一个基于Web的虚拟现实游戏平台，专注于太空主题的VR体验。用户无需额外应用即可通过Web浏览器和VR设备如OculusRift或HTCVive体验3D空间探索。该平台运用WebVR技术，结合WebGLAPI，提供跨平台的高质量VR体验。VR和AR技术正在被广泛应用于多个领域，而WebVR.Space则展示了VR内容如何通过Web技术变
  • Three.js 加载器简介 lpfasd123 Threejs学习笔记jsThreejs
    1.Three.js加载器简介Three.js提供了多种加载器，用于加载不同格式的3D模型、纹理和其他资源。在本文中使用的是和：GLTFLoaderDRACOLoaderGLTFLoader：用于加载GLTF/GLB格式的3D模型。GLTF是一种轻量级的3D文件格式，支持几何体、材质、动画、场景等数据。返回的对象包含模型的场景(gltf.scene)、动画(gltf.animations)等信息。
  • three.js实现3D全景看房 井朦敏Thora
    three.js实现3D全景看房three.js实现3D全景看房本资源文件提供了使用three.js实现3D全景看房（移动端）的完整代码和相关教程。通过本资源，您可以学习到three.js的基本使用方法，包括如何创建3D场景、加载全景图像、实现自动展示以及手动拖拽滑动控制房屋方向角度等功能项目地址:https://gitcode.com/open-source-toolkit/d4812资源描述本
  • 实战篇：（十）Three.js创建全景图预览效果含代码 全栈探索者chen vueThree项目实战javascript开发语言ecmascript
    html代码DHTMLXGanttDemo<linkrel="stylesheet"type="text/css"href
  • java短路运算符和逻辑运算符的区别 3213213333332132 java基础
    /* * 逻辑运算符——不论是什么条件都要执行左右两边代码 * 短路运算符——我认为在底层就是利用物理电路的“并联”和“串联”实现的 * 原理很简单，并联电路代表短路或（||），串联电路代表短路与（&&）。 * * 并联电路两个开关只要有一个开关闭合，电路就会通。 * 类似于短路或（||），只要有其中一个为true（开关闭合）是
  • Java异常那些不得不说的事 白糖_ javaexception
    一、在finally块中做数据回收操作 比如数据库连接都是很宝贵的，所以最好在finally中关闭连接。 JDBCAgent jdbc = new JDBCAgent(); try{ jdbc.excute("select * from ctp_log"); }catch(SQLException e){ ... }finally{ jdbc.close();
  • utf-8与utf-8(无BOM)的区别 dcj3sjt126com PHP
    BOM——Byte Order Mark，就是字节序标记   在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符，它的编码是FEFF。而FFFE在UCS中是不存在的字符，所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前，先传输 字符"ZERO WIDTH NO-BREAK SPACE"。这样如
  • JAVA Annotation之定义篇 周凡杨 java注解annotation入门注释
        Annotation: 译为注释或注解 An annotation, in the Java computer programming language, is a form of syntactic metadata that can be added to Java source code. Classes, methods, variables, pa
  • tomcat的多域名、虚拟主机配置 g21121 tomcat
    众所周知apache可以配置多域名和虚拟主机，而且配置起来比较简单，但是项目用到的是tomcat，配来配去总是不成功。查了些资料才总算可以，下面就跟大家分享下经验。 很多朋友搜索的内容基本是告诉我们这么配置： 在Engine标签下增面积Host标签，如下： <Host name="www.site1.com" appBase="webapps"
  • Linux SSH 错误解析（Capistrano 的cap 访问错误 Permission ） 510888780 linuxcapistrano
    1.ssh -v [email protected] 出现 Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password). 错误 运行状况如下： OpenSSH_5.3p1, OpenSSL 1.0.1e-fips 11 Feb 2013 debug1: Reading configuratio
  • log4j的用法 Harry642 javalog4j
    一、前言：     log4j 是一个开放源码项目，是广泛使用的以Java编写的日志记录包。由于log4j出色的表现，     当时在log4j完成时，log4j开发组织曾建议sun在jdk1.4中用log4j取代jdk1.4 的日志工具类，但当时jdk1.4已接近完成，所以sun拒绝使用log4j，当在java开发中
  • mysql、sqlserver、oracle分页，java分页统一接口实现 aijuans oraclejave
    定义：pageStart 起始页，pageEnd 终止页,pageSize页面容量 oracle分页： 　　　　select * from ( select mytable.*,rownum num from (实际传的SQL) where rownum<=pageEnd) where num>=pageStart sqlServer分页：  
  • Hessian 简单例子 antlove javaWebservicehessian
    hello.hessian.MyCar.java package hessian.pojo; import java.io.Serializable; public class MyCar implements Serializable { private static final long serialVersionUID = 473690540190845543
  • 数据库对象的同义词和序列 百合不是茶 sql序列同义词ORACLE权限
    回顾简单的数据库权限等命令; 解锁用户和锁定用户 alter user scott account lock/unlock; //system下查看系统中的用户 select * dba_users; //创建用户名和密码 create user wj identified by wj; identified by //授予连接权和建表权 grant connect to
  • 使用Powermock和mockito测试静态方法 bijian1013 持续集成单元测试mockitoPowermock
            实例： package com.bijian.study; import static org.junit.Assert.assertEquals; import java.io.IOException; import org.junit.Before; import org.junit.Test; import or
  • 精通Oracle10编程SQL(6)访问ORACLE bijian1013 oracle数据库plsql
    /* *访问ORACLE */ --检索单行数据 --使用标量变量接收数据 DECLARE v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; BEGIN select ename,sal into v_ename,v_sal from emp where empno=&no; dbms_output.pu
  • 【Nginx四】Nginx作为HTTP负载均衡服务器 bit1129 nginx
     Nginx的另一个常用的功能是作为负载均衡服务器。一个典型的web应用系统，通过负载均衡服务器，可以使得应用有多台后端服务器来响应客户端的请求。一个应用配置多台后端服务器，可以带来很多好处：   负载均衡的好处 增加可用资源 增加吞吐量 加快响应速度，降低延时 出错的重试验机制 Nginx主要支持三种均衡算法： round-robin l
  • jquery-validation备忘 白糖_ jquerycssF#Firebug
    留点学习jquery validation总结的代码：   function checkForm(){ validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID errorElement :"span",// 使用"div"标签标记错误， 默认:&
  • solr限制admin界面访问（端口限制和http授权限制） ronin47 限定Ip访问
    solr的管理界面可以帮助我们做很多事情，但是把solr程序放到公网之后就要限制对admin的访问了。 可以通过tomcat的http基本授权来做限制，也可以通过iptables防火墙来限制。 我们先看如何通过tomcat配置http授权限制。 第一步： 在tomcat的conf/tomcat-users.xml文件中添加管理用户，比如： <userusername="ad
  • 多线程-用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 bylijinnan java多线程
    public class IncDecThread { private int j=10; /* * 题目:用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 * 两个问题： * 1、线程同步--synchronized * 2、线程之间如何共享同一个j变量--内部类 */ public static
  • 买房历程 cfyme
        2015-06-21: 万科未来城，看房子   2015-06-26: 办理贷款手续，贷款73万，贷款利率5.65=5.3675   2015-06-27: 房子首付,签完合同   2015-06-28，央行宣布降息 0.25，就2天的时间差啊，没赶上。   首付，老婆找他的小姐妹接了5万，另外几个朋友借了1-
  • [军事与科技]制造大型太空战舰的前奏 comsci 制造
           天气热了........空调和电扇要准备好..........        最近,世界形势日趋复杂化,战争的阴影开始覆盖全世界..........        所以,我们不得不关
  • dateformat dai_lm DateFormat
    "Symbol Meaning Presentation Ex." "------ ------- ------------ ----" "G era designator (Text) AD" "y year
  • Hadoop如何实现关联计算 datamachine mapreducehadoop关联计算
        选择Hadoop，低成本和高扩展性是主要原因，但但它的开发效率实在无法让人满意。     以关联计算为例。     假设：HDFS上有2个文件，分别是客户信息和订单信息，customerID是它们之间的关联字段。如何进行关联计算，以便将客户名称添加到订单列表中？   &nbs
  • 用户模型中修改用户信息时，密码是如何处理的 dcj3sjt126com yii
    当我添加或修改用户记录的时候对于处理确认密码我遇到了一些麻烦，所有我想分享一下我是怎么处理的。 场景是使用的基本的那些(系统自带)，你需要有一个数据表(user)并且表中有一个密码字段(password),它使用 sha1、md5或其他加密方式加密用户密码。 面是它的工作流程: 当创建用户的时候密码需要加密并且保存，但当修改用户记录时如果使用同样的场景我们最终就会把用户加密过的密码再次加密，这
  • 中文 iOS/Mac 开发博客列表 dcj3sjt126com Blog
      本博客列表会不断更新维护，如果有推荐的博客，请到此处提交博客信息。 本博客列表涉及的文章内容支持 定制化Google搜索，特别感谢 JeOam 提供并帮助更新。 本博客列表也提供同步更新的OPML文件（下载OPML文件），可供导入到例如feedly等第三方定阅工具中，特别感谢 lcepy 提供自动转换脚本。这里有导入教程。
  • js去除空格，去除左右两端的空格 蕃薯耀 去除左右两端的空格js去掉所有空格js去除空格
    js去除空格，去除左右两端的空格 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>&g
  • SpringMVC4零配置--web.xml hanqunfeng springmvc4
    servlet3.0+规范后，允许servlet，filter，listener不必声明在web.xml中，而是以硬编码的方式存在，实现容器的零配置。 ServletContainerInitializer：启动容器时负责加载相关配置 package javax.servlet; import java.util.Set; public interface ServletContainer
  • 《开源框架那些事儿21》：巧借力与借巧力 j2eetop 框架UI
    同样做前端UI，为什么有人花了一点力气，就可以做好？而有的人费尽全力，仍然错误百出？我们可以先看看几个故事。 故事1：巧借力，乌鸦也可以吃核桃 有一个盛产核桃的村子，每年秋末冬初，成群的乌鸦总会来到这里，到果园里捡拾那些被果农们遗落的核桃。 核桃仁虽然美味，但是外壳那么坚硬，乌鸦怎么才能吃到呢？原来乌鸦先把核桃叼起，然后飞到高高的树枝上，再将核桃摔下去，核桃落到坚硬的地面上，被撞破了，于是，
  • JQuery EasyUI 验证扩展 可怜的猫 jqueryeasyui验证
      最近项目中用到了前端框架-- EasyUI，在做校验的时候会涉及到很多需要自定义的内容，现把常用的验证方式总结出来，留待后用。   以下内容只需要在公用js中添加即可。   使用类似于如下： <input class="easyui-textbox" name="mobile" id="mobile&
  • 架构师之httpurlconnection----------读取和发送(流读取效率通用类) nannan408
    1.前言.    如题. 2.代码. /* * Copyright (c) 2015, S.F. Express Inc. All rights reserved. */ package com.test.test.test.send; import java.io.IOException; import java.io.InputStream
  • Jquery性能优化 r361251 JavaScriptjquery
    一、注意定义jQuery变量的时候添加var关键字 这个不仅仅是jQuery，所有javascript开发过程中，都需要注意，请一定不要定义成如下： $loading = $('#loading'); //这个是全局定义，不知道哪里位置倒霉引用了相同的变量名，就会郁闷至死的 二、请使用一个var来定义变量 如果你使用多个变量的话，请如下方式定义： . 代码如下: var page
  • 在eclipse项目中使用maven管理依赖 tjj006 eclipsemaven
    概览: 如何导入maven项目至eclipse中 建立自有Maven  Java类库服务器 建立符合maven代码库标准的自定义类库 Maven在管理Java类库方面有巨大的优势，像白衣所说就是非常“环保”。 我们平时用IDE开发都是把所需要的类库一股脑的全丢到项目目录下，然后全部添加到ide的构建路径中，如果用了SVN/CVS，这样会很容易就 把
  • 中国天气网省市级联页面 x125858805 级联
    1、页面及级联js <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> &l
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他