等下吃什么？
等下吃什么？

vue-3d-model 使用总结

起始项目

把官方提供的3d模型文件拷过来

vue-3d-model 使用总结_第1张图片

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Vue-3D-Modeltitle>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
    <script src="https://unpkg.com/vue-3d-model/dist/vue-3d-model.umd.js">script>
head>
<body>
    <div id="app">
        <model-obj src="example/models/obj/LeePerrySmith.obj">model-obj>
    div>
body>
html>

<script>
    new Vue({ el: '#app' });
script>


不同后缀的模型文件用不同的标签渲染

 		<!-- obj -->
        <section v-if="false">
            <template>
                <model-obj src="3d-model/obj/LeePerrySmith.obj"/>
            </template>
        </section>

        <!-- obj + mtl -->
        <section v-if="false">
            <template>
                <model-obj
                    src="3d-model/obj+mtl/male/male.obj"
                    mtl="3d-model/obj+mtl/male/male.mtl"
                />
            </template>
        </section>

        <!-- json -->
        <section v-if="false">
            <template>
                <model-three src="3d-model/json/scene.json"/>
            </template>
        </section>

        <!-- fbx -->
        <section v-if="false">
            <template>
                <model-fbx src="3d-model/fbx/dancing.fbx" />
            </template>
        </section>

        <!-- stl -->
        <section v-if="false">
            <template>
                <model-stl src="3d-model/stl/colored.stl" />
            </template>
        </section>

        <!-- dae -->
        <section v-if="false">
            <template>
                <model-collada src="3d-model/dae/elf/elf.dae" />
            </template>
        </section>

        <!-- dae -->
        <section v-if="false">
            <template>
                <model-ply src="3d-model/ply/海豚.ply" />
            </template>
        </section>

        <!-- gltf -->
        <section>
            <template>
                <model-gltf src="3d-model/gltf/小黄鸭/Duck.gltf" />
            </template>
        </section>

配置参数


width                - 宽度，和高度一起才生效
height               - 高度，和宽度一起才生效
src                  - 3d文件路径，e.g. example/models/obj/LeePerrySmith.obj
background-color     - 背景颜色
background-alpha     - 背景颜色透明度
controls-options     - 是否可 旋转、放大、移动
rotation             - 控制模型角度，旋转中心

on-click             - 鼠标点击事件
on-mousemove         - 鼠标悬浮事件
on-load              - 模型加载完毕事件


 <template>
    <model-obj
 		src="3d-model/obj/tree.obj"
      	:controls-options="{
	         enableRotate: false,  // 是否可旋转
	         enableZoom: false,    // 是否可缩放
	         enablePan: false      // 是否可移动（鼠标右键可以移动模型）
	     }"
	     @on-mousemove="onMouseMove"
	     @on-load="onLoad"
    />
template>

模型参数

模型颜色

new Vue({
    el: '#app',
    data() {
        return {
            modelRef: null
        }
    },
    methods: {
        // 鼠标在容器上移动，event为null
        // 鼠标在模型上移动，event为模型对象
        onMouseMove(event) {
            if (event) {
                if (!this.modelRef) {
                    this.modelRef = event.object;
                }

                this.modelRef.material.color.setStyle('#13ce66');
                return;
            }

            this.modelRef?.material.color.setStyle( 'yellow' );
        }
    }
});

自动旋转展示

 <template>
 	<model-obj 
 		src="3d-model/obj/LeePerrySmith.obj"
     	@on-load="onLoad"
     	:rotation="rotation"
    />
</template>

<script>
    new Vue({
        el: '#app',
        data() {
            return {
                rotation: {
                    x: 0,
                    y: 0,
                    z: 0
                }
            }
        },
        methods: {
            onLoad() {
                this.rotate();
            },

            rotate () {
                this.rotation.y -= 0.01;
                requestAnimationFrame( this.rotate );
            }
        }
    });
</script>

模型快照（截图）

<button type="button" class="create" @click="snapshot">snapshot</button>
<img class="snapshot" v-if="base64" :src="base64" />

 <template>
    <model-obj 
    	src="3d-model/obj/LeePerrySmith.obj"
      	:gl-options="{ preserveDrawingBuffer: true }"
     	ref="model"
    />
</template>

<script>
    new Vue({
        el: '#app',
        data() {
            return {
                base64: null
            }
        },
        methods: {
            snapshot() {
                this.base64 = this.$refs.model.renderer.domElement.toDataURL('image/png', 1);
            }
        }
    });
</script>

遇到的问题

  • 多个模型，只展示了第一个
	// 一个模型要包一个容器标签
	<template>
	   <model-stl src="3d-model/stl/colored.stl" />
	 </template>
	
	 <template>
	   <model-stl src="3d-model/stl/gear.stl" />
	 </template>

在线制作3D模型

  • gltf模型

你可能感兴趣的:(Vue,vue.js,3d)

  • vue从入门到精通(九)：监视属性 陈小于 vue从入门到精通vue.jsjavascript前端
    一,监视属性(watch)1.当被监视的属性变化时，回调函数自动调用，进行相关操作2.监视的属性必须存在，才能进行监视!!3.监视的两种写法:(1).newVue时传入watch配置(2).通过vm.$watch监视如下：准备好一个容器-->今天天气很{{info}}切换天气Vue.config.productionTip=false;constvm=newVue({el:'#root',data
  • vue高级面试题 阿芯爱编程 js技巧面试vue.jsjavascript前端
    以下是一些Vue高级面试题：一、Vue组件相关Vue组件通信有哪些方式？答案：Props和Events：父组件通过props向子组件传递数据，子组件通过$emit触发事件向父组件发送消息。Vuex（状态管理库）：适用于复杂应用中跨组件的状态共享。组件可以从store中获取状态（使用computed属性），也可以通过mutations或actions修改状态。Provide/Inject：这是一种在
  • Cesium高级开发教程之四十：分层分户单体化 CesiumMaster Cesium开发教程前端javascriptCesiumhtml
    一、效果图1、单体化定义：将三维场景中的对象从整体中分离出来，使其能够单独进行操作、查询、显示等，比如将一个小区中的每栋楼、每一层、每个房间都作为独立的个体进行处理。实现方式通过数据内部属性单体化：利用3DTiles数据本身包含的属性信息，对数据进行分类和筛选，来实现单体化效果。例如在Cesium官网案例中，可通过对3DTiles的某个属性进行分段达到分类目的。矢量面叠加单体化：先添加3DTile
  • 图扑软件荣获 2023 年度福建省科学技术进步奖
    此前，2023年度福建省科学技术奖正式公布，根据《福建省科学技术奖励办法》有关规定，福建省科学技术奖励委员会组织对2023年度福建省科学技术奖进行评审，省政府决定对在科学技术进步活动中作出重要贡献的科学技术人员和组织给予奖励。图扑软件林意炜团队以《面向工业互联网的2D和3D数字孪生可视化引擎技术与产业化应用》内容荣获厦门市科学技术进步奖三等奖。图扑软件在先进可视化技术领域的卓越贡献不仅赢得了国家对
  • 江行智能×图扑软件：输煤皮带数字孪生管控系统
    在现代矿业和电力行业中，输煤皮带系统是运输环节的核心。然后，随着智能化生产的高要求，智慧矿山输煤皮带系统的传统管理模式已显得力不从心。产业引入的三维可视化和数字孪生技术，一改传统输煤皮带系统由于设备老化、管理不善等原因，导致的可能出现停机和故障等问题，大幅提高输煤皮带系统运转效率。效果展示采用图扑软件自主研发HTforWeb产品构建轻量化的3D可视化场景，建立动态的数字化输煤皮带模型。在本次展示的
  • Vue 实现省市区三级联动选择（附带JSON数据） 夜璨如炽 学习笔记脚本办公前端javascriptvue.jshtml
    功能需求：做一个省市区三级联动得选择控件，效果如图1.html部分代码请选择省{{index.label}}请选择市{{index.label}}请选择区、县{{index.label}}2.js部分varvm=newVue({el:'#rrapp',data:{address:{g_dict:'',f_dict:'',s_dict:'',s_province:'defualt',s_city:'
  • Vue 实现全球国家国旗的使用，附全球国家的JSON数据 Song_Estelle vue前端vue.jsjsonjavascript
    有时在前端展示中需要用到全球国家的国旗图标，我们可以用到flag-icon-css这个插件。1.安装flag-icon-cssnpminstallflag-icon-css2.在main.js中全局引用import'flag-icon-css/css/flag-icons.css'3.在界面中使用换不同的国旗，将flag-icon-后的国家代码换掉就行，国家代码对照表iso-3166-1全球国家名
  • vue中显示和隐藏如何做动画_Vue--过渡动画实现的三种方式 weixin_39638623 vue中显示和隐藏如何做动画
    1@charset"UTF-8";23/*!4*animate.css-http://daneden.me/animate5*Version-3.5.26*LicensedundertheMITlicense-http://opensource.org/licenses/MIT7*8*Copyright(c)2017DanielEden9*/1011.animated{12animation-du
  • vue基础七（Less） 今天晚上一定要早睡 vuevue.jscsscss3
    Less安装注释导入变量（Variables）混合（Mixins）嵌套（Nesting）运算转义（Escaping）函数（Functions）命名空间和访问符映射作用域sass,less和stylussass变量的表示变量的赋值缩进的问题if条件判断的问题都支持嵌套Less（LeanerStyleSheets的缩写）是一门向后兼容的CSS扩展语言。安装将less安装为开发依赖npmiless--s
  • springboot学生宿舍信息的系统（11574） codercode2022 springboot后端java开发语言springgulp前端框架
    有需要的同学，源代码和配套文档领取，加文章最下方的名片哦一、项目演示项目演示视频二、资料介绍完整源代码（前后端源代码+SQL脚本）配套文档（LW+PPT+开题报告）远程调试控屏包运行三、技术介绍Java语言SSM框架SpringBoot框架Vue框架JSP页面Mysql数据库IDEA/Eclipse开发四、项目截图有需要的同学，源代码和配套文档领取，加文章最下方的名片哦!
  • vue单词汇总 小六妹妹 vue.js前端javascript
    vueVue单词大全0~9vue:(view)视图，视觉;message:消息;item:项目;in:在...里面;在(某范围或空间内的)某一点;在(某物的形体或范围)中;在…内;在…中;进入;counter:计数器;柜台;对立面;el:(element)(计算计)挂载元素;Vue实例挂载的元素节点;data:数据;methods:方法,方法论;add:添加;reduce:减少;10~19func
  • 如何使用Vue3创建在线三维模型展示？ ScriptEcho 前端
    本文由ScriptEcho平台提供技术支持项目地址：传送门代码相关的技术博客代码应用场景介绍本段代码使用RoughJS库在HTML5Canvas上创建了手绘风格的图像，展示了RoughJS库的强大功能，可用于创建具有有机手绘外观的图形。代码基本功能介绍代码通过RoughJS库创建了一个火焰状的图形，包括：火焰主体：使用path()函数绘制，采用不规则的形状和粗糙的线条。火焰细节：添加了额外的pat
  • CVPR‘24 | 百度开源DETRs在实时目标检测中胜过YOLOs 3Ｄ视觉工坊 3D视觉从入门到精通百度目标检测人工智能计算机视觉
    点击下方卡片，关注「3D视觉工坊」公众号选择星标，干货第一时间送达来源：3D视觉工坊添加小助理：dddvision，备注：目标检测，拉你入群。文末附行业细分群论文题目：DETRsBeatYOLOsonReal-timeObjectDetection作者：WenyuLv,YianZhao等作者机构：BaiduInc.论文链接：https://arxiv.org/pdf/2304.08069.pdf代
  • c#l联合halcon3D程序 圣诞老人实习生 c#计算机视觉
    可以读取halcon3d的om3格式，以及比较通用的ply格式disptext函数报错，所以字都去掉了，各位看官凑合看吧接下来准备看下3D匹配以及无序抓取
  • springboot029网上购物商城系统 Q_97095639 springboot毕业设计数据库毕业设计课程设计
    版权声明所有作品均为本人原创，提供参考学习使用，如需要源码+数据库+配套文档请移步www.taobysj.com搜索获取技术实现开发语言：Java+vue。框架：后端spingboot+前端vue。模式：B/S。数据库：mysql。开发工具：idea。论文字数：1万左右。数据库表个数：10个左右。运行环境：jdk+idea+mysql。版本不限制，包安装运行！项目优点：前后端分离，注释详细，代码简
  • 136道Vue面试八股文（答案、分析和深入提问）整理 守护海洋的猫 vue.js面试javascript前端ecmascript
    1.简述mixin、extends的覆盖逻辑回答在Vue中，mixins和extends是用来实现代码复用的两种方式，但它们在覆盖逻辑上有一些细微的区别。1.Mixin当你使用mixins的时候，可以将多个功能组合在一起。Mixins的内容会与组件中的数据、方法、生命周期钩子等进行合并。数据:Mixin中的数据会与组件中的数据合并。如果两个数据属性同名，则组件的数据属性会覆盖mixin中的属性。方
  • Vue 3 Composition API进阶指南 前端学步 Vue3技术分享专栏vue.jsjavascript前端
    在上一篇文章中，我们介绍了Vue3的CompositionAPI基础，包括如何使用setup函数、ref和reactive来创建响应式数据，以及使用watchEffect来监控数据变化。本文将继续深入探讨CompositionAPI的高级用法，帮助你更好地理解和利用Vue3的新特性。组合多个Hooks在实际开发中，我们经常需要组合使用多个自定义的Hooks来实现复杂的功能。Vue3的Composi
  • Vue3CompositionAPI jpruby vue
    Vue3CompositionAPI第一章最终效果演示1.下载依赖npminstall2.启动前端npmrundev3.启动数据json-server--watchdata/db.json--port=3003第二章创建项目1.vite创建项目npminitvite@latestvite-blog----templatevue2.App.vueApp.vue3.Home.vue1.测试setup的
  • Vue3的Composition API Sunshinedada vue.js前端javascript
    Vue3的CompositionAPI（Vue3与Vue2的区别）Vue3引入了CompositionAPI(组合式API)，这是一种新的编写组件逻辑的方式，旨在解决OptionsAPI在某些场景下的局限性。CompositionAPI提供了更灵活和强大的代码组织方式，特别适合处理复杂组件的逻辑复用和代码组织。CompositionAPI的核心概念1.setup函数：-setup是Composit
  • vue之弹框 ramsey17 vue.jsjavascript前端
    实现如下需求，点击新增或者行中的编辑按钮，弹出弹框编辑数据。列表中的操作栏：通过slot-scope="scope"来接收作用域插槽的数据（添加属性slot-scope，并且定义对象scope），scope.row拿到对应行的数据；弹框的“新增/修改角色”标题根据states的值来控制，编辑时，“人员名称”处于禁用状态；由于弹框的参数（只有id）满足不了（少于）请求接口的参数（id和name），通
  • vue select下拉框选项内容过长显示问题 ramsey17 vue.jsjavascriptelementui
    如下图的select下拉框的选项的内容过长时，页面显示不协调，通过如下方法把过长的内容用...代替；在任务名称-->在style中添加.el-select::v-deep.popper-class{width:200px;}#sx.el-row.el-select::v-deep.popper-class{width:200px;}
  • vue 解决image-conversion图片处理插件压缩后图片底色变黑问题 qq_48354174 vue.jsjavascript
    官方文档https://www.npmjs.com/package/image-conversion将el-upload封装为一个组件，并将图片上传到对象存储引用方式importSingleUploadfrom"@/components/upload/singleUpload"//isWatermark是否需要水印changeFile方法判断是否是透明图片，如果是透明图片将底部改为透明色impor
  • 封装websocket，兼容uniapp及普通vue3应用 一个水货程序员 websocketuni-app网络协议
    本文将实现websocket的封装,采用typescript+vue3实现，同时支持uniapp中使用。主要实现两个部分：websocket.core.ts，一个封装的websocket对象，用于处理websocket断线重连及生命周期钩子触发useWebsocket.ts，采用vuehook封装上述对象，将实例属性转换为响应式属性以供页面组件内使用websocket.core.tstypeTim
  • 昆仑万维发布Matrix-Zero世界模型，开启空间智能新时代 3d
    2月14日，昆仑万维正式推出Matrix-Zero世界模型，成为中国第一家同时推出3D场景生成和可交互视频生成模型的探索空间智能的企业。Matrix-Zero世界模型包含两款子模型：（1）昆仑万维自研3D场景生成大模型，支持将用户输入的图片转化为可自由探索的真实合理的3D场景，比WorldLabs生成场景的探索范围更大更自由，而且包括动态物理效果；（2）昆仑万维自研可交互视频生成大模型，提供以用户
  • Vue rules动态控制是否校验 25G vue.js前端javascript
    可以使用变量来控制动态是否校验userEndTime:[{required:false,message:"请选择用户离职时间",trigger:"blur"},],且用这个来更新disabled2(newVal){this.$set(this.authUserRules.userEndTime[0],'required',newVal);},但是会有两个问题，一个是，当校验时，非空校验提示文字不收
  • 【Three.js】JS 3D library（一个月进化史） Tiffany_Ho 前端Three.js
    #春节过完了，该继续投入学习了~作为一个平面开发者，想要增进更多的技能，掌握web3D开发#前置知识与技能1.JavaScript基础-掌握ES6+语法（类、模块、箭头函数、解构等）-熟悉异步编程（Promise、async/await）-了解事件循环和DOM操作2.HTML5和CSS3-熟悉Canvas和WebGL的基础概念-了解CSS3动画和变换（transform、transition）3.
  • vue3 naive ui+java下载文件 weixin_42485982 javavue
    java后端代码importorg.springframework.http.HttpHeaders;importorg.springframework.http.MediaType;importorg.springframework.http.ResponseEntity;importorg.springframework.web.bind.annotation.GetMapping;impor
  • 【每日论文】Latent Radiance Fields with 3D-aware 2D Representations WHATEVER_LEO 每日论文机器学习人工智能深度学习神经网络自然语言处理计算机视觉
    下载论文或阅读原文，请点击：每日论文摘要中文潜在3D重建技术在赋予3D语义理解和3D生成能力方面展现出巨大的潜力，它通过将2D特征提炼到3D空间来实现。然而，现有的方法在2D特征空间和3D表示之间的领域差距问题上挣扎，导致渲染性能下降。为了应对这一挑战，我们提出了一种新的框架，该框架将3D意识集成到2D潜在空间中。该框架包括三个阶段：（1）一种对应关系感知的自动编码方法，该方法增强了2D潜在表示的
  • nlf 3d pose 部署学习笔记 AI算法网奇 3D视觉深度学习宝典opencv计算机视觉人工智能
    目录multi_hmr创建SemanticRenderer推理代码渲染代码：调用原版render，没成功用的pose和smlx生成vertices，也有vertices3dhmr2，用的是网络生成的vertices进行渲染。nlf地址：GitHub-isarandi/nlf:[NeurIPS2024]NeuralLocalizerFieldsforContinuous3DHumanPoseandS
  • 奥比中光3D机器视觉相机能连接halcon吗？ 视觉人机器视觉 机器视觉3D3d数码相机视觉检测c#
    奥比中光的设备与Halcon的兼容性可以通过以下方式实现：数据接口的通用性奥比中光的相机（如AstroPro、大白等）支持通过UVC协议获取彩色图像，深度数据则通过OpenNI或ROS2接口传输105。若Halcon支持这些协议或标准接口（如ROS消息、OpenCV图像流），则可通过直接调用或二次开发实现连接。例如，通过Python或C#脚本将图像数据从相机传输至Halcon的处理流程中。SDK与
  • Spring中@Value注解，需要注意的地方 无量 springbean@Valuexml
    Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 1、在applicationContext.xml文件(或引用文件中)中配置properties文件 <bean id="appProperty" class="org.springframework.beans.fac
  • mongoDB 分片 开窍的石头 mongodb
        mongoDB的分片。要mongos查询数据时候 先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。     第一步启动两台以上的mongo服务 &nb
  • OVER(PARTITION BY)函数用法 0624chenhong oracle
    这篇写得很好，引自 http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html OVER(PARTITION BY)函数用法 2010年10月26日 OVER(PARTITION BY)函数介绍 开窗函数        &nb
  • Android开发中，ADB server didn't ACK 解决方法 一炮送你回车库 Android开发
    首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。   一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。 参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题 简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 &nb
  • canvas中的像素绘制问题 换个号韩国红果果 JavaScriptcanvas
    pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的
  • 编码乱码问题 灵静志远 javajvmjsp编码
    1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 3、getBytes()、getByte
  • java 求几个月后的日期 darkranger calendargetinstance
    Date plandate = planDate.toDate(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); Calendar cal = Calendar.getInstance(); cal.setTime(plandate); // 取得三个月后时间 cal.add(Calendar.M
  • 数据库设计的三大范式（通俗易懂） aijuans 数据库复习
    关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。
  • 想学工作流怎么入手 atongyeye jbpm
    工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。 很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。 系统学习工作流，很重要的一本书《JBPM工作流开发指南》。 本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 1  首先要
  • Context和SQLiteOpenHelper创建数据库 百合不是茶 androidContext创建数据库
           一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper     一:SQLiteOpenHelper创建数据库:   1,SQLi
  • 浅谈group by和distinct bijian1013 oracle数据库group bydistinct
            group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。         譬如：统计每id数并且只显示数大于3 select id ,count(id) from ta
  • vi opertion 征客丶 macoprationvi
    进入 command mode （命令行模式） 按 esc 键 再按 shift + 冒号 注：以下命令中 带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】 一、文件操作 1.1、强制退出不保存 $ q! 1.2、保存 $ w 1.3、保存并退出 $ wq 1.4、刷新或重新加载已打开的文件 $ e 二、光标移动 2.1、跳到指定行 数字
  • 【Spark十四】深入Spark RDD第三部分RDD基本API bit1129 spark
      对于K/V类型的RDD,如下操作是什么含义？   val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5)) rdd.reduceByKey(_+_).collect  reduceByKey在这里的操作，是把
  • java类加载机制 BlueSkator java虚拟机
    java类加载机制 1.java类加载器的树状结构 引导类加载器 ^ | 扩展类加载器 ^ | 系统类加载器 java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。 虚拟机区分一个Cla
  • 动态添加文本框 BreakingBad 文本框
      <script>     var num=1; function AddInput() {      var str="";     str+="<input 
  • 读《研磨设计模式》-代码笔记-单例模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ public class Singleton { } /* * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题 */ class LazySingleton
  • iOS应用打包发布常见问题 chenhbc iosiOS发布iOS上传iOS打包
    这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。   1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc
  • 工作流复杂拓扑结构处理新思路 comsci 设计模式工作算法企业应用OO
    我们走的设计路线和国外的产品不太一样，不一样在哪里呢？  国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很
  • oracle 11g新特性Flashback data archive daizj oracle
    1. 什么是flashback data archive Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。
  • 多叉树:2-3-4树 dieslrae 树
        平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征:     1、有一个数据项的节点总是有2个子节点(称为2-节点)     2、有两个数据项的节点总是有3个子节点(称为3-节
  • C语言学习七动态分配 malloc的使用 dcj3sjt126com clanguagemalloc
    /* 2013年3月15日15:16:24 malloc 就memory(内存) allocate(分配)的缩写 本程序没有实际含义，只是理解使用 */ # include <stdio.h> # include <malloc.h> int main(void) { int i = 5; //分配了4个字节 静态分配 int * p
  • Objective-C编码规范[译] dcj3sjt126com 代码规范
      原文链接 : The official raywenderlich.com Objective-C style guide 原文作者 : raywenderlich.com Team 译文出自 : raywenderlich.com Objective-C编码规范 译者 : Sam Lau
  • 0.性能优化-目录 frank1234 性能优化
    从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。 主要内容包括： 一、性能测试指标 吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 http://frank1234.iteye.com/blog/2180305 二、性能测试策略 生产环境相同 基准测试 预热等 htt
  • Java父类取得子类传递的泛型参数Class类型 happyqing java泛型父类子类Class
      import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; import org.junit.Test; abstract class BaseDao<T> { public void getType() { //Class<E> clazz =
  • 跟我学SpringMVC目录汇总贴、PDF下载、源码下载 jinnianshilongnian springMVC
      ----广告-------------------------------------------------------------- 网站核心商详页开发 掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架； 掌握数据库技术，表设计和索引优化，分库分表/读写分离； 了解缓存技术，熟练使用如Redis/Memcached等主流技术； 了解Ngin
  • the HTTP rewrite module requires the PCRE library 流浪鱼 rewrite
    ./configure: error: the HTTP rewrite module requires the PCRE library. 模块依赖性Nginx需要依赖下面3个包 1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 3. s
  • 第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/
  • Optimize query with Query Stripping in Web Intelligence blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence and a very straightfoward video http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936
  • Java开发者写SQL时常犯的10个错误 tomcat_oracle javasql
    1、不用PreparedStatements 　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个： 　　他们对PreparedStatements不了解 　　他们认为使用PreparedStatements太慢了 　　他们认为写Prepar
  • 世纪互联与结盟有感 阿尔萨斯
    10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。 全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。 众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他