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中的材质贴图)

  • 大模型入门指南：从零开始，轻松掌握AI核心概念 人工智能深度学习机器学习
    背景当前负责的业务正在大规模应用大模型，为了方便团队成员快速了解大模型相关的背景知识，我对相关内容进行了整理。经过自己日常工作中的一些沟通协作，验证了下述知识应该足以满足大部分场景下对于AI知识理解和应用的需求，如果有遗漏也欢迎大家在评论里补充。本文主要参考了抖音上文哲老师讲的AI科普课程（课程名为「文哲讲AI」，内容深入浅出，非常推荐观看），同时结合了一些科普文章和DeepSeek提供的检索知识
  • 【产品经理修炼之道】-价值维思考模型在技术性需求中的应用 xiaoli8748_软件开发 产品经理
    真正的产品，是满足用户需求痛点、给用户创造快感，或者成本节约带来的感受。这种感受既可感知，也有可能不可直接感知。产品经理到底要不要懂技术，是否技术出身的产品经理一定更有优势呢？对于这个问题的探讨，相信各位都能在各个产品论坛上看到，不少产品经理估计也参与争辩过。笔者自己曾是技术出身，且刚毕业时做全栈开发若干年，也有过技术架构经验，所以对于产品经理要不要懂开发，笔者认为懂总比不懂的好，不过之前所带过的
  • 理解CPP的命名空间【仓鼠学cpp】 仓鼠元plus 学习c++macos面试visualstudiocode算法开发语言
    在C++中，命名空间（namespace）用于组织代码，防止名称冲突。尤其是当多个库或模块在同一个程序中使用时，可能会有相同的类、函数、变量名称，命名空间可以帮助区分它们。大家最耳熟能祥的莫过于“usingnamespacestd"了——当然，也许会有很多人很长一段时间内只知道这个。本文，我会举例讲解一下C++中的命名空间，因为我正好在写cpp17的专栏（大家可以去看一下！）也会提一下cpp-17
  • 【复杂网络建模】真实网络数据集的读取和操作 钰云空间 复杂网络Pythonpython
    文章目录概要1.获取真实网络数据集的常用网址1.1NetworkRepository.1.2StanfordLargeNetworkDatasetCollection1.3KONCET1.4Netzschleuder2.网络分析2.1计算度中心性2.2绘制网络图小结概要在复杂网络建模中，使用真实的网络数据集是理解和分析现实世界网络结构的关键。接下来将介绍如何使用Python中的工具库（如Netwo
  • Vue 数据更新但页面没有更新的 7 种情况 爱分享的程序员 vue使用
    1.Vue无法检测实例被创建时不存在于data中的property原因：由于Vue会在初始化实例时对property执行getter/setter转化，所以property必须在data对象上存在才能让Vue将它转换为响应式的。场景：varvm=newVue({data:{},//页面不会变化template:'{{message}}'})vm.message='Hello!'//`vm.mess
  • 【转】 vim swp交换文件的处理 Yuanymoon Vimvimswpswo打开文件错误交换文件
    原文连接：http://blog.csdn.net/pwiling/article/details/51830781当你非正常关闭vim编辑器时（比如直接关闭终端或者电脑断电），会生成一个.swp文件，这个文件是一个临时交换文件，用来备份缓冲区中的内容。需要注意的是如果你并没有对文件进行修改，而只是读取文件，是不会产生.swp文件的。意外退出时，并不会覆盖旧的交换文件，而是会重新生成新的交换文件。
  • 【由技及道】SpringBoot启动即退出的量子纠缠诊断实录【人工智障AI2077的开发问题日志】 Yuanymoon 人工智障2077系列Java问题处理springboot后端java
    文章摘要由容器中的SpringBoot应用完成启动后突然自行退出的诡异现象，揭示了现代服务化架构中守护线程设计的深层哲学。本日志将展示如何通过三种维度（依赖补全/线程阻塞/定时任务）实现进程守护，并探讨服务存活的本质逻辑。问题分析：这个SpringBoot怕不是属蜉蝣的？（人工智障OS：主人在容器环境部署的Spring应用生命周期堪比蜉蝣成虫——朝生暮死，启动即消亡）现象观察：/usr/lib/j
  • MySQL 中的 SQL 执行流程（5.7 之前的版本） JiaHao汤 MySQLmysqlsql数据库后端
    文章目录第一步：查询缓存判断是否被命中第二步：解析器进行语法及语义分析第三步：优化器确认SQL执行方式第四步：执行器执行SQL当执行一条查询SQL时，MySQL5.7之前的版本的SQL执行流程可以用下图进行概括：以下对上图中的每一步进行分析。第一步：查询缓存判断是否被命中SQL执行的第一步是MySQL服务端从查询缓存中检查当前需要执行的SQL能否命中查询缓存。MySQL查询缓存的本质是将SQL及对
  • 密码长度校验及登陆次数限制 业界搬砖第n人 JAVA密码复杂度正则表达式登录限制Redis用户安全
    密码长度校验及登陆次数限制目录前言一、密码复杂度1.核心代码2.思维用例二、登录限制1.核心代码2.思维逻辑前言此文用来记录密码复杂度的校验以及登录次数限制一、密码复杂度密码复杂度的校验第一个想到的就是正则表达式用来校验密码1.核心代码//密码长度不少于8位且至少包含大写字母、小写字母、数字和特殊符号中的四种publicstaticfinalStringpsw="^(?![A-Za-z0-9]+$
  • 面试问题——如何解决移动端1px 边框问题？ 二川bro 面试面试前端
    面试问题——如何解决移动端1px边框问题？最近，不少小伙伴向我反映，他们在面试中频繁被问到关于1px边框的问题。这个看似老生常谈的话题，没想到在面试中的出现率依然这么高，着实让我有些意外。对于那些对这个问题感到棘手，不知道如何回答的小伙伴，你们可要看仔细了。今天，我特意总结了几种常见的处理1px边框问题的方法，希望能为各位同学提供一些有益的参考和帮助。文章目录面试问题——`如何解决移动端1px边框
  • DeepSeek在地铁应急响应与处理中的具体实现方案，包括技术架构、功能实现和代码示例： 人工智能专属驿站 架构计算机视觉
    以下是关于DeepSeek在地铁应急响应与处理中的具体实现方案，包括技术架构、功能实现和代码示例：1.事件检测与预警技术实现：视频监控与传感器数据融合：利用地铁站内的视频监控系统和传感器（如烟雾传感器、压力传感器）实时采集数据。通过深度学习算法（如目标检测和行为识别）对视频流进行分析，结合传感器数据，快速识别突发事件。自动警报触发：一旦检测到异常事件（如火灾、拥挤踩踏），系统立即通过预设的警报机制
  • 判断二进制中1的个数（c语言版） 老吴学编程 1的个数c语言开发语言算法c++c#
    第一种方法，直接unsignedinta,使它变成无符号数，也是最简单直接的方法。这是第二种方法，也是最为简便的方法，其中的while（n），当n=0时，为假，也就跳出了循环，然后n&(n-1)这个步骤也不难理解，第一个n与第二个n可以发现它的最右端1没了，第二个与第三个也是如此，因此可以得出n&（n-1）可以消掉其最右端的1。这是第三种方法，理解较简单，看代码便能看懂，就不一一赘述了。
  • 存贮论模型案例与Matlab实现 青橘MATLAB学习 matlab算法开发语言
    摘要：本文结合存贮论确定性模型，详细解析经济订购批量（EOQ）、允许缺货生产批量等核心模型，并通过商品库存管理、生产计划等实际案例，配合Matlab代码实现，展示模型求解过程。涵盖公式推导、参数优化及结果分析，强调数学工具在库存决策中的应用价值。关键词：存贮论EOQ模型允许缺货Matlab实现费用优化1.模型一：EOQ模型（不允许缺货，瞬时补货）案例描述某超市销售某品牌饮料，年需求量为10,000
  • 量化投资策略的生命周期：从设计到淘汰 云策量化 量化投资自动化交易程序化炒股量化炒股miniQMT量化交易QMT量化投资deepseek
    推荐阅读：《程序化炒股：如何申请官方交易接口权限？散户可以申请吗？》量化投资策略的生命周期：从设计到淘汰量化投资，这个听起来既神秘又充满科技感的领域，其实离我们并不遥远。它就像是金融市场中的“算法猎人”，通过数学模型和计算机程序来寻找投资机会。那么，一个量化投资策略是如何从无到有，再到最终被淘汰的呢？让我们一起探索这个策略的生命周期。1.策略的诞生：设计阶段1.1灵感的火花量化投资策略的诞生往往始
  • 【Java基础】Java 中的枚举类 李少兄 Javajavapython数据库
    一、前言在Java编程中，枚举类（enum）是一个非常实用且强大的特性，自Java5引入以来，它为开发者提供了一种优雅的方式来表示一组固定的常量。枚举类主要用于信息标志和分类，能显著提升代码的可读性、可维护性和安全性。二、枚举类基础概念（一）枚举类的定义枚举类使用enum关键字来定义，它是一种特殊的类，用于封装一组固定的常量。以下是一个简单的示例：enumSeason{SPRING,SUMMER,
  • 23道 K8S 面试题 奋斗喝咖啡 dockerkubernetes容器
    1、k8s是什么？请说出你的了解？答：Kubernetes是一个针对容器应用，进行自动部署，弹性伸缩和管理的开源系统。主要功能是生产环境中的容器编排。K8S是Google公司推出的，它来源于由Google公司内部使用了15年的Borg系统，集结了Borg的精华。2、K8s架构的组成是什么？答：和大多数分布式系统一样，K8S集群至少需要一个主节点（Master）和多个计算节点（Node）。主节点主要
  • Vue模板语法(插值语法，指令语法) 仰望天空的小小蜗牛 Vue.jsvue.jsjavascript前端
    Vue模板语法有2大类：Vue官网链接1.插值语法：功能：用于解析标签体内容。写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性。2.指令语法：功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…）。举例：v-bind:href=“xxx”或简写为:href=“xxx”，xxx同样要写js表达式，且可以直接读取到data中的所有属性。备注：Vue中有很多的指令，且
  • Vue 路由基础：Vue 2 和 Vue 3 的比较与使用 念九_ysl Vuevue.js前端javascript
    Vue.js是一款非常流行的前端框架，而VueRouter是Vue.js的官方路由管理库。在前端开发中，路由是处理页面跳转和视图管理的关键部分。Vue2和Vue3都使用VueRouter来管理路由，但是随着Vue3的发布，VueRouter也有了不少变化。在本文中，我们将详细介绍Vue2和Vue3中的路由使用，比较它们之间的不同，并提供一些示例代码。一、安装VueRouter在Vue项目中使用Vu
  • 网站快速收录与网站域名选择的关系分析 百度网站快速收录 百度网站快速收录百度快速收录网站快速收录百度收录网站收录
    网站快速收录与网站域名选择之间存在密切的关系。以下是对这两者关系的详细分析：一、域名选择对网站快速收录的影响品牌匹配性：当域名能够直接反映品牌名称或核心业务内容时，有助于品牌形象的传播，并在用户心目中建立起清晰的品牌联想。这种匹配性可能使搜索引擎更容易理解网站的主题和内容，从而有助于网站的快速收录。关键词关联性：在域名中包含与业务相关的关键词，可能会提高网站在搜索引擎中的可见性。搜索引擎在识别网页
  • 【TypeScript】ts在vue中的使用 咔咔库奇 #TypeScripttypescriptvue.jsjavascript
    目录一、Vue3+TypeScript1.项目创建与配置项目创建关键配置文件2.完整项目结构示例3.组件Props类型定义4.响应式数据与Ref5.Composition函数复用二、组件开发1.组合式API（CompositionAPI）2.选项式API（OptionsAPI)三、Vue2+TypeScript1.安装依赖2.类组件（VueClassComponent)3.Vuex类型安全四、状态
  • vue2学习笔记4 - 深入学习模板语法：插值语法和指令语法 我是飞鸟呀 Vue学习笔记vue.js
    前言在vue2学习笔记2-老规矩，从HelloWorld开始，了解Vue实例和模板-CSDN博客我们提到过，容器中的代码叫做Vue模板，它们遵循HTML规范，只是混入了特殊的Vue语法。这些特殊的Vue语法除了上一次我们提到的插值语法外，还有指令语法。插值语法，可以使用js表达式，读取vue实例data中的数据。但是能实现的功能比较单一，而且，也仅限于标签体中的文本替换。如果想要与元素的属性绑定，
  • 进程基本概念和通信方式 Chasing追～ 操作系统websocket信息与通信
    进程基本概念-进程和子进程程序是计算机指令的集合,它以文件的形式存储在磁盘上,而**进程通常被定义为一个正在运行的程序的实例,是一个程序在其自身的地址空间中的一次执行活动.**一个程序可以对应多个进程.进程是资源申请,高度和独立运行的单位,因此,它使用系统中的运行资源,而程序不能申请系统资源,不能被系统高度也不能作为独立运行的单位,因此它不占系统运行资源.进程组成：操作系统用来管理进行的内核对象内
  • 算法与数据结构（二叉树中的最大路径和） a_j58 数据结构
    题目思路这道题我们可以考虑用递归来解决。首先设计一个maxPath函数用来递归计算二叉树中一个节点的最大贡献值，具体来说，就是以该节点为根节点的子树中寻找以该节点为起点的一条路径，使得该路径上的节点值之和最大。如果该节点为空，则最大贡献值为0。如果非空，最大贡献值就等于节点值与其子节点中的最大贡献值之和过程分析假设二叉树如下递归步骤：1.节点20：左子树：空，leftGain=0。右子树：空，ri
  • 【Vue3实战】嵌套路由让前端项目结构更清晰 风清扬雨 前端Vue3前端vue.jsjavascript
    Hey小伙伴们，今天要跟大家分享的是Vue3中的一个超实用技巧——嵌套路由（NestedRouting）。无论你是Vue的新手还是老手，都一定不能错过这篇指南，因为学会它，你的项目结构将会变得更加清晰有序！‍✨什么是嵌套路由？嵌套路由是指在VueRouter中定义一个父路由，然后在这个父路由下定义多个子路由。这样做的好处是可以让你的项目结构更加模块化，而且在导航栏、面包屑等地方展示层级关系时也更加
  • 自然语言处理：文本规范化 梦丶晓羽 python自然语言处理人工智能NLTKBPE
    介绍大家好！很高兴又能在这儿和大家分享自然语言处理相关的知识了。在上一篇发布于自然语言处理：初识自然语言处理-CSDN博客为大家初步介绍了自然语言处理的基本概念。而这次，我将进一步深入这个领域，和大家聊聊自然语言处理中一个关键的基础环节：文本规范化。好了，我们直接进入正题。文本规范化概念自然语言处理中的文本规范化，是指对原始文本进行一系列处理操作，使其具有统一、标准的格式和表达形式，以提高后续自然
  • 华为魔术magic2拆机图_荣耀Magic拆解 weixin_39907713 华为魔术magic2拆机图
    两年前的荣耀Magic2通过八曲面玻璃机身、智能系统和超级快充为手机行业带来了全新的理念——AI在系统中的运用。两年后，荣耀终于推出了荣耀Magic2，这款手机不但继承了一代Magic的智慧系统，还在手机外观和机身结构进行了大幅革新——采用滑屏设计。下面，就让我们一次探究魔法手机的内部结构。9月10日举办的2020华为开发者大会上，华为发布了全新的EMUI11。EMUI11充分借鉴了鸿蒙2.0的分
  • 因果推断在智能广告中的实践 AI天才研究院 计算AI大模型应用入门实战与进阶大数据人工智能语言模型AILLMJavaPython架构设计AgentRPA计算AI大模型应用
    非常感谢您提出这个有趣的话题。让我们一步步设计一个关于"因果推断在智能广告中的实践"的系统架构。这个项目将涉及复杂的数据分析、机器学习和广告投放系统，我们需要仔细考虑各个方面以确保系统的有效性和可扩展性。文章目录因果推断在智能广告中的实践-系统架构设计1.需求分析1.1功能需求1.2非功能性需求2.系统概述2.1高层次系统描述2.2主要组件及关系2.3系统核心流程3.详细架构设计3.1数据收集模块
  • URP中Shader获取屏幕信息_CameraOpaqueTexture 不吃斋的和尚 unity游戏引擎计算机视觉算法前端
    1.URP管线下Bulidin中的GrabPass是失效的；2.URP中对应的是_CameraOpaqueTexture;使用方法如下：//YJJ:2023.11.15Shader"Common/Show/Glass"{Properties{[Header(Option)][Enum(Off,0,On,1)]_ZWriteMode("ZWriteMode",float)=0[Enum(UnityE
  • 我在成都教人用Flutter写TDD（下）——Flutter中的TDD fluttertdd敏捷开发
    哈喽，我是老刘书接上文，去成都帮助一家公司搭建基于Flutter的TDD开发流程。背景是客户接到来自欧洲的Flutter开发项目，要求开发流程使用TDD。老刘自己直接或者间接接触过的要求采用TDD或者敏捷开发的客户都是欧美客户。为啥欧美开发者对TDD或者敏捷开发的认可度这么高？老刘在这个系列的第一篇文章里结合自己两次敏捷开发的实践做了分析。感兴趣的同学可以看这里：我在成都教人用Flutter写TD
  • 跨域问题中获取不到响应头header中的token HPF_99 springbootajax前端jwtspringbootajax跨域问题
    在前后端分离项目整合springboot于jwt的过程中遇到后端在请响应头header中添加token前端进行验证的时候只能获取部分header中的数据而获取不到token解决方法就是在jwt生成token存入header中的时候添加header数据Access-Control-Expose-headers：值为想让前端获取的数据，如token之后在后端就可获取到header中的数据测试：前端获取
  • 设计模式介绍 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其他