暮志未晚Webgl
暮志未晚Webgl

68 Three.js 导入OBJ格式和MTL的格式

简介

OBJ和MTL是相互配合的两种格式，经常一起使用。OBJ文件定义几何体，而MTL文件定义所用的材质。OBJ和MTL都是基于文本的格式。
Three.js可以很好地理解OBJ文件和MTL文件，而且Blender也支持这两种文件格式。所以作为替代方案，你也可以在Blender里选择OBJ/MTL格式的文件，而不是Three.js的JSON格式文件。在Three.js里提供两种不同的加载器。如果你只想加载几何体，可以使用OBJLoader。

一起使用OBJ和MTL案例

案例查看地址：http://www.wjceo.com/blog/threejs/2018-03-19/128.html

  • 首先，将插件引入：
<script src="/lib/js/loaders/OBJLoader.js">script>
<script src="/lib/js/loaders/MTLLoader.js">script>
  • 然后，首先我们实例化THREE.MTLLoader对象，将纹理加载进来
        var mtlLoader = new THREE.MTLLoader();
        mtlLoader.setPath('/lib/assets/models/');
        //加载mtl文件
        mtlLoader.load('butterfly.mtl', function (material) {
            。。。
        });
  • 我们再实例化THREE.OBJLoader对象，设置对象纹理为导入的MTL文件生成的纹理，并加载OBJ文件，最后导入到场景当中即可。
            var objLoader = new THREE.OBJLoader();
            //设置当前加载的纹理
            objLoader.setMaterials(material);
            objLoader.setPath('/lib/assets/models/');
            objLoader.load('butterfly.obj', function (object) {
                //将模型缩放并添加到场景当中
                scene.add(object);
            })

案例代码





<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
    <style type="text/css">
        html, body {
            margin: 0;
            height: 100%;
        }

        canvas {
            display: block;
        }

    style>
head>
<body onload="draw();">

body>
<script src="/lib/three.js">script>
<script src="/lib/js/loaders/OBJLoader.js">script>
<script src="/lib/js/loaders/MTLLoader.js">script>
<script src="/lib/js/controls/OrbitControls.js">script>
<script src="/lib/js/libs/stats.min.js">script>
<script src="/lib/js/libs/dat.gui.min.js">script>

<script>
    var renderer;
    function initRender() {
        renderer = new THREE.WebGLRenderer({antialias:true});
        renderer.setSize(window.innerWidth, window.innerHeight);
        //告诉渲染器需要阴影效果
        renderer.setClearColor(0xffffff);
        document.body.appendChild(renderer.domElement);
    }

    var camera;
    function initCamera() {
        camera = new THREE.PerspectiveCamera(45, window.innerWidth/window.innerHeight, 0.1, 1000);
        camera.position.set(0, 40, 50);
        camera.lookAt(new THREE.Vector3(0,0,0));
    }

    var scene;
    function initScene() {
        scene = new THREE.Scene();
    }

    //初始化dat.GUI简化试验流程
    var gui;
    function initGui() {
        //声明一个保存需求修改的相关数据的对象
        gui = {
        };
        var datGui = new dat.GUI();
        //将设置属性添加到gui当中，gui.add(对象，属性，最小值，最大值）
    }

    var light;
    function initLight() {
        scene.add(new THREE.AmbientLight(0x444444));

        light = new THREE.PointLight(0xffffff);
        light.position.set(0,50,0);

        //告诉平行光需要开启阴影投射
        light.castShadow = true;

        scene.add(light);
    }

    function initModel() {

        //辅助工具
        var helper = new THREE.AxesHelper(50);
        scene.add(helper);

        var mtlLoader = new THREE.MTLLoader();
        mtlLoader.setPath('/lib/assets/models/');
        //加载mtl文件
        mtlLoader.load('butterfly.mtl', function (material) {
            var objLoader = new THREE.OBJLoader();
            //设置当前加载的纹理
            objLoader.setMaterials(material);
            objLoader.setPath('/lib/assets/models/');
            objLoader.load('butterfly.obj', function (object) {

                //获取两个翅膀的位置
                var wing2 = object.children[5];
                var wing1 = object.children[4];

                //设置两个翅膀的透明度
                wing1.material.opacity = 0.6;
                wing1.material.transparent = true;
                wing1.material.depthTest = false;
                wing1.material.side = THREE.DoubleSide;

                wing2.material.opacity = 0.6;
                wing2.material.depthTest = false;
                wing2.material.transparent = true;
                wing2.material.side = THREE.DoubleSide;

                //将模型缩放并添加到场景当中
                object.scale.set(100, 100, 100);
                scene.add(object);
            })
        });
    }

    //初始化性能插件
    var stats;
    function initStats() {
        stats = new Stats();
        document.body.appendChild(stats.dom);
    }

    //用户交互插件 鼠标左键按住旋转，右键按住平移，滚轮缩放
    var controls;
    function initControls() {

        controls = new THREE.OrbitControls( camera, renderer.domElement );

        // 如果使用animate方法时，将此函数删除
        //controls.addEventListener( 'change', render );
        // 使动画循环使用时阻尼或自转 意思是否有惯性
        controls.enableDamping = true;
        //动态阻尼系数 就是鼠标拖拽旋转灵敏度
        //controls.dampingFactor = 0.25;
        //是否可以缩放
        controls.enableZoom = true;
        //是否自动旋转
        controls.autoRotate = true;
        //设置相机距离原点的最远距离
        controls.minDistance  = 1;
        //设置相机距离原点的最远距离
        controls.maxDistance  = 200;
        //是否开启右键拖拽
        controls.enablePan = true;
    }

    function render() {

        renderer.render( scene, camera );
    }

    //窗口变动触发的函数
    function onWindowResize() {

        camera.aspect = window.innerWidth / window.innerHeight;
        camera.updateProjectionMatrix();
        render();
        renderer.setSize( window.innerWidth, window.innerHeight );

    }

    function animate() {
        //更新控制器
        render();

        //更新性能插件
        stats.update();

        controls.update();

        requestAnimationFrame(animate);
    }

    function draw() {
        initGui();
        initRender();
        initScene();
        initCamera();
        initLight();
        initModel();
        initControls();
        initStats();

        animate();
        window.onresize = onWindowResize;
    }
script>
html>

你可能感兴趣的:(Three.js笔记,three.js,webgl,OBJ格式,MTL格式,文件导入)

  • 人工智能导论--第1章-知识点与学习笔记 想拿高薪的韭菜 人工智能学习笔记
    请根据教材内容，完成进行下面的作业任务。必须包含有教材的具体内容，不能是生成式AI系统的生成内容。参考教材1.1节的内容介绍，谈谈你对“智能”的认识。思维能力是智能的重要特征之一，结合教材1.1.2节内容，从思维的定义、分类及其特点等角度，阐述思维的含义。参考教材1.1.3节的内容介绍，名词解析“人工智能”。参考教材1.2节的内容介绍，介绍人工智能的发展简史。参考教材1.3节的内容介绍，人工智能作
  • 几种常见的工具类 小裕哥略帅 java开发语言
    反射工具类packagecom.mdgyl.common.util;importorg.springframework.util.StringUtils;importjava.lang.reflect.Field;importjava.lang.reflect.Method;importjava.util.Objects;/***description:反射工具类*author:wuyc*crea
  • NotebookLM：Google 最新 AI 笔记助理解析与实战应用 赵大仁 人工智能技术大语言模型深度学习人工智能语言模型自然语言处理机器学习笔记
    NotebookLM：Google最新AI笔记助理解析与实战应用在AI驱动的生产力工具不断进化的今天，Google推出的NotebookLM（NotebookLanguageModel）成为了一款备受关注的智能笔记助理。它结合了Google的大语言模型（LLM）能力，帮助用户更高效地整理、理解和生成知识内容。本文将全面解析NotebookLM的技术原理、核心功能、应用场景，并提供实际使用指南，帮助
  • Node+puppeteer学习笔记（九）--使用-Python3 + Pyppeteer 温柔夏目 Puppeteer
    因为我是Python流，自动化都是基于Python的，所以一直在关注Puppeteer这个包是否会被Python支持，然后我就在官网上找到了Pyppeteer这个包，因为修改了第二个字母，差点没认出来，这个包其实就是根据Puppeteer实现的地址如下：官方GitHub仓库：https://github.com/miyakogi/pyppeteer.官方API地址：https://miyakogi
  • 精讲 JS return 语句的作用 谦虚的w javascript前端
    函数作用域的限制-在JavaScript中，函数有自己的作用域。在函数内部定义的变量和对象（如localObj）默认情况下在函数外部是无法直接访问的。这是因为函数的作用域是封闭的，它将内部的变量和对象隐藏起来，以防止外部代码随意访问和修改。return语句的作用-当在函数内部使用return语句返回一个对象（如returnlocalObj;）时，实际上是将这个对象的引用传递到函数外部。这样，在函数
  • Spring Boot 配置文件详解：YAML vs Properties YY...yy SpringBoot框架学习springbootjava前端
    前言在SpringBoot开发中，配置文件是应用运行的核心。无论是开发、测试还是生产环境，配置文件都起到了至关重要的作用。SpringBoot提供了两种主流的配置文件格式：Properties和YAML。它们各有特点，适用于不同的场景。本文将从以下几个方面详细解析SpringBoot的配置文件：YAML和Properties的区别与使用场景多环境配置：管理开发、测试、生产环境的不同设置自定义配置：
  • 智能汽车嵌入式软件开发基础篇-嵌入式C语言基础1 每日超级储能 智能汽车软件开发汽车c语言算法自动驾驶mcustm32
    数据类型基本类型：整型浮点型字符型枚举构造类型：数组结构体共用体指针类型：空类型：void10100inta----->0x1000000整型：二进制：010101八进制：07111------%o十进制：09100------%d十六进制：0～F:0xff----->%x格式转换，10进制转2进制，x/2取余，从下到上排列如100------->1100100--------->0*2^0+0*
  • Python数据结构——队列 jxwsina1 算法图解队列算法图解
    #队列(queue)也是表，使用队列时插入和删除在不同的端进行。#队列的基本操作是Enqueue(入队)，在表的末端(rear)插入一个元素，还有出列(Dequeue)，删除表开头的元素。classQueue(object):#使用list来实现def__init__(self):self.queue=[]defisEmpty(self):returnself.queue==[]#入队defenq
  • ROS2中的parameters操作 听风胖耗子 机器人架构c++
    在ROS2中，参数（Parameters）系统相比于ROS1有了较大的改进。主要区别：ROS1中的参数在ROS1中，参数主要是通过rosparam工具来设置和获取的，并且它们通常存储在一个中心化的服务器上，即rosparam服务器。参数通常是静态的，一旦设置后，在节点运行期间不容易更改，除非重启节点或重新设置参数。参数可以以YAML格式存储在文件中，并通过rosparamload_file命令加载
  • 深度学习-笔记2 深度学习神经网络
    paddlepaddle安装(使用cpu)：dockerpullregistry.baidubce.com/paddlepaddle/paddle:2.6.2查看下paddlepaddle的镜像层次和安装目录结构(没有看到dockerbuild文件，先感受一下目录结构吧)：dockerinspectregistry.baidubce.com/paddlepaddle/paddle:2.6.2|gr
  • 软考高项笔记 数字化转型与元宇宙 人工智能
    数字化转型与元宇宙随着众多信息通信新技术的迅速发展与普及应用，信息空间成长为第三空间，并与物理空间和社会空间共同构成人类社会的三元空间。数字化转型是建立在数字化转换、数字化升级基础上，进一步触及组织核心业务，以新建一种业务模式为目标的高层次转型。数字化转型是开发数字化技术及支持能力以新建一个富有活力的数字化商业模式。只有组织对其业务进行系统性、彻底的（或重大和完全的）重新定义，不仅是IT方面，而是
  • 软考高项笔记 信息技术及其发展 人工智能
    信息技术及其发展信息系统项目管理师第二章第一节1.网络标准协议的定义网络协议是为计算机网络中进行数据交换而建立的规则、标准或约定的集合。网络协议由三个要素组成，分别是语义、语法和时序。语义：解释控制信息每个部分的含义，它规定了需要发出何种控制信息，完成的动作以及做出什么样的响应。语法：用户数据与控制信息的结构与格式，以及数据出现的顺序。时序：对事件发生顺序的详细说明。人们形象地将这三个要素描述为：
  • 《Memory Barriers a Hardware View for Software Hackers》阅读笔记 落樱弥城 基础知识c++笔记
      CPU设计者引入内存屏障（memorybarriers）是为了应对在多处理器系统（SMP）中，内存引用重排序可能导致的同步问题。尽管重排序可以提高性能，但在某些情况下（如同步原语），正确的操作依赖于有序的内存引用，因此需要使用内存屏障来强制执行顺序。  要深入理解这个问题，需要了解CPU缓存的工作原理，尤其是如何使缓存有效工作。以下是相关内容的概述：缓存结构：介绍缓存的基本结构和工作机制。缓存
  • 深入探索 Vue 3 Markdown 编辑器：高级功能与实现 ╰つ゛木槿 vue3vue.js编辑器前端
    目录1.为什么选择Markdown编辑器？2.选择合适的Markdown编辑器3.安装与基本配置安装配置Markdown编辑器代码说明4.高级功能实现4.1实时预览与双向绑定4.2插入图片和图像上传安装图像上传插件配置图像上传插件4.3数学公式支持安装KaTeX配置KaTeX插件4.4自定义工具栏4.5自定义主题与样式5.性能优化6.总结Markdown编辑器作为一种轻量级文本格式，已被广泛应用于
  • Three.js 后期处理（Post-Processing）详解 山楂树の Three.jsjavascript开发语言ecmascript图形渲染计算机视觉
    目录前言一、什么是后期处理？二、Three.js后期处理的工作流程2.1创建EffectComposer2.2添加渲染通道（RenderPass）2.3应用最终渲染三、后期处理实现示例3.1基础代码四、常见的后期处理效果4.1辉光效果（UnrealBloomPass）4.2景深（BokehPass/DepthofField）4.3运动模糊（MotionBlurPass）4.4边缘检测（Outlin
  • 500多种目标检测数据集下载地址汇总（YOLO、VOC） 2401_85863780 目标检测YOLO目标跟踪数据集yolo
    名称辣椒病害分类数据集9076张12类别.7z【目标检测数据集】光伏电池异常检测数据集VOC+YOLO格式219张2类别_2.zip【目标检测数据集】钢丝绳破损灼伤缺陷检测数据集VOC+YOLO格式1318张2类别.7z【目标检测数据集】狗狗数据集5912张VOC+YOLO格式.zip【目标检测数据集】工地安全帽佩戴检测4000张VOC+YOLO格式.rar【目标检测数据集】手势识别0-9数字VO
  • 2024年开源数据集地址汇总包含最新最全数据集在这你可以找到任何想要数据集 萌萌哒240 深度学习目标跟踪人工智能计算机视觉
    目标检测数据集和图像分类数据集是计算机视觉领域的两大重要资源，它们为训练和评估各种视觉模型提供了关键的数据支持。目标检测数据集主要用于训练模型以识别和定位图像中的特定物体。这类数据集通常包含大量的标注图像，每张图像中都标记了多个物体的位置和类别。例如，COCO（CommonObjectsinContext）数据集就是一个常用的目标检测数据集，它包含了80个类别的日常物体，如人、车、动物等，并提供了
  • 水稻和杂草检测数据集VOC+YOLO格式1356张2类别 FL1623863129 数据集YOLO深度学习机器学习
    数据集格式：PascalVOC格式+YOLO格式(不包含分割路径的txt文件，仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件)图片数量(jpg文件个数)：1356标注数量(xml文件个数)：1356标注数量(txt文件个数)：1356标注类别数：2标注类别名称(注意yolo格式类别顺序不和这个对应，而以labels文件夹classes.txt为准):["crop","we
  • 定西市房屋建筑轮廓面图层shp格式arcgis数据有高度字段+无偏移坐标分析测评 天赐信息科技 arcgis
    【定西市房屋建筑轮廓面图层shp格式arcgis数据有高度字段+无偏移坐标+2022年】这一资源是GIS领域的重要数据集，主要用于城市规划、地理分析和建筑管理等方面。这份数据集包含了一系列关于定西市房屋建筑的信息，以下是其主要知识点的详细解释：SHP格式：SHP（Shapefile）是Esri公司开发的一种矢量数据格式，广泛用于地理信息系统中，它可以存储点、线、多边形等几何对象以及与之相关的属性数
  • 【ArcGIS遇上Python】Python使用栅格数据 刘一哥GIS ArcGISPython栅格数据栅格描述
    栅格数据是一个独特的空间数据类型。很多地理处理工具都是为了处理栅格数据而开发的。1.列出栅格数据ListRaster函数是以Python列表的形式返回工作控件中的栅格数据，该函数的语法格式是：ListRaster({wild_card},{raster_type})可选参数wild_card通过名称限制返回的结果，参数raster_type通过栅格数据的类型限制返回的结果。举例：列出某个工作空间中
  • mpp rtsp 硬解码 AI算法网奇 嵌入式c++入门宝典网络
    目录opencv保存mp4linux系统RK3588MPP硬解码rtsp源代码内存泄露问题硬编码和硬解码mpp保存mp4h264格式判断ffmpeg把mp4转为h264裸流有的电脑报错：Unabletofindasuitableoutputformatfor'output.264'ffmpeg_rtsp_mpp:ffmpeg拉取rtsph264流，使用mpp解码，目前在firefly板子上跑通了m
  • python信号与槽（二） a_b_c_007
    上一篇信号与槽的连接，与信号发射都是手动的，而且信号传递比较单一，这次我们弄一些自动的。fromPyQt5.QtCoreimport*classMultiSignal(QObject):##信号变量定义#无参信号signal1=pyqtSignal()#signal2=pyqtSignal(int)#signal3=pyqtSignal(int,str)#signal4=pyqtSignal(li
  • gif动画图像优化，相同的图在第2,4,6帧中重复出现，会增加图像体积吗？ 专注VB编程开发20年 GIF动画图像编程
    对于GIF图像，情况与Git文件存储有所不同。GIF是一种图像格式，其体积主要取决于图像的内容、颜色数量、优化设置等因素。如果在GIF动画中，相同的图像在第2、4、6帧中重复出现，是否会增加图像体积，取决于以下几点：1.GIF的帧存储方式GIF动画是由多个帧组成的，每个帧可以是一个完整的图像，也可以是相对于前一帧的差异。GIF格式支持帧之间的压缩和重复利用，但具体是否重复存储取决于帧的内容和编码方
  • 【Spring Cloud 10】阿里巴巴分布式服务架构流量控件Sentinel，B站黑马程序员学习笔记 2501_90252715 springcloud架构sentinel
    貌似还是他更强一些，不过没关系，加油！所以，今天开启为期一个月的博客疯狂之旅。一、百度百科Sentinel是面向分布式服务架构的高可用流量防护组件，主要以流量为切入点，从限流、流量整形、熔断降级、系统负载保护、热点防护等多个维度来帮助开发者保障微服务的稳定性。Sentinel具有以下特性:丰富的应用场景：Sentinel承接了阿里巴巴近10年的双十一大促流量的核心场景，例如秒杀（即突发流量控制在系
  • 解析csv文件转为自己想要的报文格式 码码届神码 java算法数据结构
    解析第一版注意文件编码格式为utf-8，且文件用记事本打开最后没有空出来的行。文件名称分隔符.需要转义。//第一层@DatapublicclassAddi0{privateStringname;privateStringcode;privateListchildren;}//第二层@DatapublicclassAddi1{privateStringname;privateStringcode;p
  • Python内存泄漏排查 SkylerHu PythonpythonOOM内存泄漏
    Python内存泄漏排查1.排查工具1.1gc1.2tracemalloc1.3mem_top1.4guppy1.5objgraph1.6pympler1.7pyrasite2.案例分析3.参考记一次排查Python程序内存泄漏的问题。1.排查工具工具说明gcPython标准库内置模块tracemalloc推荐Python3.4以上此工具为标准库mem_top推荐是对gc的封装，能够排序输出最多的
  • 关于排查python内存泄露的简单总结 翔云123456 pythonpython内存泄露
    这次的内存泄露问题是发生在多线程场景下的。各种工具都试过了，gc,objgraph,pdb,pympler等，仍然没有找到问题所在。pdb感觉用起来很方便，可以调试代码，对原来的代码无侵入性。排查问题的过程中，多线程场景下，相关的工具，显得无力的。使用objgraph时，代码执行很长时间后，show_growth()显示没有新创建的对象。这个可能是因为objgraph只针对当前线程的上下文。pym
  • C# 学习笔记 c#
    pictureBox显示不出图片从网上找了一段代码，复制进visualstudio，显示本地的图片，结果始终显示不出来，查了好久，终于发现在Form1的构造函数中多了一个“InitializeComponent();”，删除就好了！消耗了太多时间。
  • Python实现内存泄露排查的示例 Linux资源站 python开发语言
    导读一般在python代码块的调试过程中会使用memory-profiler、filprofiler、objgraph等三种方式进行辅助分析，今天这里主要介绍使用objgraph对象提供的函数接口来进行内存泄露的分析，感兴趣的可以了解一下一般情况下只有需要长期运行的项目才会去关注内存的增长情况，即使是很小部分的内存泄露经过长期的运行仍然会产生很大的隐患。python本身也是支持垃圾的自动回收的，但
  • Python内存泄漏排查技巧与编程 代码幻想花园 python开发语言编程
    在Python编程中，内存泄漏是一个常见的问题。当我们创建对象或分配内存资源时，如果没有正确释放或销毁这些资源，就会导致内存泄漏。长时间运行的程序中的内存泄漏可能会导致内存消耗殆尽，最终导致程序崩溃。本文将介绍一些Python内存泄漏排查的小技巧，并提供相应的源代码示例。使用内存分析工具Python提供了一些内存分析工具，可以帮助我们检测和定位内存泄漏问题。其中一个常用的工具是objgraph库。
  • Java实现的简单双向Map，支持重复Value superlxw1234 java双向map
    关键字：Java双向Map、DualHashBidiMap     有个需求，需要根据即时修改Map结构中的Value值，比如，将Map中所有value=V1的记录改成value=V2，key保持不变。   数据量比较大，遍历Map性能太差，这就需要根据Value先找到Key，然后去修改。   即：既要根据Key找Value，又要根据Value
  • PL/SQL触发器基础及例子 百合不是茶 oracle数据库触发器PL/SQL编程
      触发器的简介; 触发器的定义就是说某个条件成立的时候，触发器里面所定义的语句就会被自动的执行。因此触发器不需要人为的去调用，也不能调用。触发器和过程函数类似 过程函数必须要调用,   一个表中最多只能有12个触发器类型的,触发器和过程函数相似 触发器不需要调用直接执行, 触发时间：指明触发器何时执行，该值可取： before：表示在数据库动作之前触发
  • [时空与探索]穿越时空的一些问题 comsci 问题
          我们还没有进行过任何数学形式上的证明,仅仅是一个猜想.....       这个猜想就是; 任何有质量的物体(哪怕只有一微克)都不可能穿越时空,该物体强行穿越时空的时候,物体的质量会与时空粒子产生反应,物体会变成暗物质,也就是说,任何物体穿越时空会变成暗物质..(暗物质就我的理
  • easy ui datagrid上移下移一行 商人shang js上移下移easyuidatagrid
    /** * 向上移动一行 * * @param dg * @param row */ function moveupRow(dg, row) { var datagrid = $(dg); var index = datagrid.datagrid("getRowIndex", row); if (isFirstRow(dg, row)) {
  • Java反射 oloz 反射
    本人菜鸟，今天恰好有时间，写写博客，总结复习一下java反射方面的知识，欢迎大家探讨交流学习指教 首先看看java中的Class package demo; public class ClassTest { /*先了解java中的Class*/ public static void main(String[] args) { //任何一个类都
  • springMVC 使用JSR-303 Validation验证 杨白白 springmvc
    JSR-303是一个数据验证的规范，但是spring并没有对其进行实现，Hibernate Validator是实现了这一规范的，通过此这个实现来讲SpringMVC对JSR-303的支持。 JSR-303的校验是基于注解的，首先要把这些注解标记在需要验证的实体类的属性上或是其对应的get方法上。 登录需要验证类 public class Login { @NotEmpty
  • log4j 香水浓 log4j
    log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, HTML, DATABASE #log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, ROLLINGFILE, HTML #console log4j.appender.STDOUT=org.apache.log4j.ConsoleAppender log4
  • 使用ajax和history.pushState无刷新改变页面URL agevs jquery框架Ajaxhtml5chrome
    表现 如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。 是什么有这么强大的功能呢？ HTML5里引用了新的API，history.pushState和history.replaceState，就是通过
  • centos中文乱码 AILIKES centosOSssh
    一、CentOS系统访问 g.cn ，发现中文乱码。 于是用以前的方式：yum -y install fonts-chinese CentOS系统安装后，还是不能显示中文字体。我使用 gedit 编辑源码，其中文注释也为乱码。       后来，终于找到以下方法可以解决，需要两个中文支持的包： fonts-chinese-3.02-12.
  • 触发器 baalwolf 触发器
    触发器(trigger)：监视某种情况，并触发某种操作。 触发器创建语法四要素：1.监视地点(table) 2.监视事件(insert/update/delete) 3.触发时间(after/before) 4.触发事件(insert/update/delete) 语法： create trigger triggerName after/before 
  • JS正则表达式的i m g bijian1013 JavaScript正则表达式
            g:表示全局（global)模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止。         i:表示不区分大小写（case-insensitive）模式，即在确定匹配项时忽略模式与字符串的大小写。         m:表示
  • HTML5模式和Hashbang模式 bijian1013 JavaScriptAngularJSHashbang模式HTML5模式
            我们可以用$locationProvider来配置$location服务（可以采用注入的方式，就像AngularJS中其他所有东西一样）。这里provider的两个参数很有意思，介绍如下。 html5Mode         一个布尔值，标识$location服务是否运行在HTML5模式下。 ha
  • [Maven学习笔记六]Maven生命周期 bit1129 maven
    从mvn test的输出开始说起   当我们在user-core中执行mvn test时，执行的输出如下：   /software/devsoftware/jdk1.7.0_55/bin/java -Dmaven.home=/software/devsoftware/apache-maven-3.2.1 -Dclassworlds.conf=/software/devs
  • 【Hadoop七】基于Yarn的Hadoop Map Reduce容错 bit1129 hadoop
    运行于Yarn的Map Reduce作业，可能发生失败的点包括 Task Failure Application Master Failure Node Manager Failure Resource Manager Failure 1. Task Failure 任务执行过程中产生的异常和JVM的意外终止会汇报给Application Master。僵死的任务也会被A
  • 记一次数据推送的异常解决端口解决 ronin47 记一次数据推送的异常解决
    　　 需求：从db获取数据然后推送到B         程序开发完成，上jboss,刚开始报了很多错，逐一解决，可最后显示连接不到数据库。机房的同事说可以ping 通。 　　  自已画了个图，逐一排除，把linux 防火墙　和　setenforce　设置最低。 　　　service iptables stop
  • 巧用视错觉-UI更有趣 brotherlamp UIui视频ui教程ui自学ui资料
    我们每个人在生活中都曾感受过视错觉（optical illusion）的魅力。 视错觉现象是双眼跟我们开的一个玩笑，而我们往往还心甘情愿地接受我们看到的假象。其实不止如此，视觉错现象的背后还有一个重要的科学原理——格式塔原理。 格式塔原理解释了人们如何以视觉方式感觉物体，以及图像的结构，视角，大小等要素是如何影响我们的视觉的。 在下面这篇文章中，我们首先会简单介绍一下格式塔原理中的基本概念，
  • 线段树-poj1177-N个矩形求边长（离散化+扫描线） bylijinnan 数据结构算法线段树
    package com.ljn.base; import java.util.Arrays; import java.util.Comparator; import java.util.Set; import java.util.TreeSet; /** * POJ 1177 (线段树+离散化+扫描线)，题目链接为http://poj.org/problem?id=1177
  • HTTP协议详解 chicony http协议
    引言                                 
  • Scala设计模式 chenchao051 设计模式scala
    Scala设计模式                我的话： 在国外网站上看到一篇文章，里面详细描述了很多设计模式，并且用Java及Scala两种语言描述，清晰的让我们看到各种常规的设计模式，在Scala中是如何在语言特性层面直接支持的。基于文章很nice，我利用今天的空闲时间将其翻译，希望大家能一起学习，讨论。翻译
  • 安装mysql daizj mysql安装
    安装mysql   (1)删除linux上已经安装的mysql相关库信息。rpm  -e  xxxxxxx   --nodeps (强制删除)      执行命令rpm -qa |grep mysql 检查是否删除干净   (2)执行命令  rpm -i MySQL-server-5.5.31-2.el
  • HTTP状态码大全 dcj3sjt126com http状态码
    完整的 HTTP 1.1规范说明书来自于RFC 2616，你可以在http://www.talentdigger.cn/home/link.php?url=d3d3LnJmYy1lZGl0b3Iub3JnLw%3D%3D在线查阅。HTTP 1.1的状态码被标记为新特性，因为许多浏览器只支持 HTTP 1.0。你应只把状态码发送给支持 HTTP 1.1的客户端，支持协议版本可以通过调用request
  • asihttprequest上传图片 dcj3sjt126com ASIHTTPRequest
    NSURL *url =@"yourURL"; ASIFormDataRequest*currentRequest =[ASIFormDataRequest requestWithURL:url]; [currentRequest setPostFormat:ASIMultipartFormDataPostFormat];[currentRequest se
  • C语言中，关键字static的作用 e200702084 C++cC#
    在C语言中，关键字static有三个明显的作用： 1)在函数体，局部的static变量。生存期为程序的整个生命周期，（它存活多长时间）；作用域却在函数体内（它在什么地方能被访问（空间））。 一个被声明为静态的变量在这一函数被调用过程中维持其值不变。因为它分配在静态存储区，函数调用结束后并不释放单元，但是在其它的作用域的无法访问。当再次调用这个函数时，这个局部的静态变量还存活，而且用在它的访
  • win7/8使用curl geeksun win7
    1.  WIN7/8下要使用curl，需要下载curl-7.20.0-win64-ssl-sspi.zip和Win64OpenSSL_Light-1_0_2d.exe。 下载地址：  http://curl.haxx.se/download.html 请选择不带SSL的版本，否则还需要安装SSL的支持包   2.  可以给Windows增加c
  • Creating a Shared Repository; Users Sharing The Repository hongtoushizi git
    转载自：   http://www.gitguys.com/topics/creating-a-shared-repository-users-sharing-the-repository/ Commands discussed in this section: git init –bare git clone git remote git pull git p
  • Java实现字符串反转的8种或9种方法 Josh_Persistence 异或反转递归反转二分交换反转java字符串反转栈反转
    注：对于第7种使用异或的方式来实现字符串的反转，如果不太看得明白的，可以参照另一篇博客： http://josh-persistence.iteye.com/blog/2205768   /** * */ package com.wsheng.aggregator.algorithm.string; import java.util.Stack; /**
  • 代码实现任意容量倒水问题 home198979 PHP算法倒水
    形象化设计模式实战             HELLO!架构                     redis命令源码解析   倒水问题：有两个杯子，一个A升，一个B升，水有无限多，现要求利用这两杯子装C
  • Druid datasource zhb8015 druid
    推荐大家使用数据库连接池 DruidDataSource. http://code.alibabatech.com/wiki/display/Druid/DruidDataSource DruidDataSource经过阿里巴巴数百个应用一年多生产环境运行验证，稳定可靠。 它最重要的特点是：监控、扩展和性能。 下载和Maven配置看这里： http
  • 两种启动监听器ApplicationListener和ServletContextListener spjich javaspring框架
    引言:有时候需要在项目初始化的时候进行一系列工作，比如初始化一个线程池，初始化配置文件，初始化缓存等等，这时候就需要用到启动监听器，下面分别介绍一下两种常用的项目启动监听器   ServletContextListener  特点: 依赖于sevlet容器，需要配置web.xml 使用方法: public class StartListener implements
  • JavaScript Rounding Methods of the Math object 何不笑 JavaScriptMath
        The next group of methods has to do with rounding decimal values into integers. Three methods — Math.ceil(),  Math.floor(), and  Math.round() — handle rounding in differen
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他