Teleport

vue3.0新特性teleport是啥,用起来真香(开阔视野!)

為{幸葍}努か 提交于 2021-01-04 11:59:50
前言 在 vue2.0 时代,我们经常会有这样的需求,写代码逻辑的时候希望将组件写在某个模板之下,因为这样我们很好的使用组件内部的状态数据,控制组件的展示形态。但是从技术的角度上我们又希望将这段代码移到 DOM 中 Vue app 之外的其他位置。 举个简单的例子,我们在使用 modal 组件的时候,我们将它放在了我们的模板 template 里面,但是由于 modal 组件希望位于页面的最上方,这时候我们将 modal 组件挂载在 body 上面是最好控制的,我们能够很好的通过 zIndex 来控制 modal 的位置,当他嵌套在 templat 里面的时候就不那么容易了。 vue2.0中的实现 vue2.0 中我在写这个组件的时候是通过手动的形式来进行挂载的,我写了一个vue指令来进行这个操作,帮助我将 modal 组件挂载到 body 上面去,专这样也能够很好的通过控制 zIndex 来控制 modal 的展示。 function insert ( el ) { const parent = el.parentNode; if (parent && parent !== document .body) { parent.removeChild(el); document .body.appendChild(el); } } export default ( typeof

Unity新版本VR以及SteamVR基础

纵然是瞬间 提交于 2020-12-17 14:15:00
一、Unity2018新版本VR Unity 简单VRDemo搭建 Unity环境搭建: PlayerSetting设置如下: 启动虚拟现实驱动,sdk选择OpenVR。HTC Vive只支持OpenVR。 Unity Input设置: 官方手册设置说明: https://docs.unity3d.com/Manual/OpenVRControllers.html 按照手册进行配置,左手菜单按钮设置为: 左手触摸板触摸位置获取设置为: X轴设置: Y轴设置: 其余按钮以例根据官方手册在Input中进行配置即可。 基础运行场景搭建 基础环境配置配置完成,VR硬件连接正确时只要场景中存在相机便能实现头部的定位跟踪,先基础角色配置如图: 手部定位追踪依赖于组件: Device: 制定要追踪的设备类型,XRDevice:XR设备(包括头部,眼睛位置的追踪)用于HMD和AR移动设备的位置追踪。 XRController:控制器设备的(左手和右手控制器) XR Remote:XR遥控器,用于移动遥控器(此值暂未用到) PoseSource 要追踪设备位置来源。 UseRelativeTransform:是否使用对象的原始转换作为基础(暂未明白其含义) 基础控制器事件 以左手控制器为例: //点击左手菜单按钮 if ( Input . GetButtonDown ("LTMenu")) {

Vue3 系统入门与项目实战完整无密

人走茶凉 提交于 2020-12-08 19:58:16
下载: Vue3 系统入门与项目实战完整无密 谁说为0基础准备的课,就一定浅薄?本课程带你轻松入门、深度掌握 Vue3,夯实前端硬技能。课程从 Vue3 基础语法,到组件原理,动画,代码设计,再到新语法扩展,由浅入深,全面、系统地梳理 Vue 知识点。在学习过程中,还有老师多年的“避坑经验”倾囊相授 ,并在最后带你按照企业级别代码质量和工程开发流程完成“京东到家”应用,实现对框架的彻底掌握。 适合人群 想要从零开始彻底入门 Vue 的同学; 想要了解清楚 Vue3 原理和新语法的同学; 希望扩展前端知识面,寻求升职加薪机会的同学 技术储备要求 熟悉JS基础语法; 了解Npm开发环境; 了解Webpack基本操作 第1章 Vue 语法初探 试看 本章中,将会通过编写实际例子,带你对Vue的语法有个粗浅的认知,让大家结合例子,有一些自己的疑问,从而带着问题继续学习,以便于更好的理解和掌握后面的知识点。 共 5 节 (57分钟) 收起列表 1-1 课前须知,这里有你需要了解的一切 (04:34) 试看 1-2 初学编写 HelloWorld 和 Counter (14:41) 1-3 编写字符串反转和内容隐藏小功能 (09:32) 1-4 编写TodoList 小功能,了解循环和双向绑定 (11:18) 试看 1-5 组件概念初探,对 TodoList 进行组件代码拆分 (16:47)

让容器应用管理更快更安全,Dragonfly 发布 Nydus 容器镜像加速服务

拟墨画扇 提交于 2020-10-27 14:25:35
镜像对容器部署的挑战 在容器的生产实践中,偏小的容器镜像能够很快地部署启动。当应用的镜像达到几个 GB 以上的时候,在节点上下载镜像通常会消耗大量的时间。Dragonfly 通过引入 P2P 网络有效提升了容器镜像大规模分发的效率。然而,用户还是必须等待镜像数据完整下载到本地,然后才能创建自己的容器。我们希望进一步缩减镜像下载的时间,让用户能够更快地部署容器应用。同时,如何更好地保护用户数据,也是容器行业近年来的重要关注点。 为此,我们为 Dragonfly 项目引入了一个 容器镜像加速服务 Nydus 。Nydus 能够极大缩短镜像下载时间,并提供端到端的镜像数据一致性校验,从而让用户能够更安全快捷地管理容器应用。Nydus 由阿里云和蚂蚁集团的工程师合作开发,并大规模部署在内部的生产环境中。作为云原生生态的一部分, Nydus 在生产环境的优秀表现,让我们有信心现在将项目开源,让更多的容器用户能够体验到容器快速启动和安全加载方面的能力。 容器镜像加速服务 Nydus 地址: https://github.com/dragonflyoss/image-service Nydus: Dragonfly 的容器镜像服务 Nydus 项目优化了现有的 OCI 镜像标准格式,并以此设计了一个用户态的文件系统。通过这些优化,Nydus 能够提供这些特性: 容器镜像按需下载

使用 Vue3 开发小程序

a 夏天 提交于 2020-10-26 04:22:22
前言 9 月 19 日凌晨,Vue3 在经过多个开发版本的迭代后,终于迎来了它的正式版本,”One Piece” 的代号也昭示了其开拓伟大航路的野心。 Vue3的新特性主要有 Composition API、Teleport、Fragments 和 <script setup /> & <style vars /> 等。我们是否也可以在小程序开发中使用这些特性呢?在 Taro 的文档里我们找到了 关于 Vue3 的章节 ,事不宜迟,让我们开始尝试吧。 Vue3 部分新特性 还没了解过 Vue3 的同学也别急,先了解下Vue3的新特性吧: 1.Composition API Vue2.X 基于 Option API(选项API)构建组件,一般来说组件拥有 data、methods、computed 等选项。这是一种属性相互隔离的模式,好处是各属性内容分离开,对于新手来说比较友好;但对于大型项目来说,为了修改某个功能,可能需要在一个文件中来回翻页。Vue3 增加了 Composition API 方式(组合 API ),基于 reactivity(响应式)的思想进行组件构建,将逻辑封装到函数中,可以实现类似ReactHooks 的逻辑组合和重用。对于大型项目,代码按照具体功能划分,而不是分散在不同的生命周期中,逻辑更加一目了然。 2.Teleport(传入) Teleport功能

vue 3.x 如何高效学成?本文详解

五迷三道 提交于 2020-10-15 00:41:52
前言 本文所分享的是关于 vue 3.x 在用法上的改变,而不是在代码实现上的不同。 虽然 vue2 到 vue3 的实现大改,但在用法上变化基本不大,比较明显的一个变化就是添加了 setup(){} 函数了,几乎所有的配置变成了以函数的方式进行定义。即使是这样,但小改动还是很多的。本文主要分享的是 vue 2.x 与 vue 3.x 之间一些常见用法的差异。虽然记录的不多,但也不算少。本文资料来源: github.com/vuejs/rfcs/… 当然这里默认你已经熟练掌握了 vue 2.x 的使用,下面我们就来看看。 新增 composition-api 1.逻辑复用和代码组织 这是 vue 3.0 的一个核心变更了。除了改了我们定义状态的书写方式外,也为我们提供体验更棒的逻辑复用和代码组织,新的方式可以让你把同一个业务逻辑的代码(状态,计算属性,方法等)都放到一块。这听起来可能有点不明不白,但如果你写过比较复杂的组件,你就会发现,这个好。旧版本的 created、beforeCreated 钩子函数已费弃,在 vue 3.0 中用 setup 代替。 另外注意:光理论是不够的 。在此赠送2020最新企业级 Vue3.0/Js/ES6/TS/React/node等实战视频教程,想学的可进裙 519293536 免费获取,小白勿进哦! 2.更好的类型推断 更好的支持

Vue3教程,抢先学习

谁说胖子不能爱 提交于 2020-10-14 13:55:27
Vue 3尚未正式发布,但是维护者已经发布了Beta版本,供我们的参与者尝试并提供反馈。 如果你想知道Vue 3的主要功能和主要变化是什么,那么我将在这篇文章中重点介绍一下,告诉你使用Vue 3 beta 9创建一个简单的应用程序。 我将介绍尽可能多的新内容,包括fragments,teleport,Composition API以及其他一些晦涩的更改。我将尽力解释该功能或更改的原理。 Vue3相关文章: Vue3 Composition API如何替换Vue Mixins Vue3 Composition API中的提取和重用逻辑 如何在Vue2与Vue3中构建相同的组件 Vue3中的Vue Router初探 我们将建立什么 我们将构建一个带有模式窗口功能的简单应用。我之所以选择它,是因为它可以方便地展示Vue 3的许多变化。 这是该应用在打开和关闭状态下的外观,因此你可以在脑海中描绘出我们正在做什么: Vue 3安装和setup 与其直接安装Vue 3,不如克隆一个项目 vue-next-webpack-preview ,这将为我们提供一个包括Vue 3在内的最小的Webpack设置。 $ git clone https://github.com/vuejs/vue-next-webpack-preview.git vue3-experiment $ cd vue3

Centos7部署Teleport

佐手、 提交于 2020-08-13 17:31:09
简介 Teleport是一款简单易用的开源堡垒机系统,具有小巧、易用的特点,支持 RDP/SSH/SFTP/Telnet 协议的远程连接和审计管理。 Teleport由两大部分构成: 1)跳板核心服务 2)WEB操作界面 Teleport非常小巧且极易安装部署,由于Teleport内建了所需的脚本引擎、WEB服务等模块,因此不需要额外安装其他的库或者模块,整个系统的安装与部署非常方便 特点 1、极易部署,简洁设计,小巧灵活,无额外依赖 2、安全增强,配置远程主机仅可被teleport服务器连接,可有效降低嗅探、扫描、暴力破解等***风险 3、单点登录,只需登录teleport服务器,即可一键连接您的任意远程主机,无需记忆每台远程主机的密码 4、按需授权,可以授权指定运维人员访问指定的远程主机,也可回收授权 5、运维审计,对远程主机的操作均有详细记录,支持操作记录录像、回放,可轻松完成审计工作 前期准备 准备三台Centos7虚拟机,配置IP地址和Hostname,同步系统时间,关闭防火墙和selinux,修改IP地址和hostname映射 ip hostname role 192.168.29.133 jumpserver 跳板机 192.168.29.132 master 服务器 192.168.29.138 bak 服务器

云小课 | 搬迁本地数据至OBS,多种方式任你选

本小妞迷上赌 提交于 2020-08-12 07:34:13
摘要: 搬迁本地数据至OBS,包括OBS工具方式、CDM方式、DES磁盘方式、DES Teleport方式和云专线方式,每种方式特点不同,本节课我们就一起看看有什么区别。 已有的业务数据可能保存在本地的自建存储服务器上,也有可能保存在第三方云厂商中,可能大家首要面临的问题就是还不清楚如何将自己的业务数据搬迁至OBS。华为云OBS提供全场景的数据迁移解决方案,满足从离线到在线,从云下到云上,从友商云到华为云,从GB级到EB级的数据迁移需求,实现“企业数据迁移零门槛”。前面小课已经为大家介绍迁移第三方云厂商数据至OBS的方法,今天继续为大家介绍搬迁本地数据至OBS的方法。 华为云当前提供了多种线下到线上的数据搬迁方案,帮助用户将自建存储服务器上的数据短时间、低成本、安全、高效地搬迁至OBS。用户可根据数据量、耗时、费用等需求选择适合的方案进行数据搬迁。 针对不同的搬迁场景及需求,华为云提供的搬迁方案如下: 下面小编将针对以上五种方案做详细介绍: OBS工具方式 OBS工具方式适用于百GB规模的数据搬迁。OBS提供OBS Browser、obsutil等多种客户端工具,方便用户在本地直接将数据上传至OBS。由于上传需要占用用户公网带宽,为不影响用户在公网上主营业务,建议利用公网带宽空闲的时间上传数据。各工具使用场景及操作指导,请参见 OBS工具指南 。 CDM方式 云数据迁移(Cloud

记录下自己日常使用的软件

大憨熊 提交于 2020-08-11 10:30:03
Windows Everything 基于名称快速定位文件和文件夹 QuickLook 一款免费的轻量级快速预览工具。它能够在不运行关联程序的情况下,通过敲击空格键快速预览文件内容。 Quicker 一款高效专业的软件快速启动工具,功能强劲,操作简便,支持用户利用鼠标中键唤出软件启动面板,可以帮助用户为各种软件或系统工具建立快捷启动方式,让您使用电脑时更加方便、简单。 Listary Pro 一款工作中那些用来提高你的效率的神器,它可以为你 Windows 的「文件浏览对话框」、「资源管理器」等增加非常方便的文件快速定位、实时全盘搜索、常用文件夹收藏、打开历史、快速切换到已打开的路径、快捷右键菜单等一系列非常实用和高效的功能 FileLocator Pro 一款非常专业的搜索工具。不同于 Everything 和 Listary Pro 这类文件名快速索引工具, Filelocator Pro 不仅能搜索文件名,更擅长对指定文件和目录进行 全文搜索,并且支持 多种搜索表达式 以及 日期属性等 细节设定,快速准确定位您所需要的文档,提高搜索效率。 Winhttrack 一个把网站下载复制到本地的离线浏览器工具,winhttrack让你在没有网络的时候也可以浏览看过的网页,各种图文显示,非常方便,实用性很强。 Teleport Ultra 一款扒站的神器