暮志未晚Webgl
暮志未晚Webgl

65 Three.js 使用JSON格式保存和加载整个场景

前言

本人是用开发指南里面的教程发现在新版本里面你的方法已经无法实现，所以，我们采用保存和加载模型的方法进行实现场景。

实现

案例查看地址：http://www.wjceo.com/blog/threejs/2018-03-18/125.html
首先，将scene场景转化为JSON对象，然后将JSON对象转换成为JSON字符串，就可以存储到本地存储。在案例当中可以通过点击exportScene按钮实现本地存储。

exportScene:function () {
    var sceneJson = JSON.stringify(scene.toJSON());
    localStorage.setItem('scene', sceneJson);
}

然后，点击clearScene按钮，将场景清空。

clearScene:function () {
    scene = new THREE.Scene();
}

最后，再点击importScene按钮，我们就从本地存储中将scene场景数据拿出来，然后将字符串转换成对象，使用THREE.ObjectLoader的parse方法来加载场景对象并重新赋值给scene，场景中即可再次显示出保存的场景。

importScene:function () {
    var json = localStorage.getItem("scene");

    if (json) {
        var loadedGeometry = JSON.parse(json);
        var loader = new THREE.ObjectLoader();

        scene = loader.parse(loadedGeometry);
    }
}

案例代码





<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/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.shadowMap.enabled = true;
        renderer.shadowMap.type = THREE.PCFSoftShadowMap; // 默认的是，没有设置的这个清晰 THREE.PCFShadowMap
        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 = {
            exportScene:function () {
                var sceneJson = JSON.stringify(scene.toJSON());
                localStorage.setItem('scene', sceneJson);
            },
            clearScene:function () {
                scene = new THREE.Scene();
            },
            importScene:function () {
                var json = localStorage.getItem("scene");

                if (json) {
                    var loadedGeometry = JSON.parse(json);
                    var loader = new THREE.ObjectLoader();

                    scene = loader.parse(loadedGeometry);
                }
            }
        };
        var datGui = new dat.GUI();
        //将设置属性添加到gui当中，gui.add(对象，属性，最小值，最大值）
        datGui.add(gui, "exportScene");
        datGui.add(gui, "clearScene");
        datGui.add(gui, "importScene");
    }

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

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

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

        scene.add(light);
    }

    var sphere,cube,group;
    function initModel() {

        //模型组
        group = new THREE.Object3D();
        scene.add(group);

        //球
        var sphereGeometry = new THREE.SphereGeometry(5,200,200);
        var sphereMaterial = new THREE.MeshLambertMaterial({color:0xaaaaaa});

        sphere = new THREE.Mesh(sphereGeometry, sphereMaterial);
        sphere.position.x = -5;
        sphere.position.y = 5;

        //告诉球需要投射阴影
        sphere.castShadow = true;

        group.add(sphere);

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

        //立方体
        var cubeGeometry = new THREE.CubeGeometry(10,10,8);
        var cubeMaterial = new THREE.MeshLambertMaterial({color:0x00ffff});

        cube = new THREE.Mesh(cubeGeometry, cubeMaterial);
        cube.position.x = 15;
        cube.position.y = 5;
        cube.position.z = -5;

        //告诉立方体需要投射阴影
        cube.castShadow = true;

        group.add(cube);

        //底部平面
        var planeGeometry = new THREE.PlaneGeometry(100,100);
        var planeMaterial = new THREE.MeshStandardMaterial({color:0xaaaaaa});

        var plane = new THREE.Mesh(planeGeometry, planeMaterial);
        plane.rotation.x = - 0.5 * Math.PI;
        plane.position.y = -0;

        //告诉底部平面需要接收阴影
        plane.receiveShadow = true;

        scene.add(plane);

    }

    //初始化性能插件
    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 = false;
        //设置相机距离原点的最远距离
        controls.minDistance  = 100;
        //设置相机距离原点的最远距离
        controls.maxDistance  = 200;
        //是否开启右键拖拽
        controls.enablePan = true;
    }

    var step = 0.02; //模型旋转的速度
    function render() {

        //判断当前是否自动旋转
        if(gui.rotate){
            //判断是单个模型自转，还是模型组自转
            if(gui.grouping){
                group.rotation.y += step;
            }
            else{
                sphere.rotation.y += step;
                cube.rotation.y += step;
            }
        }

        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笔记)

  • java23种设计模式-命令模式 千里码！ 设计模式后端技术#Java设计模式命令模式
    命令模式（CommandPattern）学习笔记1.模式定义行为型设计模式，将请求封装为对象，使请求的发送者与接收者解耦。支持请求的排队、记录、撤销/重做等操作。2.适用场景✅需要将操作参数化✅需要支持事务操作（撤销/重做）✅需要实现任务队列/线程池✅需要记录操作历史✅需要支持宏命令（命令组合）3.模式结构knowsexecutescreatescreates«interface»Command+
  • 笔记工具--MD-Markdown的语法技巧 忆源 笔记
    MD格式，全称为Markdown格式，是一种轻量级标记语言文件，主要用于创建格式化文本。以下是对MD格式的详细解释：一、定义与特点定义：MD文件是一种纯文本格式的文件，使用简单的符号或语法来标记标题、列表、链接、图片等元素，从而实现对文本的格式化。特点：易读易写：MD文件的语法简洁明了，使得作者能够快速上手并编写出结构清晰的文档。兼容性强：MD文件可以在不同的平台和设备上打开和编辑，如文本编辑器、
  • 二叉树-左叶子之和 Hasno. 深度优先算法
    代码随想录-刷题笔记404.左叶子之和-力扣（LeetCode）内容：该题仅作为搜索，但是其中的规则让人摸不着头脑，看起来似乎很头疼但是仔细一思考，能发现左叶子无非是这样的定义当发现一个节点的左孩子不为null,并且左孩子的左右孩子都为null(叶子结点)那么可以知道，找到了左叶子OK，接下来就是常规的搜索,只要搜索到满足这样的节点，直接加到一个全局变量就OK了/***Definitionfora
  • 二叉树-二叉树的所有路径 Hasno. 深度优先算法
    代码随想录-刷题笔记257.二叉树的所有路径-力扣（LeetCode）内容：本题是一道递归+回溯的问题,其实递归和回溯是一个意思，但是这道题一定要明显的进行一次回溯。毕竟每一条路径都不太一样，收集完一次结果之后，需要把上一次探的节点给撤销.这一步就是很明显回溯回溯部分在回溯篇章再去详细写一篇笔记,因此本文只做介绍,至于路径问题,真可谓是回溯的常客了.哦，对每次都想吐槽一下Java的神奇的字符串,必
  • 网络运维学习笔记 017 HCIA-Datacom综合实验01 技术小齐 网络运维学习
    文章目录综合实验1实验需求总部特性分支8分支9配置一、基本配置（IP+二层VLAN+链路聚合）ACC_SWSW-S1SW-S2SW-Ser1SW-CoreSW8SW9DHCPISPGW二、单臂路由GW三、vlanifSW8SW9四、OSPFSW8SW9GW五、DHCPDHCPGW六、NAT+缺省路由GW七、HTTPGW综合实验1实验需求总部1.除了SW8和SW9是三层交换机，其他交换机均为二层交换
  • 网络运维学习笔记（DeepSeek优化版）004网工初级（HCIA-Datacom与CCNA-EI）Console管理台使用、登录认证、破解恢复密码 技术小齐 网络运维学习
    文章目录Console管理台使用、登录认证、破解恢复密码一、Console管理台使用和登录认证1.1思科设备配置1.1.1基本配置流程1.1.2验证配置1.2华为设备配置1.2.1本地密码认证1.2.2AAA认证配置二、远程管理协议Telnet和SSH配置2.1思科Telnet基本配置2.2华为Telnet基本配置telnet配置之aaa相关配置ssh配置之aaa相关配置三、FTP文件传输3.1思
  • 网络运维学习笔记 013网工初级（HCIA-Datacom与CCNA-EI）DHCP动态主机配置协议（此处只讲华为） 技术小齐 网络运维学习
    文章目录DHCP（DynamicHostConfigurationProtocol，动态主机配置协议）网关配置DHCP服务器配置如果没有DHCP服务器，只在网关上做DHCP服务器：DHCP（DynamicHostConfigurationProtocol，动态主机配置协议）依据地址池自动分配IP地址，减少工作量，避免地址冲突。DHCP报文类型1.DHCPDISCOVER客户端寻找DHCP服务器（广
  • 星河飞雪网络安全学习笔记-安全见闻1-3 芝士布偶 网络安全
    安全见闻-了解安全知识编程语言日常编程语言C语言：一种通用的、面向过程的编程语言，广泛运用于系统软件呵呵嵌入式开发C++：面向对象的编程语言，常用于游戏开发、高性能计算等领域Java：一种广泛使用的面向对象编程语言、具有跨平台性、应用于企业级应用开发等Python（萌新推荐）：简洁易学，拥有丰富的库，适用于数据分析、人工智能、web开发等Javascript：主要用于网页前端开发，也可用于服务器端
  • 《小迪安全》学习笔记05 玄客) 安全学习笔记
    目录读取：写入：（其中的读取和写入时我认为比较重要的，所以单独做成了目录，这里的读取和写入是指在进行sql注入的时候与本地文件进行的交互）好久没发博客了。。。从这篇开始的小迪安全学习笔记就开始进入到漏洞模块了，这篇主要是讲一些与sql注入相关的思想，杂谈一些内容吧先。。区分两个东西：SRC：发现漏洞接即可实战：发现漏洞之后，要根据这个漏洞获取一些相应的权限，如后台权限，甚至是网站权限，最后是提权，
  • 系统提权之：Unix 提权 f_carey Metasploitunix安全提权
    郑重声明：本笔记编写目的只用于安全知识提升，并与更多人共享安全知识，切勿使用笔记中的技术进行违法活动，利用笔记中的技术造成的后果与作者本人无关。倡导维护网络安全人人有责，共同维护网络文明和谐。系统提权之：Unix提权1Unix内核漏洞提权1.1利用前提1.2利用NC建立Shell会话(便于操作)1.2.1本地配置NC监听1.2.2上传perl-reverse-shell.pl反弹Shell1.3查
  • python简单项目实现第2弹（九九乘法表/水仙花数及其延申应用） 都市最强牛爷爷 python
    你好，欢迎查看我的第二个笔记。本人是某不知名大学数学系大一新生，由于对计算机感兴趣，所以跟着B站上老师学习python语言。每道题目我都尽我所能地讲清楚，如果有什么看不懂的地方欢迎在评论区留言，大家一起学习共同进步。本篇文章包括以下3个项目项目4：打印九九乘法表项目5：打印水仙花数项目6：倒序输出用户输入的4位数项目4：打印乘法口诀表如图由上图我们可以总结出如下特点（以a*b=c为例）a代表行数，
  • Three.js 加载GLTF模型 小白菜学前端 ThreeJs3djavascriptthree.js
    要在three.js中正确加载和显示GLTF模型，需要遵循一系列步骤来确保模型的纹理和材质被正确应用。以下是加载GLTF模型的基本步骤：引入必要的three.js模块：引入了GLTFLoader模块，用来加载GLTF格式模型的类。创建加载器实例：使用GLTFLoader创建一个新的加载器实例。加载模型：调用加载器的load方法，并传入模型的URL。load方法接受一个回调函数，该函数在模型加载完成
  • Pandas——DataFrame对象用法 William.csj 编程语言pandas
    Pandas——DataFrame对象用法一、创建pandas的DataFrame对象二、使用pandas读取excel文件三、访问pandasDataFrame中的元素四、获取DataFrame的行数和列数五、交换行六、访问和修改元素七、转置一、创建pandas的DataFrame对象Pandas学习笔记二——创建pandas的DataFrame对象的3种方法二、使用pandas读取excel文
  • 深度学习笔记——循环神经网络RNN 好评笔记 补档深度学习rnn人工智能机器学习计算机视觉神经网络AIGC
    大家好，这里是好评笔记，公主号：Goodnote，专栏文章私信限时Free。本文详细介绍面试过程中可能遇到的循环神经网络RNN知识点。热门专栏机器学习机器学习笔记合集深度学习深度学习笔记合集文章目录热门专栏机器学习深度学习文本特征提取的方法1.基础方法1.1词袋模型（BagofWords,BOW）工作原理举例优点缺点1.2TF-IDF（TermFrequency-InverseDocumentFr
  • 机器学习笔记——特征工程 好评笔记 补档机器学习笔记人工智能AIGC深度学习计算机视觉面试八股
    大家好，这里是好评笔记，公主号：Goodnote，专栏文章私信限时Free。本笔记介绍机器学习中常见的特征工程方法、正则化方法和简要介绍强化学习。热门专栏机器学习机器学习笔记合集深度学习深度学习笔记合集文章目录热门专栏机器学习深度学习特征工程（FzeatureEngineering）1.特征提取（FeatureExtraction）手工特征提取（ManualFeatureExtraction）：自
  • java23种设计模式-单例模式 千里码！ 后端技术设计模式#Java单例模式设计模式
    单例模式（SingletonPattern）学习笔记定义单例模式属于创建型设计模式，确保一个类只有一个实例，并提供全局访问点。是Java中最简单但实现最复杂的设计模式。适用场景需要控制资源访问（如数据库连接池）全局配置对象日志记录器设备管理器（如打印机服务）缓存系统线程池/连接池管理模式结构类图Singleton-staticinstance:Singleton-Singleton()+stati
  • rust笔记5-derive属性2 shanzhizi rustrust笔记哈希算法
    在Rust中，derive是一种自动为结构体或枚举实现特定trait的机制。通过#[derive(...)]属性，Rust编译器可以自动生成一些常见trait的实现代码，从而减少手动编写重复代码的工作量。以下是对Copy、Clone、Hash和Default这几个常用trait的详细介绍和示例：1.CopyTrait作用:Copytrait表示类型可以通过简单的位复制（bitwisecopy）来复
  • rust笔记10-多线程 shanzhizi rustrust笔记开发语言
    在Rust中，Sync和Send是用于多线程编程的两个关键trait，它们帮助确保线程安全和数据同步。Send和SyncTraitSend:表示类型的所有权可以在线程间安全传递。如果一个类型实现了Send，它的实例可以从一个线程移动到另一个线程。大多数类型都实现了Send，但像Rc这样的类型没有实现Send，因为它的引用计数不是线程安全的。Sync:表示类型的引用可以在线程间安全共享。如果一个类型
  • C语言链表学习笔记 BUG 劝退师 c语言数据结构c语言链表学习
    C语言链表学习笔记目录链表的基本概念静态链表的创建动态链表的创建链表的插入操作链表的删除操作链表的查找与遍历总结链表的基本概念1.什么是链表？链表：一种动态数据结构，通过指针将多个节点连接成链式结构。核心组成：节点：包含数据域（存储数据）和指针域（指向下一个节点）。头指针：指向链表的第一个节点。2.节点结构体定义structNode{intdata;//数据域structNode*next;//指
  • rust指针 otnto rustrust
    RUST学习笔记2：提示：常用指针转换usestd::os::raw::c_void;fnmain(){structUser{age:i32};letmutuser=User{age:11};letp=&useras*constUserasi32;println!("raddr:{:0x}",p);//获取userrawpointerletrp_user=&mutuseras*mutUser;//
  • rust笔记9-引用与原始指针 shanzhizi rustrust笔记开发语言
    Rust中的指针类型和引用类型是理解其内存管理机制的关键部分。&引用和*原始指针在底层原理上确实都可以认为是指针，它们都存储了某个内存地址，并指向该地址处的数据。然而，它们在安全性、使用方式和编译器支持上有显著的区别。下面我会详细解释它们的异同点，帮助你更好地理解。1.底层原理：都是指针从底层来看，&T和*constT（或&mutT和*mutT）本质上都是指针，存储了一个内存地址。例如：letx=
  • OCP学习笔记-007 SQL语言之一：DQL -风中叮铃- 数据库专栏笔记OracleSQLDQLOCPLinux
    1.DQL-DataQueryLanguage命令行提示符修改SQL>settimeon10:33:58SQL>defineDEFINE_DATE="11-DEC-22"(CHAR)DEFINE_CONNECT_IDENTIFIER="orcl"(CHAR)DEFINE_USER="SYS"(CHAR)DEFINE_PRIVILEGE="ASSYSDBA"(CHAR)DEFINE_SQLPLUS_
  • Spark Standalone集群架构 htfenght sparkspark
    北风网spark学习笔记SparkStandalone集群架构SparkStandalone集群集群管理器，clustermanager：Master进程，工作节点：Worker进程搭建了一套Hadoop集群（HDFS+YARN）HDFS：NameNode、DataNode、SecondaryNameNodeYARN：ResourceManager、NodeManagerSpark集群（Spark
  • 二叉树-二叉树的最大深度 Hasno. java算法
    代码随想录-刷题笔记104.二叉树的最大深度-力扣（LeetCode）内容:本题较为基础,可以说是深搜的入门款，深搜的具体知识点请看图论-表示形式&深度优先搜索-CSDN博客这篇文章当然二叉树肯定不会跟通用的深搜模板一样那么复杂，只需要处理左右两个子树即可.对于二叉树分为三种遍历方式二叉树的前序遍历求深度-深度是从根节点开始算，一直到叶子节点二叉树的后序遍历求高度-高度是从叶子节点开始算，一直到根
  • RESTful（REST风格）是什么？（Java学习笔记） L葵-阳S SpringMVCjavarestful学习
    RESTful（REST风格）是一种当前比较流行的互联网软件架构模式，它充分并正确地利用HTTP协议的特性，为我们规定了一套统一的资源获取方式，以实现不同终端之间（客户端与服务端）的数据访问与交互。RESTREST:RepresentationStateTransfer的缩写,中文意思就是：表现层资源表诉状态转移。Resource（资源）当我们把Web工程部署到服务器中，那么工程中的所有的内容都可
  • Three.js基础入门系列（四） 骨灰级收藏家 前端javascriptmesh3d
    01、Three.js中的基本要素：网格（Mesh）当我们拥有了几何体模型和材质之后，我们需要通过一个网格（Mesh）将两者结合起来，创建我们正在的拍摄对象。两种不同的拍摄对象构造方法：newTHREE.Mesh(geometry,material)THREE.SceneUtils.createMultiMaterialObject(geometry,[materials…])第一个参数代表物体的
  • 数据安全_笔记系列04：数据访问控制中的“三权分立”机制详解 宁宁可可 数据安全笔记
    数据安全_笔记系列04：数据访问控制中的“三权分立”机制详解这三个角色的职责和权限划分。系统管理员负责系统的日常运维，比如安装软件、维护硬件等，但不应该拥有访问敏感数据的权限。安全管理员负责制定和执行安全策略，比如权限分配、访问控制列表的管理，但他们不进行日常维护。审计管理员则负责监督和审查系统管理员与安全管理员的操作，确保他们的行为符合规定，并且没有违规操作。为什么需要三权分立。主要是为了防止权
  • Python 爬虫实战：爬取小红书宠物分享，抓取萌宠好物推荐数据 西攻城狮北 python爬虫实战案例小红书
    目录一、前言二、准备篇2.1确定目标2.2工具与库2.3法律与道德声明三、实战篇3.1分析小红书宠物分享页面3.2模拟登录3.3获取笔记列表3.4爬取更多笔记数据3.5数据存储3.6爬取好物推荐数据3.7数据分析3.7.1数据清洗3.7.2互动分析四、总结与展望五、注意事项一、前言小红书作为一个热门的社交分享平台，拥有大量的用户分享内容，其中宠物分享板块更是深受养宠爱好者欢迎。了解这些萌宠好物推荐
  • 数据安全_笔记系列01：数据分类分级与敏感数据识别详解 宁宁可可 数据安全分类人工智能大数据
    数据安全_笔记系列01：数据分类分级与敏感数据识别详解1)、数据分类分级与敏感数据识别详解数据分类分级是数据安全治理的核心环节，旨在根据数据的敏感性和重要性，制定差异化的保护策略。以下从定义、法规、方法、工具、案例等维度全面解析：一、数据分类分级是什么？数据分类（DataClassification）按数据的属性、用途、内容划分类型（如个人信息、财务数据、研发数据）。目标：明确数据归属，便于针对性
  • 栈和STL —— stack 【复习笔记】 wanjiazhongqi 复习笔记笔记数据结构栈c++
    1.栈1.1栈的概念和相关术语栈是一种特殊的线性表，它只允许在表的一端进行插入和删除操作。这使栈具有“后进先出”（LastInFirstOut，LIFO）的特性栈顶：栈中允许进行插入和删除操作的一端栈底：栈的另一端，是最先放入元素的位置，在栈的操作过程中，栈底通常是固定的。入栈：也叫压栈、进栈，是将元素添加到栈顶的操作。出栈：也叫弹栈，是从栈顶弹出一个元素。栈空：当栈中没有任何元素时，称栈为空栈。
  • rust的指针作为函数返回值是直接传递，还是先销毁后创建？ wudixiaotie 返回值
     这是我自己想到的问题，结果去知呼提问，还没等别人回答， 我自己就想到方法实验了。。 fn main() { let mut a = 34; println!("a's addr:{:p}", &a); let p = &mut a; println!("p's addr:{:p}", &a
  • java编程思想 -- 数据的初始化 百合不是茶 java数据的初始化
      1.使用构造器确保数据初始化      /* *在ReckInitDemo类中创建Reck的对象 */ public class ReckInitDemo { public static void main(String[] args) { //创建Reck对象 new Reck(); } }
  • [航天与宇宙]为什么发射和回收航天器有档期 comsci
           地球的大气层中有一个时空屏蔽层,这个层次会不定时的出现,如果该时空屏蔽层出现,那么将导致外层空间进入的任何物体被摧毁,而从地面发射到太空的飞船也将被摧毁...        所以,航天发射和飞船回收都需要等待这个时空屏蔽层消失之后,再进行 &
  • linux下批量替换文件内容 商人shang linux替换
    1、网络上现成的资料 　　格式: sed -i "s/查找字段/替换字段/g" `grep 查找字段 -rl 路径` 　　linux sed 批量替换多个文件中的字符串 　　sed -i "s/oldstring/newstring/g" `grep oldstring -rl yourdir` 　　例如：替换/home下所有文件中的www.admi
  • 网页在线天气预报 oloz 天气预报
    网页在线调用天气预报 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transit
  • SpringMVC和Struts2比较 杨白白 springMVC
    1. 入口 spring mvc的入口是servlet，而struts2是filter（这里要指出，filter和servlet是不同的。以前认为filter是servlet的一种特殊），这样就导致了二者的机制不同，这里就牵涉到servlet和filter的区别了。 参见：http://blog.csdn.net/zs15932616453/article/details/8832343 2
  • refuse copy, lazy girl! 小桔子 copy
           妹妹坐船头啊啊啊啊！都打算一点点琢磨呢。文字编辑也写了基本功能了。。今天查资料，结果查到了人家写得完完整整的。我清楚的认识到： 1.那是我自己觉得写不出的高度 2.如果直接拿来用，很快就能解决问题 3.然后就是抄咩~~ 4.肿么可以这样子，都不想写了今儿个，留着作参考吧！拒绝大抄特抄，慢慢一点点写！  
  • apache与php整合 aichenglong php apache web
    一  apache web服务器 1 apeche web服务器的安装   1)下载Apache web服务器   2)配置域名(如果需要使用要在DNS上注册)   3)测试安装访问http://localhost/验证是否安装成功 2 apache管理   1)service.msc进行图形化管理   2)命令管理，配
  • Maven常用内置变量 AILIKES maven
    Built-in properties ${basedir} represents the directory containing pom.xml ${version} equivalent to ${project.version} (deprecated: ${pom.version}) Pom/Project properties Al
  • java的类和对象 百合不是茶 JAVA面向对象 类 对象
    java中的类：     java是面向对象的语言，解决问题的核心就是将问题看成是一个类，使用类来解决   java使用 class 类名   来创建类 ，在Java中类名要求和构造方法，Java的文件名是一样的   创建一个A类： class A{ }   java中的类：将某两个事物有联系的属性包装在一个类中，再通
  • JS控制页面输入框为只读 bijian1013 JavaScript
    在WEB应用开发当中，增、删除、改、查功能必不可少，为了减少以后维护的工作量，我们一般都只做一份页面，通过传入的参数控制其是新增、修改或者查看。而修改时需将待修改的信息从后台取到并显示出来，实际上就是查看的过程，唯一的区别是修改时，页面上所有的信息能修改，而查看页面上的信息不能修改。因此完全可以将其合并，但通过前端JS将查看页面的所有信息控制为只读，在信息量非常大时，就比较麻烦。  
  • AngularJS与服务器交互 bijian1013 JavaScriptAngularJS$http
            对于AJAX应用（使用XMLHttpRequests）来说，向服务器发起请求的传统方式是：获取一个XMLHttpRequest对象的引用、发起请求、读取响应、检查状态码，最后处理服务端的响应。整个过程示例如下： var xmlhttp = new XMLHttpRequest(); xmlhttp.onreadystatechange
  • [Maven学习笔记八]Maven常用插件应用 bit1129 maven
    常用插件及其用法位于：http://maven.apache.org/plugins/   1. Jetty server plugin 2. Dependency copy plugin 3. Surefire Test plugin 4. Uber jar plugin           1. Jetty Pl
  • 【Hive六】Hive用户自定义函数(UDF) bit1129 自定义函数
    1. 什么是Hive UDF Hive是基于Hadoop中的MapReduce，提供HQL查询的数据仓库。Hive是一个很开放的系统，很多内容都支持用户定制，包括： 文件格式：Text File，Sequence File 内存中的数据格式： Java Integer/String, Hadoop IntWritable/Text 用户提供的 map/reduce 脚本：不管什么
  • 杀掉nginx进程后丢失nginx.pid，如何重新启动nginx ronin47 nginx 重启 pid丢失
    nginx进程被意外关闭，使用nginx -s reload重启时报如下错误：nginx: [error] open() “/var/run/nginx.pid” failed (2: No such file or directory)这是因为nginx进程被杀死后pid丢失了，下一次再开启nginx -s reload时无法启动解决办法：nginx -s reload 只是用来告诉运行中的ng
  • UI设计中我们为什么需要设计动效 brotherlamp UIui教程ui视频ui资料ui自学
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用你的产品。
  • Spring中JdbcDaoSupport的DataSource注入问题 bylijinnan javaspring
    参考以下两篇文章： http://www.mkyong.com/spring/spring-jdbctemplate-jdbcdaosupport-examples/ http://stackoverflow.com/questions/4762229/spring-ldap-invoking-setter-methods-in-beans-configuration Sprin
  • 数据库连接池的工作原理 chicony 数据库连接池
           随着信息技术的高速发展与广泛应用，数据库技术在信息技术领域中的位置越来越重要，尤其是网络应用和电子商务的迅速发展，都需要数据库技术支持动 态Web站点的运行，而传统的开发模式是：首先在主程序（如Servlet、Beans）中建立数据库连接；然后进行SQL操作，对数据库中的对象进行查 询、修改和删除等操作；最后断开数据库连接。使用这种开发模式，对
  • java 关键字 CrazyMizzz java
    关键字是事先定义的，有特别意义的标识符，有时又叫保留字。对于保留字，用户只能按照系统规定的方式使用，不能自行定义。 Java中的关键字按功能主要可以分为以下几类：    （1）访问修饰符       public,private,protected       p
  • Hive中的排序语法 daizj 排序hiveorder byDISTRIBUTE BYsort by
    Hive中的排序语法 2014.06.22 ORDER BY hive中的ORDER BY语句和关系数据库中的sql语法相似。他会对查询结果做全局排序，这意味着所有的数据会传送到一个Reduce任务上，这样会导致在大数量的情况下，花费大量时间。 与数据库中 ORDER BY 的区别在于在hive.mapred.mode = strict模式下，必须指定 limit 否则执行会报错。
  • 单态设计模式 dcj3sjt126com 设计模式
      单例模式（Singleton）用于为一个类生成一个唯一的对象。最常用的地方是数据库连接。 使用单例模式生成一个对象后，该对象可以被其它众多对象所使用。 <?phpclass Example{    // 保存类实例在此属性中    private static&
  • svn locked dcj3sjt126com Lock
    post-commit hook failed (exit code 1) with output: svn: E155004: Working copy 'D:\xx\xxx' locked svn: E200031: sqlite: attempt to write a readonly database svn: E200031: sqlite: attempt to write a
  • ARM寄存器学习 e200702084 数据结构C++cC#F#
    无论是学习哪一种处理器，首先需要明确的就是这种处理器的寄存器以及工作模式。     ARM有37个寄存器，其中31个通用寄存器，6个状态寄存器。 1、不分组寄存器（R0-R7）     不分组也就是说说，在所有的处理器模式下指的都时同一物理寄存器。在异常中断造成处理器模式切换时，由于不同的处理器模式使用一个名字相同的物理寄存器，就是
  • 常用编码资料 gengzg 编码
    List<UserInfo> list=GetUserS.GetUserList(11); String json=JSON.toJSONString(list); HashMap<Object,Object> hs=new HashMap<Object, Object>(); for(int i=0;i<10;i++) {
  • 进程 vs. 线程 hongtoushizi 线程linux进程
    我们介绍了多进程和多线程，这是实现多任务最常用的两种方式。现在，我们来讨论一下这两种方式的优缺点。 首先，要实现多任务，通常我们会设计Master-Worker模式，Master负责分配任务，Worker负责执行任务，因此，多任务环境下，通常是一个Master，多个Worker。 如果用多进程实现Master-Worker，主进程就是Master，其他进程就是Worker。 如果用多线程实现
  • Linux定时Job：crontab -e 与 /etc/crontab 的区别 Josh_Persistence linuxcrontab
    一、linux中的crotab中的指定的时间只有5个部分：* * * * * 分别表示：分钟，小时，日，月，星期，具体说来： 第一段 代表分钟 0—59 第二段 代表小时 0—23 第三段 代表日期 1—31 第四段 代表月份 1—12 第五段 代表星期几，0代表星期日 0—6   如： */1 * * * *   每分钟执行一次。 *
  • KMP算法详解 hm4123660 数据结构C++算法字符串KMP
         字符串模式匹配我们相信大家都有遇过，然而我们也习惯用简单匹配法（即Brute-Force算法)，其基本思路就是一个个逐一对比下去，这也是我们大家熟知的方法，然而这种算法的效率并不高，但利于理解。       假设主串s="ababcabcacbab",模式串为t="
  • 枚举类型的单例模式 zhb8015 单例模式
    E.编写一个包含单个元素的枚举类型[极推荐]。代码如下： public enum MaYun {himself; //定义一个枚举的元素，就代表MaYun的一个实例private String anotherField;MaYun() {//MaYun诞生要做的事情//这个方法也可以去掉。将构造时候需要做的事情放在instance赋值的时候：/** himself = MaYun() {*
  • Kafka+Storm+HDFS ssydxa219 storm
    cd /myhome/usr/stormbin/storm nimbus &amp;bin/storm supervisor &amp;bin/storm ui &amp;Kafka+Storm+HDFS整合实践kafka_2.9.2-0.8.1.1.tgzapache-storm-0.9.2-incubating.tar.gzKafka安装配置我们使用3台机器搭建Kafk
  • Java获取本地服务器的IP 中华好儿孙 javaWeb获取服务器ip地址
    System.out.println("getRequestURL:"+request.getRequestURL()); System.out.println("getLocalAddr:"+request.getLocalAddr()); System.out.println("getLocalPort:&quo
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他