weixin_33681778
weixin_33681778

Threejs中的材质贴图

最近项目需要折腾three.js，有关three.js几点说明

1.作用 threejs适合创建简单的模型视图

2.对于复杂的模型图（如：室内模型图）需要美术3D制作，前端导成特定格式文件(如*.mtl/*.obj 格式文件 )，

之后利用threejs插件MTLLoader.js/OBJLoader.js导入数据即可

基础案例 https://github.com/AragornZJF/ThreeExample.js Chapter7.3.2

或者游戏案例  http://www.w3cmark.com/2016/threejs-mark-02.html

  1 DOCTYPE html>
  2 <html>
  3     <head>
  4         <meta charset="UTF-8">
  5         <title>材质title>
  6         <style>
  7             #canvas-frame {
  8                 width: 100%;
  9                 height: 600px;
 10             }
 11         style>
 12     head>
 13     <body onload="threeStart()">
 14         <div id="canvas-frame" >div>
 15     body>
 16     <script type="text/javascript" src="js/three.js">script> 
 17     <script type="text/javascript">
 18             
 19             var renderer, //渲染器
 20                 width = document.getElementById('canvas-frame').clientWidth, //画布宽
 21                 height = document.getElementById('canvas-frame').clientHeight; //画布高
 22             //初始化渲染器
 23             function initThree(){
 24                 renderer = new THREE.WebGLRenderer({
 25                      antialias : true
 26                      //canvas: document.getElementById('canvas-frame')
 27                 });
 28                 renderer.setSize(width, height);
 29                 renderer.setClearColor(0xFFFFFF, 1.0);
 30                 document.getElementById('canvas-frame').appendChild(renderer.domElement);
 31                 renderer.setClearColor(0xFFFFFF, 1.0);
 32             }
 33             //初始化场景
 34             var scene;
 35             function initScene(){
 36                 scene = new THREE.Scene();
 37             }
 38             var camera;
 39             function initCamera() {  //透视相机
 40                 camera = new THREE.PerspectiveCamera(45,  width/height , 1, 10000);
 41                 camera.position.x = 450;
 42                 camera.position.y = 100;
 43                 camera.position.z = 700;
 44                 camera.up.x = 0;
 45                 camera.up.y = 1; //相机朝向--相机上方为y轴
 46                 camera.up.z = 0;
 47                 camera.lookAt({  //相机的中心点
 48                     x : 0,
 49                     y : 0,
 50                     z : 0
 51                 });
 52             }
 53             
 54             function initLight(){
 55                 // light--这里使用环境光
 56                 //var light = new THREE.DirectionalLight(0xffffff); /*方向性光源*/
 57                 //light.position.set(600, 1000, 800);
 58                 var light = new THREE.AmbientLight(0xffffff); //模拟漫反射光源
 59                 light.position.set(600, 1000, 800); //使用Ambient Light时可以忽略方向和角度，只考虑光源的位置
 60                 scene.add(light);
 61             }
 62             function initObject(){  //初始化对象
 63                  //导入材质
 64                 var texture = THREE.ImageUtils.loadTexture('img/floor.jpg', {}, function() {
 65                     renderer.render(scene, camera);
 66                 });
 67                 /**
 68                  * 关于material材料注意点说明 
 69                  * MeshBasicMaterial：对光照无感，给几何体一种简单的颜色或显示线框。
 70                  * MeshLambertMaterial：这种材质对光照有反应，用于创建暗淡的不发光的物体。
 71                  * MeshPhongMaterial：这种材质对光照也有反应，用于创建金属类明亮的物体。
 72                  */
 73                 var material = new THREE.MeshLambertMaterial({
 74                     map: texture
 75                 });
 76                 
 77                 //创建一个立方体
 78                 var geometry = new THREE.BoxGeometry(600, 25, 1000);
 79                 //将material材料添加到几何体geometry
 80                 var mesh = new THREE.Mesh(geometry, material);
 81                 scene.add(mesh);
 82             }
 83             function initGrid(){ //辅助网格
 84                 var helper = new THREE.GridHelper( 1000, 50 );
 85                 helper.setColors( 0x0000ff, 0x808080 );
 86                 scene.add( helper );
 87             }
 88             function threeStart(){
 89                 //初始化渲染器
 90                 initThree();
 91                 //初始化场景
 92                 initScene();
 93                 //初始透视化相机
 94                 initCamera();
 95                 //初始化光源
 96                 initLight();
 97                 //模型对象
 98                 initObject();
 99                 //初始化网格辅助线
100                 initGrid();
101                 //渲染成像
102                 renderer.render(scene, camera);
103             }
104             
105     script>
106 html>

 效果图

Threejs中的材质贴图_第1张图片

作者：Avenstar

出处：http://www.cnblogs.com/zjf-1992/p/6130614.html

关于作者：专注于WEB前端开发、喜欢阅读

本文版权归作者所有,转载请标明原文链接。

如果觉得我的文章对您有用，请随意打赏。您的支持将鼓励我不断的迭代！

支付宝

微信

转载于:https://www.cnblogs.com/zjf-1992/p/6130614.html

你可能感兴趣的:(Threejs中的材质贴图)

  • 详解Java之lambda 新绿MEHO JAVAJavaJAVA
    目录lambda引入语法函数式接口lambda表达式的使用语法精简：代码示例：变量捕获局部变量捕获成员变量捕获lambda在集合中的使用lambda的优缺点lambda引入Lambda表达式是JavaSE8中一个重要的新特性。lambda表达式允许你通过表达式来代替功能接口。lambda表达式就和方法一样,它提供了一个正常的参数列表和一个使用这些参数的主体(body,可以是一个表达式或一个代码块)
  • CMake技术细节：解决未定义，提供参数 初级代码游戏 软件开发cmake未定义
    初级代码游戏的专栏介绍与文章目录-CSDN博客我的github：codetoys，所有代码都将会位于ctfc库中。已经放入库中我会指出在库中的位置。这些代码大部分以Linux为目标但部分代码是纯C++的，可以在任何平台上使用。源码指引：github源码指引_初级代码游戏的博客-CSDN博客初用cmake，直接上“cmake..”，结果提示有东西未定义，很多时候是需要参数提供。参数提供的方法其实就是
  • CDP中的Hive3之Apache Hive3特性 对许 #Hive#Sparkhivecdp
    CDP中的Hive3之ApacheHive3特性1、ApacheHive3特性2、Hive不支持的接口和功能3、HiveonTez简介4、ApacheHive3架构概述CDP中采用的是ApacheHive3版本，相比Hive1/2，该版本在事务和安全性等方面有重大改进，了解这些版本之间的主要差异对于SQL用户至关重要，包括使用ApacheSpark和ApacheImpala的用户1、ApacheH
  • 文件传输协议FTP、SFTP与FTPS 对许 Linux基础理论网络sftp
    FTP、SFTP与FTPS1、FTP（FileTransferProtocol）2、FTPS（FileTransferProtocolSecure）3、SFTP（SecureFileTransferProtocol）4、‌FTP、SFTP与FTPS的区别文件传送协议（FTP、SFTP与FTPS）是TCP/IP协议簇中的一个成员，是使用最为广泛的文件传送协议。‌FTP、SFTP与FTPS的主要区别在
  • 深度学习｜表示学习｜卷积神经网络｜局部链接是什么？｜06 漂亮_大男孩 表示学习深度学习学习cnn
    如是我闻：局部连接（LocalConnectivity），是卷积神经网络（CNN）中的一个关键特性。什么是局部连接（LocalConnectivity）？局部连接指的是：在卷积操作中，每个神经元（或输出单元）只与输入数据的一个局部区域相关联，而不是与整个输入数据相连。换句话说：全连接网络（FullyConnectedLayer）中，每个神经元会与上一层所有的神经元相连。卷积网络（Convoluti
  • 【Java】Lambda表达式 玛卡~巴卡 Java基础java开发语言Lambda
    文章目录一、Lambda表达式1.1相关背景1.2函数式编程1.3匿名内部类和Lambda表达式二、Lambda表达式的使用2.1基本语法2.2使用案例三、变量捕获3.1匿名内部类的变量捕获3.2Lambda表达式的变量捕获四、Lambda表达式在集合中的使用4.1Collection接口4.2List接口4.3Map接口五、Lambda表达式的优缺点一、Lambda表达式1.1相关背景Lambd
  • python中文版软件下载-Python IDLE(Python集成开发环境)v3.7中文版 编程大乐趣
    PythonIDLE是一款汉化版的Python集成开发环境，是一款专门用于各类非商业Python开发的选择，不过一般下载正版的python后，IDLE会自动安装，软件涵盖了语法加亮、段落缩进、基本文本编辑、TABLE键控制、调试程序等功能，这款PythonIDLE是汉化版的，将idlelib.zip解压后替换Python安装目录下的Lib文件夹中的idlelib文件夹即可替代Python原版的ID
  • stream流的使用 小韩学长yyds java
    1.什么是Stream流?Stream（流）是一个来自数据源的元素队列并支持聚合操作元素是特定类型的对象，形成一个队列。Java中的Stream并不会存储元素，而是按需计算。数据源流的来源。可以是集合，数组，I/Ochannel，产生器generator等。聚合操作类似SQL语句一样的操作，比如filter,map,reduce,find,match,sorted等。和以前的Collection操
  • Java中的String.join方法详解 UtdPatch javapython开发语言
    String.join方法是Java中的一个实用工具方法，用于将一组字符串连接成一个新的字符串。它提供了一种简洁而灵活的方式来处理字符串连接的需求。在本文中，我们将详细介绍String.join方法的功能、用法和示例代码。功能简介String.join方法的功能是将一组字符串连接成一个新的字符串，通过指定一个分隔符将它们分隔开。它接受两个参数：分隔符和一个可迭代的CharSequence（如字符串
  • 豆瓣API-我在IDE上标记想看的电影(低配版API文档) dreadp 前端pythonbeautifulsoupseleniumhtmlweb数据分析
    引言我只是想在IDE上标记想看的电影,所以写了这个脚本…以下是脚本调用的API接口使用指南.脚本运行方式以及使用方法在使用MovieWishlister.py脚本之前,保证运行过一次TagAssassin.py中的get_all_tags(douban_user_url)函数来更新写入的文件中的标签,保证此时是最新的,以便可看JSON文件的标签来核对自己曾自定义的标签名.因为标签过多可能无法一次性
  • Scala的循环结构详解 爱睡懒觉☞ scala开发语言后端
    在Scala编程语言中，循环结构为开发者提供了一种重复执行特定代码块的方式。下面将深入探讨Scala中的循环结构，帮助我们去更好地理解和运用它们。一、Scala中的基本循环结构1.while循环-while循环在满足给定条件时重复执行一段代码。-示例：vari=0while(iBoolean)(body:=>Unit):Unit={if(condition){bodybreakableLoop(c
  • C#实现的中软WebServer架构范例解析 艾古力斯
    本文还有配套的精品资源，点击获取简介：本示例详细探讨了如何使用C#语言和.NET框架构建一个基于Northwind数据库的Web服务器应用程序。演示了C#在编写服务器端代码、处理HTTP请求和数据库交互中的应用，并提供了关于ASP.NET框架、路由规则和MVC设计模式的深入理解。此外，通过分析源码，开发者可以学习到代码组织、错误处理和性能优化的实践方法。1.C#语言和.NET框架在Web服务中的应
  • VS快捷键使用大全 DM--Tutor .NET文档microsoft任务工具templates浏览器
    1.怎样调整代码排版的格式？选择：编辑—>高级—>设置文档的格式或编辑—>高级—>设置选中代码的格式。格式化cs代码：Ctrl+k+f格式化aspx代码：Ctrl+k+d2.怎样跳转到指定的某一行？两种方法：Ⅰ.Ctrl+GⅡ.双击状态栏中的行号3.怎样创建矩形选区？两种方法：Ⅰ.摁住alt键，然后拖动鼠标即可。Ⅱ.按住Shift+Alt点击矩形的左上和右下位置即可。4.怎样快速隐藏或显示当前代码
  • android+ffmpeg库使用教程,适用于Android的ffmpeg（使用教程：“ ffmpeg和Android.mk”）... OF COURSE想当然
    我正在尝试为Android编译ffmpeg。我已经找到了关于该主题的几篇文章，但似乎都没有。如果尝试构建ffmpeg，它会发布在[1]上。是否有人使用这些教程成功编译了ffmpeg？我不确定如何实现步骤4到5。STEP4：配置...步骤5：CD到您的NDK根目录，键入makeTARGET_ARCH=armAPP=ffmpeg-org在我看来，按照第5步的教程中的说明构建类似的应用程序需要一些先前的
  • Android Studio中使用FFmpeg动态库 Getnway AndroidFFmpegNDKandroidffmpegandroidstudio动态库
    使用FFmpeg动态库本文借鉴最简单的基于FFmpeg的移动端例子：AndroidHelloWorld，并介绍在AndroidStudio中的实现。项目地址：https://github.com/Getnway/FFmpegDemo本文介绍的是用NDK编译动态库，并在AndroidStudio中调用的步骤。准备项目需要有FFmpeg的动态库，如下文件（版本可以不同）。FFmpeg动态库编译参考Li
  • chatgpt赋能python：Python怎么打包成APK vacvefito ChatGptpythonchatgpt开发语言计算机
    Python怎么打包成APK如果你是一位有10年Python编程经验的工程师，并且想要将自己的Python应用程序打包成APK，那么你来对地方了。本文将会介绍如何使用Python来打包成APK，以及在不同平台上的一些注意事项。在阅读本文之后，你应该可以顺利地将自己的Python应用程序打包成APK了。什么是Python的APKAPK是AndroidPackage的缩写，它是Android系统中的一
  • 驱动程序的优化与调试 荔枝寄 harmonyos
    鸿蒙操作系统（HarmonyOS）是由华为公司自主开发的一款面向全场景的分布式操作系统。鸿蒙驱动开发作为系统级开发的一部分，其目标是为硬件设备提供与Linux内核兼容的驱动程序，确保设备能够高效地与操作系统进行交互。本文将深入探讨鸿蒙驱动开发的核心概念、开发流程以及实际应用中的代码示例，旨在为读者提供一个全面的技术指南。鸿蒙操作系统的背景鸿蒙操作系统的设计初衷是为了应对未来物联网时代的挑战，它不仅
  • 指令系统与汇编语言 荔枝寄 mongodb数据库
    单片机的学习通常从基础硬件知识开始，逐步深入到指令系统、编程技巧等高级内容。这种学习路径反映了掌握复杂技术时的自然演进：先理解构建块，再了解如何将这些块组合起来创建功能更强大的系统。本文将探讨单片机学习中的关键概念，并通过代码示例加深理解。基础硬件知识单片机（MicrocontrollerUnit,MCU）是一种集成了处理器、内存和输入/输出接口的小型计算机。它可以在嵌入式设备中找到，用于控制特定
  • [python][whl]pyltp的whl格式文件所有版本下载地址汇总 FL1623863129 Pythonpython开发语言
    pyltp：Python中的中文自然语言处理工具在数字化时代，自然语言处理（NLP）成为了与机器进行交互的关键技术。对于中文，由于其独特的语言结构和复杂性，专门的工具和库显得尤为重要。pyltp正是这样一个为中文NLP任务设计的Python库，它封装了LTP（LanguageTechnologyPlatform）的核心功能，使得开发者能够轻松地在Python环境中进行中文文本的处理和分析。pylt
  • 20250117面试鸭特训营第25天 Again_acme 面试鸭特训营面试网络职场和发展
    更多特训营笔记详见个人主页【面试鸭特训营】专栏2501171.什么是用户态和内核态？用户态（UserMode）和内核态（KernelMode）是操作系统中的两种运行模式，用于区分应用程序与操作系统内核的操作权限。用户态（UserMode）权限应用程序在用户态下运行，权限较低，不能直接访问硬件或进行特权操作和敏感操作。应用程序需要通过系统调用与内核进行通信，由内核代为执行敏感操作。安全性用户态的优势
  • 20241230面试鸭特训营第7天 Again_acme 面试鸭特训营面试职场和发展
    更多特训营笔记详见个人主页【面试鸭特训营】专栏2412301.MySQL中的事务隔离级别有哪些？常见并发问题名称含义脏写一个事务修改了另一个未提交事务的数据脏读一个事务读取了另一个未提交事务修改的数据重复读一个事务多次读取同一数据时，由于其他事务的修改，返回了不同的结果幻读一个事务前后两次在进行范围查询时，由于另一个事务的插入操作，导致前后读取不一致读未提交一个事务可以看到其他事务未提交的数据修改
  • C++语言的区块链 沈霁晨 包罗万象golang开发语言后端
    C++语言的区块链实现区块链技术作为一种新兴的分布式账本技术，近年来在金融、供应链管理、身份认证等多个领域得到了广泛关注与应用。C++语言因其高性能和精细的资源管理能力，成为实现区块链技术的重要选择之一。本文将探讨C++语言在区块链中的应用以及如何使用C++实现一个简单的区块链。一、区块链的基本概念区块链是一种由多个区块组成的链式数据结构，每个区块包含一定数量的交易信息和指向前一个区块的哈希值。区
  • Clojure语言的数据库编程 网络空间站 包罗万象golang开发语言后端
    Clojure语言的数据库编程引言在当今社会，数据的处理和管理已经成为一个不可或缺的部分。无论是互联网应用、企业系统还是移动应用，都需要与数据库进行频繁的交互。因此，选择一种合适的编程语言和相应的库来进行数据库编程显得尤为重要。Clojure作为一门现代的函数式编程语言，因其独特的设计理念和强大的并发处理能力，越来越受到开发者的青睐。本文将详细介绍Clojure语言在数据库编程中的应用，包括连接数
  • 深入解析Java中的动态代理与反射机制 爪哇学长 Java应用程序编程接口javapython开发语言
    文章目录反射机制工作原理内部实现细节高级使用技巧示例代码动态代理工作原理内部实现细节高级使用技巧示例代码基于接口的代理（JDKProxy）CGLIB代理示例（需引入CGLIB库）实践总结反射机制工作原理Java反射机制允许程序在运行时检查或“自省”类的信息，并可以创建对象实例、调用方法、访问字段等操作。它主要通过java.lang.reflect包提供的API来实现。内部实现细节Class类：每个
  • Perl语言的语法糖 网络空间站 包罗万象golang开发语言后端
    Perl语言的语法糖引言在编程语言的世界中，语法糖是一种极其重要的概念。它是指那些通过简单的语法或特定格式来增强语言可读性的功能，不仅可以简化代码，还能使得代码更加优雅。在众多编程语言中，Perl以其灵活性和强大的文本处理能力而著称。然而，Perl的语法糖更是其魅力所在，它不仅提高了开发效率，还使得代码更加直观易读。本文将深入探讨Perl语言中的语法糖，分析它们的工作原理及其对开发过程的影响。一、
  • leetcode206-反转链表 记得早睡~ 算法小课堂链表数据结构leetcode算法
    leetcode206思路考虑使用双指针的方式来进行反转，定义一个pre指针，指向需要反转的位置，cur指针代表当前位置，一层层进行反转，中间需要一个临时指针也就是代码中的node，因为一旦反转，之前的链路就断开了，比如cur.next=pre设置以后，原来的cur.next就找不到了，所以需要设置一个临时指针保存原本的cur.next，这样才能继续下一步操作图片来自代码随想录实现varrever
  • react16版本之后开发中的注意点之setState异步 _云淡风轻_ react
    setState（setState底层为异步的原因）防止短时间内多次修改setState影响虚拟dom的比对及render方法的执行。因此，setState是异步函数。那么及时获取state数据就要在异步函数执行完毕而非按照代码从上到下的执行来获取。如：state={inputValue:"12"};this.setState((prevState)=>({inputValue:''}),()=>
  • CentOS8下安装wget、wget2 奔跑吧邓邓子 高效运维linuxcentoswgetwget2
    提示：“奔跑吧邓邓子”的高效运维专栏聚焦于各类运维场景中的实际操作与问题解决。内容涵盖服务器硬件（如IBMSystem3650M5）、云服务平台（如腾讯云、华为云）、服务器软件（如Nginx、Apache、GitLab、Redis、Elasticsearch、Kubernetes、Docker等）、开发工具（如Git、HBuilder）以及网络安全（如挖矿病毒排查、SSL证书配置）等多个方面。无论
  • Python网络爬虫核心面试题 闲人编程 程序员面试python爬虫开发语言面试网络编程
    网络爬虫1.爬虫项目中如何处理请求失败的问题？2.解释HTTP协议中的持久连接和非持久连接。3.什么是HTTP的持久化Cookie和会话Cookie？4.如何在爬虫项目中检测并处理网络抖动和丢包？5.在爬虫项目中，如何使用HEAD请求提高效率？6.如何在爬虫项目中实现HTTP请求的限速？7.解释HTTP2相对于HTTP1.1的主要改进。8.如何在爬虫项目中模拟HTTP重试和重定向？9.什么是COR
  • 目标跟踪概念、多目标跟踪算法SORT和deep SORT原理 yhwang-hub 深度学习
    目录目标跟踪、单目标跟踪、多目标跟踪的概念欧氏距离、马氏距离、余弦距离欧氏距离马氏距离余弦距离SORT算法原理SORT算法中的匈牙利匹配算法指派问题中的匈牙利算法预测模型（卡尔曼滤波器）数据关联（匈牙利匹配）目标丢失问题的处理SORT算法过程deepSORT算法原理状态估计轨迹处理分配问题的评价指标级联匹配深度表观描述子算法总结目标跟踪、单目标跟踪、多目标跟踪的概念目标跟踪分为静态背景下的目标跟踪
  • 设计模式介绍 tntxia 设计模式
    设计模式来源于土木工程师 克里斯托弗 亚历山大（http://en.wikipedia.org/wiki/Christopher_Alexander）的早期作品。他经常发表一些作品，内容是总结他在解决设计问题方面的经验，以及这些知识与城市和建筑模式之间有何关联。有一天，亚历山大突然发现，重复使用这些模式可以让某些设计构造取得我们期望的最佳效果。 亚历山大与萨拉-石川佳纯和穆雷 西乐弗斯坦合作
  • android高级组件使用(一) 百合不是茶 androidRatingBarSpinner
    1、自动完成文本框（AutoCompleteTextView） AutoCompleteTextView从EditText派生出来，实际上也是一个文本编辑框，但它比普通编辑框多一个功能：当用户输入一个字符后，自动完成文本框会显示一个下拉菜单，供用户从中选择，当用户选择某个菜单项之后，AutoCompleteTextView按用户选择自动填写该文本框。 使用AutoCompleteTex
  • [网络与通讯]路由器市场大有潜力可挖掘 comsci 网络
              如果国内的电子厂商和计算机设备厂商觉得手机市场已经有点饱和了,那么可以考虑一下交换机和路由器市场的进入问题.....        这方面的技术和知识,目前处在一个开放型的状态,有利于各类小型电子企业进入  &nbs
  • 自写简单Redis内存统计shell 商人shang Linux shell统计Redis内存
    #!/bin/bash address="192.168.150.128:6666,192.168.150.128:6666" hosts=(${address//,/ }) sfile="staticts.log" for hostitem in ${hosts[@]} do ipport=(${hostitem
  • 单例模式(饿汉 vs懒汉) oloz 单例模式
    package 单例模式; /* * 应用场景:保证在整个应用之中某个对象的实例只有一个 * 单例模式种的《 懒汉模式》 * */ public class Singleton { //01 将构造方法私有化，外界就无法用new Singleton()的方式获得实例 private Singleton(){}; //02 申明类得唯一实例 priva
  • springMvc json支持 杨白白 json springmvc
    1.Spring mvc处理json需要使用jackson的类库，因此需要先引入jackson包 2在spring mvc中解析输入为json格式的数据:使用@RequestBody来设置输入 @RequestMapping("helloJson") public @ResponseBody JsonTest helloJson() {
  • android播放，掃描添加本地音頻文件 小桔子
            最近幾乎沒有什麽事情，繼續鼓搗我的小東西。想在項目中加入一個簡易的音樂播放器功能，就像華為p6桌面上那麼大小的音樂播放器。用過天天動聽或者QQ音樂播放器的人都知道，可已通過本地掃描添加歌曲。不知道他們是怎麼實現的，我覺得應該掃描設備上的所有文件，過濾出音頻文件，每個文件實例化為一個實體，記錄文件名、路徑、歌手、類型、大小等信息。具體算法思想，
  • oracle常用命令 aichenglong oracledba常用命令
    1 创建临时表空间 create temporary tablespace user_temp  tempfile 'D:\oracle\oradata\Oracle9i\user_temp.dbf' size 50m  autoextend on  next 50m maxsize 20480m  extent management local
  • 25个Eclipse插件 AILIKES eclipse插件
    提高代码质量的插件1. FindBugsFindBugs可以帮你找到Java代码中的bug，它使用Lesser GNU Public License的自由软件许可。2. CheckstyleCheckstyle插件可以集成到Eclipse IDE中去，能确保Java代码遵循标准代码样式。3. ECLemmaECLemma是一款拥有Eclipse Public License许可的免费工具，它提供了
  • Spring MVC拦截器+注解方式实现防止表单重复提交 baalwolf spring mvc
    原理：在新建页面中Session保存token随机码，当保存时验证，通过后删除，当再次点击保存时由于服务器端的Session中已经不存在了，所有无法验证通过。   1.新建注解：   ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
  • 《Javascript高级程序设计(第3版)》闭包理解 bijian1013 JavaScript
    “闭包是指有权访问另一个函数作用域中的变量的函数。”--《Javascript高级程序设计(第3版)》         看以下代码： <script type="text/javascript"> function outer() { var i = 10; return f
  • AngularJS Module类的方法 bijian1013 JavaScriptAngularJSModule
            AngularJS中的Module类负责定义应用如何启动，它还可以通过声明的方式定义应用中的各个片段。我们来看看它是如何实现这些功能的。 一.Main方法在哪里         如果你是从Java或者Python编程语言转过来的，那么你可能很想知道AngularJS里面的main方法在哪里？这个把所
  • [Maven学习笔记七]Maven插件和目标 bit1129 maven插件
    插件(plugin)和目标(goal) Maven，就其本质而言，是一个插件执行框架，Maven的每个目标的执行逻辑都是由插件来完成的，一个插件可以有1个或者几个目标，比如maven-compiler-plugin插件包含compile和testCompile，即maven-compiler-plugin提供了源代码编译和测试源代码编译的两个目标   使用插件和目标使得我们可以干预
  • 【Hadoop八】Yarn的资源调度策略 bit1129 hadoop
    1. Hadoop的三种调度策略 Hadoop提供了3中作业调用的策略， FIFO Scheduler Fair Scheduler Capacity Scheduler 以上三种调度算法，在Hadoop MR1中就引入了，在Yarn中对它们进行了改进和完善.Fair和Capacity Scheduler用于多用户共享的资源调度   2. 多用户资源共享的调度
  • Nginx使用Linux内存加速静态文件访问 ronin47
    Nginx是一个非常出色的静态资源web服务器。如果你嫌它还不够快，可以把放在磁盘中的文件，映射到内存中，减少高并发下的磁盘IO。 先做几个假设。nginx.conf中所配置站点的路径是/home/wwwroot/res，站点所对应文件原始存储路径：/opt/web/res shell脚本非常简单，思路就是拷贝资源文件到内存中，然后在把网站的静态文件链接指向到内存中即可。具体如下：
  • 关于Unity3D中的Shader的知识 brotherlamp unityunity资料unity教程unity视频unity自学
    首先先解释下Unity3D的Shader，Unity里面的Shaders是使用一种叫ShaderLab的语言编写的，它同微软的FX文件或者NVIDIA的CgFX有些类似。传统意义上的vertex shader和pixel shader还是使用标准的Cg/HLSL 编程语言编写的。因此Unity文档里面的Shader，都是指用ShaderLab编写的代码，然后我们来看下Unity3D自带的60多个S
  • CopyOnWriteArrayList vs ArrayList bylijinnan java
    package com.ljn.base; import java.util.ArrayList; import java.util.Iterator; import java.util.List; import java.util.concurrent.CopyOnWriteArrayList; /** * 总述： * 1.ArrayListi不是线程安全的，CopyO
  • 内存中栈和堆的区别 chicony 内存
    1、内存分配方面：     堆：一般由程序员分配释放， 若程序员不释放，程序结束时可能由OS回收 。注意它与数据结构中的堆是两回事，分配方式是类似于链表。可能用到的关键字如下：new、malloc、delete、free等等。     栈：由编译器(Compiler)自动分配释放，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中
  • 回答一位网友对Scala的提问 chenchao051 scalamap
    本来准备在私信里直接回复了，但是发现不太方便，就简要回答在这里。 问题 写道 对于scala的简洁十分佩服，但又觉得比较晦涩，例如一例，Map("a" -> List(11,111)).flatMap(_._2)，可否说下最后那个函数做了什么，真正在开发的时候也会如此简洁？谢谢    先回答一点，在实际使用中，Scala毫无疑问就是这么简单。
  • mysql 取每组前几条记录 daizj mysql分组最大值最小值每组三条记录
    一、对分组的记录取前N条记录：例如：取每组的前3条最大的记录 1.用子查询： SELECT * FROM tableName a  WHERE 3> (SELECT COUNT(*) FROM  tableName b WHERE b.id=a.id AND b.cnt>a. cnt) ORDER BY a.id,a.account DE
  • HTTP深入浅出 http请求 dcj3sjt126com http
      HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP，使HTTP客户（如Web浏览器）能够从HTTP服务器(Web服务器)请求信息和服务，HTTP目前协议的版本是1.1.HTTP是一种无状态的协议，无状态是指Web浏览器和Web服务器之间不需要建立持久的连接，这意味着当一个客户端向服务器端发出请求，然后We
  • 判断MySQL记录是否存在方法比较 dcj3sjt126com mysql
    把数据写入到数据库的时，常常会碰到先要检测要插入的记录是否存在，然后决定是否要写入。 　　我这里总结了判断记录是否存在的常用方法： 　　sql语句： select   count ( * )  from  tablename; 　　然后读取count(*)的值判断记录是否存在。对于这种方法性能上有些浪费，我们只是想判断记录记录是否存在，没有必要全部都查出来。
  • 对HTML XML的一点认识 e200702084 htmlxml
    感谢http://www.w3school.com.cn提供的资料 HTML 文档中的每个成分都是一个节点。 节点 根据 DOM，HTML 文档中的每个成分都是一个节点。 DOM 是这样规定的： 整个文档是一个文档节点 每个 HTML 标签是一个元素节点 包含在 HTML 元素中的文本是文本节点 每一个 HTML 属性是一个属性节点 注释属于注释节点 Node 层次
  • jquery分页插件 genaiwei jqueryWeb前端分页插件
    //jquery页码控件// 创建一个闭包    (function($) {      // 插件的定义      $.fn.pageTool = function(options) {        var totalPa
  • Mybatis与Ibatis对照入门于学习 Josh_Persistence mybatisibatis区别联系
    一、为什么使用IBatis/Mybatis         对于从事 Java EE 的开发人员来说，iBatis 是一个再熟悉不过的持久层框架了，在 Hibernate、JPA 这样的一站式对象 / 关系映射（O/R Mapping）解决方案盛行之前，iBaits 基本是持久层框架的不二选择。即使在持久层框架层出不穷的今天，iBatis 凭借着易学易用、
  • C中怎样合理决定使用那种整数类型？ 秋风扫落叶 c数据类型
    如果需要大数值(大于32767或小于32767), 使用long 型。 否则, 如果空间很重要 (如有大数组或很多结构), 使用 short 型。 除此之外, 就使用 int 型。 如果严格定义的溢出特征很重要而负值无关紧要, 或者你希望在操作二进制位和字节时避免符号扩展的问题, 请使用对应的无符号类型。 但是, 要注意在表达式中混用有符号和无符号值的情况。    &nbs
  • maven问题 zhb8015 maven问题
      问题1： Eclipse 中 新建maven项目 无法添加src/main/java 问题    eclipse创建maevn web项目，在选择maven_archetype_web原型后，默认只有src/main/resources这个Source Floder。     按照maven目录结构，添加src/main/ja
  • (二)androidpn-server tomcat版源码解析之--push消息处理 spjich javaandrodipn推送
    在 (一)androidpn-server tomcat版源码解析之--项目启动这篇中，已经描述了整个推送服务器的启动过程，并且把握到了消息的入口即XmppIoHandler这个类，今天我将继续往下分析下面的核心代码，主要分为3大块，链接创建，消息的发送，链接关闭。 先贴一段XmppIoHandler的部分代码 /** * Invoked from an I/O proc
  • 用js中的formData类型解决ajax提交表单时文件不能被serialize方法序列化的问题 中华好儿孙 JavaScriptAjaxWeb上传文件FormData
    var formData = new FormData($("#inputFileForm")[0]); $.ajax({ type:'post', url:webRoot+"/electronicContractUrl/webapp/uploadfile", data:formData, async: false, ca
  • mybatis常用jdbcType数据类型 ysj5125094 mybatismapperjdbcType
      MyBatis 通过包含的jdbcType 类型 BIT         FLOAT      CHAR          
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他