黎明初时
黎明初时

webgl+three.js，学习笔记，调用摄像头，做成纹理

1、谷歌浏览器
（1）错误信息：Only secure origins are allowed (see: https://goo.gl/Y0ZkNV).（仅支持https访问）
（2）如果用localhost访问，没有这种错误

2、ie/edge浏览器支持

3、只注解了主体部分，其他的再第一篇文章里有


<html>
    <head>
        <meta charset="UTF-8">
        <title>Three框架title>
        <script src="js/three.js">script>
        <style type="text/css">
            div#canvas-frame {
                border: none;
                cursor: pointer;
                width: 100%;
                height: 600px;
                background-color: #EEEEEE;
            }
            .booth {
                position: absolute;
            }
        style>
        <script>
            var renderer;
            function initThree() {
                width = document.getElementById('canvas-frame').clientWidth;
                height = document.getElementById('canvas-frame').clientHeight;

                renderer = new THREE.WebGLRenderer({antialias : true});
                renderer.setSize(width, height);
                document.getElementById('canvas-frame').appendChild(renderer.domElement);
                renderer.setClearColor(0xFFFFFF, 1.0);
            }

            var camera;
            function initCamera() {
                camera = new THREE.PerspectiveCamera(45, width / height, 1, 10000);
                camera.position.z = 100;
            }

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

            var light;
            function initLight() {
                // 环境光
                light = new THREE.AmbientLight(0xffffff);
                light.position.set(100, 100, 200);
                scene.add(light);
            }


            var mesh;
            var geometry;
            var material;

            function initObject() {
                scene = new THREE.Scene();
                geometry = new THREE.PlaneGeometry( 80, 50);

                var video = document.getElementById('video');
                var vendorUrl = window.URL || window.webkitURL;
                var texture;


                navigator.getMedia = navigator.getUserMedia ||
                                     navagator.webkitGetUserMedia ||
                                     navigator.mozGetUserMedia ||
                                     navigator.msGetUserMedia ||
                                     (navigator.mediaDevices && navigator.mediaDevices.getUserMedia);
                navigator.getMedia({
                    video: true,  // 摄像头
                    audio: false  // 音频
                }, function(strem){
                    //console.log(">>>>>>>>>>>"+strem); // 获取到视频流
                    video.src = vendorUrl.createObjectURL(strem); // 绑定到video标签，输出  
                    video.play(); // 向PeerConnection中加入需要发送的流

                }, function(error) {
                    console.log(error);
                });


                texture = new THREE.VideoTexture( video );//可以直接把视频设为材质
                texture.minFilter = THREE.LinearFilter;
                texture.magFilter = THREE.LinearFilter;
                texture.format = THREE.RGBFormat;

                material = new THREE.MeshPhongMaterial( { map: texture , side: THREE.DoubleSide} );
                mesh = new THREE.Mesh(geometry,  material);
                scene.add(mesh);

            }



            function threeStart() {
                initObject();
                initThree();
                initCamera();
                initLight();
                animation();
            }

            function animation() {
                requestAnimationFrame(animation);
                renderer.render(scene, camera);
            }


        script>
    head>

    <body onload="threeStart();">
        <div id="canvas-frame">
            <div class="booth">
                <video id="video" width="400" height="300">video>
                
            div>
        div>

    body>
html>

你可能感兴趣的:(webgl)

  • Agora_Unity_WebGL：实时互动的WebGL解决方案
    Agora_Unity_WebGL：实时互动的WebGL解决方案项目介绍Agora_Unity_WebGL是一个开源的UnityWebGL插件，它是对AgoraWebSDK4.x版本的封装。这个项目旨在为开发者提供一种在Unity中轻松集成实时音视频互动功能的方法，特别适用于需要在Web平台运行的Unity项目。通过这个插件，开发者可以快速地实现实时音频、视频通信以及直播等功能。项目技术分析Ago
  • 【前端】【数字孪生】基础知识：数字孪生 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是一种跨平台的
  • 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导航融合了全
  • 06-three.js 创建自己的缓冲几何体 四喜花露水 Threejavascript前端开发语言
    Three.jsJourney—LearnWebGLwithThree.jsTheultimateThree.jscoursewhetheryouareabeginneroramoreadvanceddeveloperhttps://threejs-journey.com/?c=p3关键点：1.newFloat32Array()2.newTHREE.BufferAttribute()3.geome
  • H5液态玻璃背景效果实现 木木黄木木 html5cssjavascript
    H5液态玻璃背景效果实现教程在现代网页设计中，动态和交互式的背景效果可以大大提升用户体验。本教程将详细介绍如何使用HTML5技术实现一个美观、流畅的液态玻璃背景效果，无论你是初学者还是有经验的开发者，都能轻松掌握。效果预览本教程提供了两种实现方式：基础版本：使用Canvas2DAPI实现，适合初学者，兼容性好高级版本：使用WebGL和GLSL着色器实现，效果更加逼真，但复杂度更高两个版本都具有以下
  • 轻量化实物建模革命：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技术变
  • WebGL&图形学总结（二） GISer_Jinger 中大厂面试webgl前端javascript
    一、简历中图形学与渲染相关内容梳理（一）专业技能中的图形学储备WebGL与Shader编程：掌握GPU渲染管线原理，能使用GLSL编写着色器，熟悉ShadowMapping、RTT等图形算法。三维引擎应用：熟练使用Three.js和Cesium.js，具备三维场景搭建与高效渲染能力。可视化技术：熟悉Canvas、SVG，掌握GPU加速渲染与主流三维引擎集成（如WebGL与Cesium结合）。（二）
  • UE/Unity/Webgl云渲染推流网址，如何与外部网页嵌套和交互？
    需求分析：用threejs开发的数字孪生模型，但是通过webgl技术网页中使用，因为模型数据量大，加载比较慢，且需要和其他的业务系统进行网页嵌套和交互，使用云渲染技术形成的推流网址，如何与外部网页嵌套和交互？有可能会跨域以上实时云渲染技术应用中询问比较多的，其实不论是webgl还是UE或者Unity应用，推流后都可以和网布网页嵌套以及交互，我们分两种情况来明确。云渲染推流后的网址中，如何和应用做实
  • github 正交视图重建3d 项目
    https://github.com/rich-zhang65/Aisohttps://github.com/manishtanwar/CAD-Toolhttps://github.com/pratyushmaini/Engineering-Drawing-Software-Packagehttps://github.com/cubomx/3DModeling-WebGlhttps://githu
  • Three.js引擎开发：Three.js渲染技术_（16）.Three.js在WebGL中的应用 chenlz2007 虚拟现实游戏2javascriptwebgl开发语言ecmascript交互arcgis前端
    Three.js在WebGL中的应用在上一节中，我们介绍了Three.js的基本概念和如何创建一个简单的Three.js场景。本节将深入探讨Three.js在WebGL中的应用，包括如何利用WebGL的低级API来优化Three.js的渲染性能，以及如何在Three.js中实现一些高级的WebGL功能。WebGL的基本概念WebGL（WebGraphicsLibrary）是一种用于在网页浏览器中渲
  • HTML5 在前端房地产类网站的应用案例 前端视界 前端艺匠馆前端html5htmlai
    HTML5在前端房地产类网站的应用案例关键词：HTML5、房地产网站、响应式设计、WebGL、地理定位、Canvas、性能优化摘要：本文深入探讨HTML5技术在房地产类网站中的创新应用。我们将分析HTML5如何通过其丰富的API和特性，为房地产行业提供沉浸式的用户体验、高效的房源展示和精准的客户服务。文章涵盖从基础布局到高级3D展示的全套技术方案，并通过实际案例展示HTML5如何解决房地产网站开发
  • Uniapp项目爬坑总结-2022 lszlsz10 前端开发vue.js前端javascript
    1、Uniapp中Uviewui使用parse富文本解析调用数据出现“数据不为空”的bug主要原因：项目中使用了其他parse富文本组件与其他富文本组件产生冲突。解决办法：仅保留一个富文本组件即可2、Uniapp中使用WEBGL动画组件不自动转动的Bug主要原因：uniapp的webgl库无法和pc端通用，需要特定的版本，修改后即可实现自动转动3、uniapp小程序用户登录解码成功,却提示登录失败
  • 一文详解5 大 Web3D 渲染引擎！ 前端小崔 three.jsweb3前端javascript面试3dwebgl
    一文详解主流Web3D引擎：优缺点、使用场景与核心差异Web3D技术通过浏览器实现了无需插件的三维可视化与交互，广泛应用于游戏、教育、地理信息、电商等领域。本文深入解析主流Web3D引擎的技术特点、适用场景及选型建议。一、Web3D技术核心与优势Web3D基于WebGL（基于OpenGLES的Web图形库）实现浏览器内3D渲染，其核心优势包括：跨平台性：支持桌面/移动端浏览器，无需安装插件交互性：
  • 前端资源帖 liora6 备忘录前端
    中高级前端工程师都需要熟悉的技能–前端缓存.NET入门到高级路线vue-cli脚手架中webpack配置基础文件详解石墨文档Websocket百万长连接技术实践聊聊NPM镜像那些险象环生的坑封装VueElement的可编辑table表格组件字节跳动的前端工程化实践WebGL大场景性能优化Google趋势对比分析npm趋势对比分析TweenMax动画实际应用Tween.js使用教程layui教程使用
  • WebGPU渲染引擎架构深度解析：从GPU硬件抽象到高效渲染
    一、WebGPU的设计哲学：面向现代GPU的底层抽象WebGPU的核心目标是成为一个“薄而宽”的抽象层：“薄”(LowOverhead)：最小化驱动翻译：与WebGL(基于OpenGLES)不同，WebGPU的设计更贴近Vulkan、Metal、D3D12等现代原生API，直接映射到它们的核心概念（管道状态对象PSOs、命令缓冲区、描述符集/绑定组）。这显著减少了浏览器在驱动层进行的复杂翻译工作，
  • Three.js实现逼真的3D地形与水体效果 Compass宁
    本文还有配套的精品资源，点击获取简介：Three.js是一个强大的WebGL库，使得在浏览器中创建3D图形变得简单。本文详细介绍如何使用Three.js创建逼真的3D地形和水体效果，包括地形生成、水体渲染以及性能优化与交互性增强。开发者可通过本篇指南，构建出令人惊叹的虚拟山水景观，提供沉浸式的用户体验。1.Three.js基础介绍Three.js是一个基于WebGL的JavaScript库，它简化
  • 在 Three.js 中实现自定义 Shader 效果 贵州数擎科技有限公司 javascript开发语言ecmascript
    大家好！我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术经验经验：演示地址开源项目：AI智简未来、晓智元宇宙、
  • 基于three.js的3D粒子动效实现 cs1247959734
    作者：个推web前端开发工程师梁神一、背景粒子特效是为模拟现实中的水、火、雾、气等效果由各种三维软件开发的制作模块，原理是将无数的单个粒子组合使其呈现出固定形态，借由控制器、脚本来控制其整体或单个的运动，模拟出现真实的效果。three.js是用JavaScript编写的WebGL的第三方库，three.js提供了丰富的API帮助我们去实现3D动效，本文主要介绍如何使用three.js实现粒子过渡效
  • nodejs28: 浏览器指纹工具FingerprintJS+实现原理 FakeOccupational 服务化&架构前端javascript开发语言
    FingerprintJSFingerprintJS是一种浏览器指纹识别工具，可以用来生成设备的唯一标识符。利用浏览器和设备的一系列非敏感数据（如屏幕分辨率、字体、WebGL信息等）来创建一个高度唯一的指纹，用于追踪和识别用户。通过这种方式，可以实现跨会话、跨设备的用户识别，而不依赖传统的cookie方式，尤其适用于防止用户伪装身份或阻止追踪。如果需要更强大的功能（如设备识别的准确性提高或更多分析
  • web前段跨域nginx代理配置 刘正强 nginxcmsWeb
    nginx代理配置可参考server部分 server {         listen       80;         server_name  localhost;
  • spring学习笔记 caoyong spring
    一、概述     a>、核心技术 : IOC与AOP b>、开发为什么需要面向接口而不是实现     接口降低一个组件与整个系统的藕合程度，当该组件不满足系统需求时，可以很容易的将该组件从系统中替换掉，而不会对整个系统产生大的影响 c>、面向接口编口编程的难点在于如何对接口进行初始化,(使用工厂设计模式)
  • Eclipse打开workspace提示工作空间不可用 0624chenhong eclipse
    做项目的时候，难免会用到整个团队的代码，或者上一任同事创建的workspace， 1.电脑切换账号后，Eclipse打开时，会提示Eclipse对应的目录锁定，无法访问，根据提示，找到对应目录，G:\eclipse\configuration\org.eclipse.osgi\.manager，其中文件.fileTableLock提示被锁定。 解决办法，删掉.fileTableLock文件，重
  • Javascript 面向对面写法的必要性？ 一炮送你回车库 JavaScript
    现在Javascript面向对象的方式来写页面很流行，什么纯javascript的mvc框架都出来了：ember 这是javascript层的mvc框架哦,不是j2ee的mvc框架   我想说的是，javascript本来就不是一门面向对象的语言，用它写出来的面向对象的程序，本身就有些别扭，很多人提到js的面向对象首先提的是：复用性。那么我请问你写的js里有多少是可以复用的，用fu
  • js array对象的迭代方法 换个号韩国红果果 array
    1.forEach 该方法接受一个函数作为参数， 对数组中的每个元素 使用该函数  return 语句失效 function square(num) { print(num, num * num); } var nums = [1,2,3,4,5,6,7,8,9,10]; nums.forEach(square); 2.every 该方法接受一个返回值为布尔类型
  • 对Hibernate缓存机制的理解 归来朝歌 session一级缓存对象持久化
    在hibernate中session一级缓存机制中，有这么一种情况： 问题描述：我需要new一个对象，对它的几个字段赋值，但是有一些属性并没有进行赋值，然后调用 session.save()方法，在提交事务后，会出现这样的情况： 1：在数据库中有默认属性的字段的值为空 2：既然是持久化对象，为什么在最后对象拿不到默认属性的值？ 通过调试后解决方案如下： 对于问题一，如你在数据库里设置了
  • WebService调用错误合集 darkranger webservice
     Java.Lang.NoClassDefFoundError: Org/Apache/Commons/Discovery/Tools/DiscoverSingleton 调用接口出错， 一个简单的WebService import org.apache.axis.client.Call;import org.apache.axis.client.Service; 首先必不可
  • JSP和Servlet的中文乱码处理 aijuans Java Web
    JSP和Servlet的中文乱码处理 前几天学习了JSP和Servlet中有关中文乱码的一些问题，写成了博客，今天进行更新一下。应该是可以解决日常的乱码问题了。现在作以下总结希望对需要的人有所帮助。我也是刚学，所以有不足之处希望谅解。 一、表单提交时出现乱码： 在进行表单提交的时候，经常提交一些中文，自然就避免不了出现中文乱码的情况，对于表单来说有两种提交方式：get和post提交方式。所以
  • 面试经典六问 atongyeye 工作面试
    题记：因为我不善沟通，所以在面试中经常碰壁，看了网上太多面试宝典，基本上不太靠谱。只好自己总结，并试着根据最近工作情况完成个人答案。以备不时之需。 以下是人事了解应聘者情况的最典型的六个问题： 1 简单自我介绍 关于这个问题，主要为了弄清两件事，一是了解应聘者的背景，二是应聘者将这些背景信息组织成合适语言的能力。 我的回答：(针对技术面试回答，如果是人事面试，可以就掌
  • contentResolver.query()参数详解 百合不是茶 androidquery()详解
    收藏csdn的博客,介绍的比较详细,新手值得一看 1.获取联系人姓名 一个简单的例子，这个函数获取设备上所有的联系人ID和联系人NAME。 [java]  view plain copy   public void fetchAllContacts() {      
  • ora-00054:resource busy and acquire with nowait specified解决方法 bijian1013 oracle数据库killnowait
            当某个数据库用户在数据库中插入、更新、删除一个表的数据，或者增加一个表的主键时或者表的索引时，常常会出现ora-00054:resource busy and acquire with nowait specified这样的错误。主要是因为有事务正在执行（或者事务已经被锁），所有导致执行不成功。 1.下面的语句
  • web 开发乱码 征客丶 springWeb
    以下前端都是 utf-8 字符集编码 一、后台接收 1.1、 get 请求乱码 get 请求中，请求参数在请求头中； 乱码解决方法： a、通过在web 服务器中配置编码格式：tomcat 中，在 Connector 中添加URIEncoding="UTF-8"； 1.2、post 请求乱码 post 请求中，请求参数分两部份， 1.2.1、url？参数，
  • 【Spark十六】： Spark SQL第二部分数据源和注册表的几种方式 bit1129 spark
    Spark SQL数据源和表的Schema case class apply schema parquet json JSON数据源 准备源数据 {"name":"Jack", "age": 12, "addr":{"city":"beijing&
  • JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss BlueSkator -Xss-Xmn-Xms-Xmx
      堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。典型设置： java -Xmx355
  • jqGrid 各种参数 详解(转帖) BreakingBad jqGrid
      jqGrid 各种参数 详解 分类：  源代码分享  个人随笔请勿参考  解决开发问题 2012-05-09 20:29   84282人阅读   评论(22)   收藏   举报 jquery 服务器 parameters function ajax string  
  • 读《研磨设计模式》-代码笔记-代理模式-Proxy bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.lang.reflect.InvocationHandler; import java.lang.reflect.Method; import java.lang.reflect.Proxy; /* * 下面
  • 应用升级iOS8中遇到的一些问题 chenhbc ios8升级iOS8
    1、很奇怪的问题，登录界面，有一个判断，如果不存在某个值，则跳转到设置界面，ios8之前的系统都可以正常跳转，iOS8中代码已经执行到下一个界面了，但界面并没有跳转过去，而且这个值如果设置过的话，也是可以正常跳转过去的，这个问题纠结了两天多，之前的判断我是在 -(void)viewWillAppear:(BOOL)animated  中写的，最终的解决办法是把判断写在 -(void
  • 工作流与自组织的关系？ comsci 设计模式工作
      目前的工作流系统中的节点及其相互之间的连接是事先根据管理的实际需要而绘制好的，这种固定的模式在实际的运用中会受到很多限制，特别是节点之间的依存关系是固定的，节点的处理不考虑到流程整体的运行情况，细节和整体间的关系是脱节的，那么我们提出一个新的观点，一个流程是否可以通过节点的自组织运动来自动生成呢？这种流程有什么实际意义呢？   这里有篇论文，摘要是：“针对网格中的服务
  • Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX daizj oracle
    insert提示IGNORE_ROW_ON_DUPKEY_INDEX 转自：http://space.itpub.net/18922393/viewspace-752123 在 insert into tablea ...select * from tableb中，如果存在唯一约束，会导致整个insert操作失败。使用IGNORE_ROW_ON_DUPKEY_INDEX提示，会忽略唯一
  • 二叉树:堆 dieslrae 二叉树
        这里说的堆其实是一个完全二叉树,每个节点都不小于自己的子节点,不要跟jvm的堆搞混了.由于是完全二叉树,可以用数组来构建.用数组构建树的规则很简单:     一个节点的父节点下标为: (当前下标 - 1)/2     一个节点的左节点下标为: 当前下标 * 2 + 1   &
  • C语言学习八结构体 dcj3sjt126com c
    为什么需要结构体，看代码 # include <stdio.h> struct Student //定义一个学生类型，里面有age, score, sex, 然后可以定义这个类型的变量 { int age; float score; char sex; } int main(void) { struct Student st = {80, 66.6,
  • centos安装golang dcj3sjt126com centos
    #在国内镜像下载二进制包 wget -c  http://www.golangtc.com/static/go/go1.4.1.linux-amd64.tar.gz tar -C /usr/local -xzf go1.4.1.linux-amd64.tar.gz   #把golang的bin目录加入全局环境变量 cat >>/etc/profile<
  • 10.性能优化-监控-MySQL慢查询 frank1234 性能优化MySQL慢查询
    1.记录慢查询配置 show variables where variable_name like 'slow%' ; --查看默认日志路径 查询结果：--不用的机器可能不同 slow_query_log_file=/var/lib/mysql/centos-slow.log 修改mysqld配置文件：/usr /my.cnf[一般在/etc/my.cnf，本机在/user/my.cn
  • Java父类取得子类类名 happyqing javathis父类子类类名
      在继承关系中，不管父类还是子类，这些类里面的this都代表了最终new出来的那个类的实例对象，所以在父类中你可以用this获取到子类的信息！   package com.urthinker.module.test; import org.junit.Test; abstract class BaseDao<T> { public void
  • Spring3.2新注解@ControllerAdvice jinnianshilongnian @Controller
    @ControllerAdvice，是spring3.2提供的新注解，从名字上可以看出大体意思是控制器增强。让我们先看看@ControllerAdvice的实现：   @Target(ElementType.TYPE) @Retention(RetentionPolicy.RUNTIME) @Documented @Component public @interface Co
  • Java spring mvc多数据源配置 liuxihope spring
    转自：http://www.itpub.net/thread-1906608-1-1.html 1、首先配置两个数据库 <bean id="dataSourceA" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close&quo
  • 第12章 Ajax（下） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • BW / Universe Mappings blueoxygen BO
      BW Element OLAP Universe Element Cube  Dimension Class Charateristic A class with dimension and detail objects (Detail objects for key and desription) Hi
  • Java开发熟手该当心的11个错误 tomcat_oracle java多线程工作单元测试
    #1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收 测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为
  • 推行国产操作系统的优劣 yananay windowslinux国产操作系统
    最近刮起了一股风，就是去“国外货”。从应用程序开始，到基础的系统，数据库，现在已经刮到操作系统了。原因就是“棱镜计划”，使我们终于认识到了国外货的危害，开始重视起了信息安全。操作系统是计算机的灵魂。既然是灵魂，为了信息安全，那我们就自然要使用和推行国货。可是，一味地推行，是否就一定正确呢？ 先说说信息安全。其实从很早以来大家就在讨论信息安全。很多年以前，就据传某世界级的网络设备制造商生产的交
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他