ithanmang
ithanmang

Three.js - 加载 glTF 格式的文件

glTF是three.js推荐的一种文件格式，对其有很好的兼容性。
使用THREE.GLTFLoader()即可加载glTF 2.0格式的文件。
示例：
https://ithanmang.gitee.io/threejs/home/201808/20180829/01-load-gltf-file.html
首先，需要引入GLTFLoader加载器

<script src="../../libs/examples/js/loaders/GLTFLoader.js"></script>

然后，实例化加载器，并通过回调函数进行加载

// 加载 glTF 格式的模型
 let loader = new THREE.GLTFLoader();/*实例化加载器*/

 loader.load('../../models/gltf/assassin/subzarmt.gltf',function (obj) {

     console.log(obj);
     obj.scene.position.y = 1;
     scene.add(obj.scene);
     document.getElementById('loading').style.display = 'none';

 },function (xhr) {

     console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );

 },function (error) {

     console.log('load error!'+error.getWebGLErrorMessage());

 })

打印输出的数据
Three.js - 加载 glTF 格式的文件_第1张图片
这个模型是通过Blender导出来的

animations：数组对象 Array
asset：模型信息，版本，以及生成器
cameras：相机数据
parser：结构
scene：场景对象
scenes： 数组 <THREE.Scene>
userData：用户资料

示例代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>加载glTF格式的文件</title>
    <style>
        body {
            margin: 0;
            overflow: hidden; /* 溢出隐藏 */
        }
    </style>
    <script src="../../libs/build/three-r93.js"></script>
    <script src="../../libs/examples/js/Detector.js"></script>
    <script src="../../libs/examples/js/libs/dat.gui.min.js"></script>
    <script src="../../libs/examples/js/libs/stats.min.js"></script>
    <script src="../../libs/examples/js/controls/OrbitControls.js"></script>
    <script src="../../libs/examples/js/loaders/GLTFLoader.js"></script>
    <style>
        #loading {
            position: fixed;
            top: 50%;
            left: 50%;
            color: #FFFFFF;
            font-size: 20px;
            margin-top: -30px;
            margin-left: -40px;
        }
    </style>
</head>
<body>
<p id="loading">loading......</p>
<script>

    let scene, camera, renderer, controls, guiControls;
    let stats = initStats();

    /* 场景 */
    function initScene() {

        scene = new THREE.Scene();

    }

    /* 相机 */
    function initCamera() {

        camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 10000);
        camera.position.set(5, 0, 10);
        camera.lookAt(new THREE.Vector3(0, 0, 0));

    }

    /* 渲染器 */
    function initRender() {

        renderer = new THREE.WebGLRenderer({antialias: true});
        renderer.setSize(window.innerWidth, window.innerHeight);
        renderer.setClearColor(0x0E3866);
        document.body.appendChild(renderer.domElement);

    }

    /* 灯光 */
    function initLight() {

        scene.add(new THREE.AmbientLight(0xffffff));

    }

    /* 控制器 */
    function initControls() {

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

        /* 属性参数默认 */

    }

    /* 调试插件 */
    function initGui() {

        guiControls = new function () {

        };

        let controls = new dat.GUI({width: 200});

    }

    /* 场景中的内容 */
    function initContent() {

        // 加载 glTF 格式的模型
        let loader = new THREE.GLTFLoader();/*实例化加载器*/

        loader.load('../../models/gltf/assassin/subzarmt.gltf',function (obj) {

            console.log(obj);
            obj.scene.position.y = 1;
            scene.add(obj.scene);
            document.getElementById('loading').style.display = 'none';

        },function (xhr) {

            console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );

        },function (error) {

            console.log('load error!'+error.getWebGLErrorMessage());

        })

    }

    /* 性能插件 */
    function initStats() {

        let stats = new Stats();

        document.body.appendChild(stats.domElement);

        return stats;

    }

    /* 窗口变动触发 */
    function onWindowResize() {

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

    }

    /* 数据更新 */
    function update() {

        stats.update();

    }

    /* 初始化 */
    function init() {

        initScene();
        initCamera();
        initRender();
        initLight();
        initControls();
        initContent();
        initGui();

        /* 监听事件 */
        window.addEventListener('resize', onWindowResize, false);

    }

    /* 循环渲染 */
    function animate() {

        requestAnimationFrame(animate);
        renderer.render(scene, camera);
        update();

    }

    /* 初始加载 */
    (function () {
        console.log("three init start...");

        init();
        animate();

        console.log("three init send...");
    })();

</script>
</body>
</html>

你可能感兴趣的:(threejs)

  • 使用ThreeJS实现的宇宙大爆炸3D粒子特效思路，原理和关键代码解析 软件工程师文艺 前端3djavascript前端
    目录1，引言2，技术实现2.1，初始化环境2.2，粒子生成与属性设置2.3，粒子运动与模拟宇宙膨胀2.4，后处理效果3，动画与用户交互4，优化与性能5，结论1，引言在本文中，我们将深入探讨如何利用Three.js库实现一个复杂且视觉冲击力强的宇宙大爆炸3D特效。这个效果不仅模拟了粒子的爆炸、扩散，还模拟了宇宙早期的温度变化和光学现象。实现的效果：ThreeJS实现粒子特效2，技术实现2.1，初始化
  • 在vue中使用threejs 慢步者_rambler vuethreejsvue.jsjavascriptthreejsvue中使用threejs前端
    前言：记录在vue中使用threejs步骤：一、安装npminstallthree--save安装完成如下图：二、引入//引入threejs核心模块import*asTHREEfrom"three"//引入OrbitControls
  • 数字科技3D全景展厅 jnfy 三维数字孪生系统3d3D展厅科技展馆数字展厅vue3+threejs室内全景
    项目效果：基于vue3+threejs展厅3D可视化项目介绍：数字科技3D全景展厅,实现展厅室内720度全景漫游观看，点击展厅内的展品弹出框，图片被放大显示，以及实现点击具体展品，实现飞行定位到该展品前观察，点击展品显示放大图和详情信息。项目技术栈：vue3+threejscnpminstall安装所有依赖查看package.json可以知道npmrundev启动。
  • 探索TroisJS：结合ThreeJS与VueJS 3的前端3D开发新星 平列金Hartley
    探索TroisJS：结合ThreeJS与VueJS3的前端3D开发新星trois✨ThreeJS+VueJS3+ViteJS⚡项目地址:https://gitcode.com/gh_mirrors/tr/trois在现代Web开发领域，3D图形的需求日益增长，而TroisJS作为一个新兴的开源项目，正以其独特的优势吸引着开发者的目光。本文将深入介绍TroisJS，分析其技术特点，探讨其应用场景，并
  • 推荐开源项目：TresJS - 壮大的Vue + ThreeJS 搭建3D场景库 秋或依
    推荐开源项目：TresJS-壮大的Vue+ThreeJS搭建3D场景库项目地址:https://gitcode.com/gh_mirrors/tr/tres在Web开发的世界里，结合Vue的便捷性和ThreeJS的强大3D渲染能力，构建交互式的3D体验已成为一种趋势。今天，我们向您隆重推荐一个创新项目——TresJS。这是一款基于Vue组件的声明式ThreeJS框架，让创建3D场景如同编写Vue组
  • 使用 Three.js 实现雪花特效 贵州数擎科技有限公司 javascript开发语言ecmascript
    大家好！我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术演示地址：下雪特效开源项目：智简未来、晓智元宇宙、数字
  • uniapp中使用threejs加载几何体 青阳zi uni-app
    我的建议是使用这个库https://github.com/deepkolos/three-platformize为什么？我试了uniapp推荐的和threejs-miniprogram这个小程序官方库，都加载不出来我的obj模型。所有我推荐不要用obj模型最好，挺多都支持GLTF模型的，但是我不能改。安装，使用pnpm比较快pnpminstallthree-platformize以下是完整代码im
  • threejs起步学习之创建旋转立方体并随时停止和控制旋转 three.js
    直接看成品可以看到点击开始旋转的时候立方体开始旋转，点击停止旋转的时候立方体停止旋转。先放官网文档threejs官网点击en切换为中文，然后点击创建第一个场景，页面就全部变成中文啦。先使用原生js编写代码，首先就是下载threejs然后引入然后就可以使用THREE这个对象了要创建一个立方体，首先我们需要创建一个场景，一个摄像机，一个渲染器，这样我们才能透过摄像机看到渲染出的场景varwidth=5
  • ThreeJS入门（233）：THREE.DirectionalLightHelper 知识详解，示例代码 还是大剑师兰特 #ThreeJS中文API全解大剑师threejs入门threejs教程threejs示例
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第233篇入门文章文章目录特性构造函数方法`update()`使用示例注意事项
  • ThreeJS实现波纹粒子效果 weixin_30500473 javascriptViewUI
    今天我们来用ThreeJS的库实现一个波纹粒子效果，我们用到的ThreeJS的库有CanvasRenderer.js，OrbitControls.js，Projector.js，stats.min.js和three.js。这些库都是不可或缺的，我们先来看看实现的效果，如下图所示。我们再来看看项目结构是怎么样的，项目结构如下图所示。我们的效果全部写在了index.html里，现在我们直接贴出inde
  • threejs——无人机概念切割效果 孙华鹏 无人机cocos2d游戏引擎
    主要技术采用着色器的切割渲染，和之前写的风车可视化的文章不同，这次的切割效果是在着色器的基础上实现的，并新增了很多可调节的变量，兄弟们，走曲儿~线上演示地址，点击体验源码下载地址，点击下载正文从图中大概可以看出以下信息，一个由线组成的无人机模型，一个由粒子组成的无人机模型，那么这些粒子、线都是从一个无人机的gltf模型中提取出来的，无人机模型由很多个小的Mesh组成的一个大的group，那么为了着
  • Three.js学习笔记 癫狂de痴梦 前端javascript学习前端
    1.three.js的引入进入官网Three.js–JavaScript3DLibrary，下载文件解压文件，复制three.js-master\build\three.min.js文件在项目中，引入该文件。2.一个简单threeJs程序（1）创建场景constscene=newTHREE.Scene();（2）创建物体constgeomtry=newTHREE.BoxGeometry(1,1,1
  • threejs学习笔记：CSS2DObject 2d文字渲染 九段刀客 threejs学习javascript开发语言
    import{CSS2DRenderer,CSS2DObject}from"three/examples/jsm/renderers/CSS2DRenderer.js";//2d文字渲染function_createBox1Label(object
  • threejs 复习笔记 three.js
    import*asTHREEfrom'https://unpkg.com/[email protected]/build/three.module.js'import{OrbitControls}from'https://github.com/mrdoob/three.js/blob/master/examples/jsm/controls/OrbitControls.js'import{OrbitCon
  • 2025年前端发展趋势 贵州数擎科技有限公司 前端javascript
    开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：github晓智元宇宙、数字孪生引擎、前端面试题大家好！我是[晓智]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！
  • ThreeJS入门（226）：THREE.CSS3DRenderer 知识详解，示例代码 还是大剑师兰特 #ThreeJS综合教程500+大剑师threejs入门threejs教程threejs示例
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第226篇入门文章文章目录特性构造函数方法`render(scene,came
  • Three.js实现动态水泡效果逐步解析GLSL着色器 贵州数擎科技有限公司 javascript着色器开发语言
    大家好！我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术经验经验：演示地址开源项目：智简未来、晓智元宇宙、数字
  • threejs+html 实现3D地球旋转效果 web网页精选 html3d前端
    html：demo*{padding:0;margin:0;box-sizing:border-box;}#chart_map{position:fixed;top:0;bottom:0;left:0;right:0;/*border:1pxsolidred;*/}//创建场景对象Scenevarscene=newTHREE.Scene();//辅助坐标系参数250表示坐标系大小，可以根据场景大小
  • vue+threeJS示例（001）: 不断翻转的立体箱体 还是大剑师兰特 #ThreeJS综合教程200+threejs入门threejs教程threejs示例大剑师
    作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第001个示例文章目录一、示例效果图二、示例简介三、配置说明四、示例源代码（共88行）一、示例效果图二、示
  • ThreeJS入门（001）：简介、下载安装、历史、应用场景、竞品 还是大剑师兰特 #ThreeJS综合教程200+webgl大剑师ThreeJS简介
    查看本专栏目录-本文是第001篇入门文章文章目录一、Three.js简介二、Three.js的历史与发展三、公司背景四、下载安装五、官方网站六、应用范围场景七、相关竞品一、Three.js简介Three.js是一个基于WebGL的JavaScript3D库，它使得在Web上创建和展示3D内容变得简单。Three.js提供了一系列抽象层，让开发者可以专注于设计和实现3D应用程序，而无需深入了解复杂的
  • react中使用threejs小试牛刀 cnmone reactjs
    搭建本地开发环境安装nodejs按照CreateReactApp安装指南创建一个新的项目npxcreate-react-appreact-three-demo删除掉新项目中src/文件夹下的所有文件。（不要删除整个src文件夹，删除里面的源文件。）安装路由依赖包和threejs依赖包#tips:注意版本兼容问题npminstallreact-router@5react-router-dom@5np
  • 【Threejs学习】材质灯光投影 Mae_cpski 前端学习笔记学习前端3d
    一、光源分类环境光(AmbientLight)：会均匀的照亮场景中的所有物体。无方向，不能投射阴影。平行光(DirectionalLight)：沿特定方向散发的光，发出的光线都是平行的。例如太阳光，可投射阴影。点光源(PointLight)：从一个点向各个方向发散的光源。例如火柴、灯泡，可投射阴影。聚光灯(SpotLight)：光线从一个点沿一个方向射出，例如顶灯、手电筒，可投射阴影。……以下三种
  • gui.js可视化插件的使用 我爱吃干果 three.jsGUIjavascript开发语言前端
    gui插件是一个可以与前端界面相结合更改js对象属性值的插件，在平常的前端开发中我们可以使用控制台的打印工具看自己调试的值。但是在进行三维可视化开发时，一个好的角度和材质的取值是非常重要的，而这点用肉眼是看不出来的，最好的方法就是一点一点的在界面上去试，但是没改变一次就重启一个项目，比较麻烦，因此就需要gui.js来修改threejs中一些属性值，可以辅助我们以更快，更直观的方式对模型的材质和位置
  • threejs 创建CSS3DSprite精灵标签, 可以更新位置及内容(封装) zsd_666 Web前端css3前端css
    threejs创建CSS3DSprite精灵标签,可以更新位置及内容(封装)ThreeCss3dSprite.js工具类import{CSS3DRenderer,CSS3DSprite}from"../js/three.js/examples/jsm/renderers/CSS3DRenderer.js";classThreeCss3dSprite{constructor(){this.sprit
  • 若依/vue2引入threejs展示glb/gltf模型，以及画布截图功能 怎么吃不饱捏 vue.jsjavascript前端
    需求背景：前端对glb/gltf模型进行线上管理，支持上传本地模型，每次上传后展示模型，在提交给后端的时候带上该模型的截图，具体效果不便展示，相关代码如下：1.安装依赖//"three":"^0.162.0",npminstallthree2.引入依赖，初始化画布并渲染模型//1.引入import*asTHREEfrom"three";import{OrbitControls}from"three
  • 2022-04-19 Apbenz
    12块早餐的来组成，今天早上脑子里想着，不要去吃早餐了，忍着忍着发现还有30分钟的时间才算迟到，还是去吃一点吧，来到摊前就点了一份六块钱的粉，老板问要不要辣，加一点，结果这辣椒很理想，所以加二块的水，吃着不爽，又加了一个鸡蛋，鸡蛋很好吃，又加了一个。6+2+2+2这就是十二块的早餐组成。fastadmintickwritingtickkoreastudythreejsstudy
  • css pointer-events 多层鼠标点击事件 小和尚敲木头 前端css前端
    threejs无法滑动视角，菜单界面覆盖threejs操作事件。pointer-events/*Keywordvalues*/pointer-events:auto;pointer-events:none;pointer-events:visiblePainted;/*SVGonly*/pointer-events:visibleFill;/*SVGonly*/pointer-events:vis
  • three.js 3D可视化地图 allenjiao threejs地图三维gis大数据webgl
    threejs地图可视化地图——three.js实现this.provinceInfo=document.getElementById('provinceInfo');//渲染器this.renderer=newTHREE.WebGLRenderer({antialias:true});this.renderer.setSize(window.innerWidth,window.innerHeig
  • 【Three.js】前端从零开始学习 threejs：创建第一个 threejs3D 页面 努力挣钱的小鑫 Web3d前端javascript学习
    课程和学习大纲对应的课程在这里：Threejs教程、2023最新最全最详细Threejs教程、零基础Threejs最详细教程（已完结）学习知识要点思维导图：官网和文档的使用three.js官网如果无法访问，可以下载国内大佬的镜像跑起来就行threejs-code-publicnpmi下载依赖后启动npmrunstart启动就可以啦！官方编辑器直接点击，后续拿来做测试使用。创建第一个threejs3
  • 从Unity到Three.js（画线组件line） chillxiaohan Three.js学习记录unityjavascript游戏引擎
    JavaScript0基础，只是照着官方文档临摹了下，之后有时间再进行细节学习和功能封装。import*asTHREEfrom'three';//引入threejsconstrenderer=newTHREE.WebGLRenderer();//创建渲染器//设置渲染范围，当前撑满全屏,屏幕左上角是（0，0）letwidth=window.innerWidth;letheight=window.i
  • Maven Array_06 eclipsejdkmaven
    Maven Maven是基于项目对象模型(POM)， 信息来管理项目的构建，报告和文档的软件项目管理工具。 Maven 除了以程序构建能力为特色之外，还提供高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性，所以常常用两三行 Maven 构建脚本就可以构建简单的项目。由于 Maven 的面向项目的方法，许多 Apache Jakarta 项目发文时使用 Maven，而且公司
  • ibatis的queyrForList和queryForMap区别 bijian1013 javaibatis
    一.说明         iBatis的返回值参数类型也有种：resultMap与resultClass，这两种类型的选择可以用两句话说明之：         1.当结果集列名和类的属性名完全相对应的时候，则可直接用resultClass直接指定查询结果类
  • LeetCode[位运算] - #191 计算汉明权重 Cwind java位运算LeetCodeAlgorithm题解
    原题链接：#191 Number of 1 Bits 要求： 写一个函数，以一个无符号整数为参数，返回其汉明权重。例如，‘11’的二进制表示为'00000000000000000000000000001011', 故函数应当返回3。 汉明权重：指一个字符串中非零字符的个数；对于二进制串，即其中‘1’的个数。 难度：简单 分析： 将十进制参数转换为二进制，然后计算其中1的个数即可。 “
  • 浅谈java类与对象 15700786134 java
          java是一门面向对象的编程语言，类与对象是其最基本的概念。所谓对象，就是一个个具体的物体，一个人，一台电脑，都是对象。而类，就是对象的一种抽象，是多个对象具有的共性的一种集合，其中包含了属性与方法，就是属于该类的对象所具有的共性。当一个类创建了对象，这个对象就拥有了该类全部的属性，方法。相比于结构化的编程思路，面向对象更适用于人的思维
  • linux下双网卡同一个IP 被触发 linux
    转自： http://q2482696735.blog.163.com/blog/static/250606077201569029441/ 由于需要一台机器有两个网卡，开始时设置在同一个网段的IP，发现数据总是从一个网卡发出，而另一个网卡上没有数据流动。网上找了下，发现相同的问题不少： 一、 关于双网卡设置同一网段IP然后连接交换机的时候出现的奇怪现象。当时没有怎么思考、以为是生成树
  • 安卓按主页键隐藏程序之后无法再次打开 肆无忌惮_ 安卓
    遇到一个奇怪的问题，当SplashActivity跳转到MainActivity之后，按主页键，再去打开程序，程序没法再打开（闪一下），结束任务再开也是这样，只能卸载了再重装。而且每次在Log里都打印了这句话"进入主程序"。后来发现是必须跳转之后再finish掉SplashActivity   本来代码：   // 销毁这个Activity fin
  • 通过cookie保存并读取用户登录信息实例 知了ing JavaScripthtml
    通过cookie的getCookies()方法可获取所有cookie对象的集合；通过getName()方法可以获取指定的名称的cookie；通过getValue()方法获取到cookie对象的值。另外，将一个cookie对象发送到客户端，使用response对象的addCookie()方法。 下面通过cookie保存并读取用户登录信息的例子加深一下理解。 （1）创建index.jsp文件。在改
  • JAVA 对象池 矮蛋蛋 javaObjectPool
    原文地址： http://www.blogjava.net/baoyaer/articles/218460.html Jakarta对象池       ☆为什么使用对象池   恰当地使用对象池化技术，可以有效地减少对象生成和初始化时的消耗，提高系统的运行效率。Jakarta Commons Pool组件提供了一整套用于实现对象池化
  • ArrayList根据条件+for循环批量删除的方法 alleni123 java
    场景如下： ArrayList<Obj> list Obj-> createTime, sid. 现在要根据obj的createTime来进行定期清理。（释放内存） ------------------------- 首先想到的方法就是 for(Obj o:list){ if(o.createTime-currentT>xxx){
  • 阿里巴巴“耕地宝”大战各种宝 百合不是茶 平台战略
    “耕地保”平台是阿里巴巴和安徽农民共同推出的一个 “首个互联网定制私人农场”，“耕地宝”由阿里巴巴投入一亿 ，主要是用来进行农业方面，将农民手中的散地集中起来 不仅加大农民集体在土地上面的话语权，还增加了土地的流通与 利用率，提高了土地的产量，有利于大规模的产业化的高科技农业的 发展，阿里在农业上的探索将会引起新一轮的产业调整，但是集体化之后农民的个体的话语权 将更少，国家应出台相应的法律法规保护
  • Spring注入有继承关系的类（1） bijian1013 javaspring
    一个类一个类的注入 1.AClass类 package com.bijian.spring.test2; public class AClass { String a; String b; public String getA() { return a; } public void setA(Strin
  • 30岁转型期你能否成为成功人士 bijian1013 成功
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • [Velocity三]基于Servlet+Velocity的web应用 bit1129 velocity
    什么是VelocityViewServlet 使用org.apache.velocity.tools.view.VelocityViewServlet可以将Velocity集成到基于Servlet的web应用中，以Servlet+Velocity的方式实现web应用   Servlet + Velocity的一般步骤 1.自定义Servlet，实现VelocityViewServl
  • 【Kafka十二】关于Kafka是一个Commit Log Service bit1129 service
    Kafka is a distributed, partitioned, replicated commit log service.这里的commit log如何理解？   A message is considered "committed" when all in sync replicas for that partition have applied i
  • NGINX + LUA实现复杂的控制 ronin47 lua nginx 控制
    安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装，也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。 这里说下freebsd的安装： fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma
  • java-14.输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字 bylijinnan java
    public class TwoElementEqualSum { /** * 第 14 题： 题目：输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字。 要求时间复杂度是 O(n) 。如果有多对数字的和等于输入的数字，输出任意一对即可。 例如输入数组 1 、 2 、 4 、 7 、 11 、 15 和数字 15 。由于
  • Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder bylijinnan javanetty
    今天看Netty如何实现一个Http Server org.jboss.netty.example.http.file.HttpStaticFileServerPipelineFactory： pipeline.addLast("decoder", new HttpRequestDecoder()); pipeline.addLast(&quo
  • java敏感词过虑-基于多叉树原理 cngolon 违禁词过虑替换违禁词敏感词过虑多叉树
    基于多叉树的敏感词、关键词过滤的工具包，用于java中的敏感词过滤 1、工具包自带敏感词词库，第一次调用时读入词库，故第一次调用时间可能较长，在类加载后普通pc机上html过滤5000字在80毫秒左右，纯文本35毫秒左右。   2、如需自定义词库，将jar包考入WEB-INF工程的lib目录，在WEB-INF/classes目录下建一个 utf-8的words.dict文本文件，
  • 多线程知识 cuishikuan 多线程
    T1，T2，T3三个线程工作顺序，按照T1，T2，T3依次进行 public class T1 implements Runnable{           @Override      
  • spring整合activemq dalan_123 java spring jms
    整合spring和activemq需要搞清楚如下的东东1、ConnectionFactory分：     a、spring管理连接到activemq服务器的管理ConnectionFactory也即是所谓产生到jms服务器的链接      b、真正产生到JMS服务器链接的ConnectionFactory还得
  • MySQL时间字段究竟使用INT还是DateTime？ dcj3sjt126com mysql
      环境：Windows XPPHP Version 5.2.9MySQL Server 5.1 第一步、创建一个表date_test（非定长、int时间） CREATE TABLE `test`.`date_test` (`id` INT NOT NULL AUTO_INCREMENT ,`start_time` INT NOT NULL ,`some_content`
  • Parcel: unable to marshal value dcj3sjt126com marshal
    在两个activity直接传递List<xxInfo>时，出现Parcel: unable to marshal value异常。   在MainActivity页面（MainActivity页面向NextActivity页面传递一个List<xxInfo>）：   Intent intent = new Intent(this, Next
  • linux进程的查看上（ps） eksliang linux pslinux ps -llinux ps aux
    ps:将某个时间点的进程运行情况选取下来 转载请出自出处：http://eksliang.iteye.com/admin/blogs/2119469 http://eksliang.iteye.com         ps 这个命令的man page 不是很好查阅，因为很多不同的Unix都使用这儿ps来查阅进程的状态，为了要符合不同版本的需求，所以这个
  • 为什么第三方应用能早于System的app启动 gqdy365 System
    Android应用的启动顺序网上有一大堆资料可以查阅了，这里就不细述了，这里不阐述ROM启动还有bootloader，软件启动的大致流程应该是启动kernel -> 运行servicemanager 把一些native的服务用命令启动起来（包括wifi, power, rild, surfaceflinger, mediaserver等等）-> 启动Dalivk中的第一个进程Zygot
  • App Framework发送JSONP请求(3) hw1287789687 jsonp跨域请求发送jsonpajax请求越狱请求
    App Framework 中如何发送JSONP请求呢? 使用jsonp,详情请参考:http://json-p.org/ 如何发送Ajax请求呢? (1)登录 /*** * 会员登录 * @param username * @param password */ var user_login=function(username,password){ // aler
  • 发福利，整理了一份关于“资源汇总”的汇总 justjavac 资源
    觉得有用的话，可以去github关注：https://github.com/justjavac/awesome-awesomeness-zh_CN 通用 free-programming-books-zh_CN 免费的计算机编程类中文书籍 精彩博客集合 hacke2/hacke2.github.io#2 ResumeSample 程序员简历
  • 用 Java 技术创建 RESTful Web 服务 macroli java编程WebREST
    转载：http://www.ibm.com/developerworks/cn/web/wa-jaxrs/   JAX-RS (JSR-311) 【 Java API for RESTful Web Services 】是一种 Java™ API，可使 Java Restful 服务的开发变得迅速而轻松。这个 API 提供了一种基于注释的模型来描述分布式资源。注释被用来提供资源的位
  • CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项 超声波 oraclelinux
    前言： 这两天项目要上线了，由我负责往服务器部署整个项目，因此首先要往服务器安装oracle，服务器本身是CentOS6.5的64位系统，安装的数据库版本是11g，在整个的安装过程中碰到很多的坑，不过最后还是通过各种途径解决并成功装上了。转别写篇博客来记录完整的安装过程以及在整个过程中的注意事项。希望对以后那些刚刚接触的菜鸟们能起到一定的帮助作用。   安装过程中可能遇到的问题（注
  • HttpClient 4.3 设置keeplive 和 timeout 的方法 supben httpclient
    ConnectionKeepAliveStrategy kaStrategy = new DefaultConnectionKeepAliveStrategy() { @Override public long getKeepAliveDuration(HttpResponse response, HttpContext context) { long keepAlive
  • Spring 4.2新特性-@Import注解的升级 wiselyman spring 4
    3.1 @Import @Import注解在4.2之前只支持导入配置类 在4.2,@Import注解支持导入普通的java类,并将其声明成一个bean 3.2 示例 演示java类 package com.wisely.spring4_2.imp; public class DemoService { public void doSomethin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他