九、pico+Unity交互开发——触碰抓取

news2024/10/24 7:06:41

一、VR交互的类型

  1. Hover（悬停）
    • 定义：发起交互的对象停留在可交互对象的交互区域。例如，当手触摸到物品表面（可交互区域）时，视为触发了Hover。
  2. Grab（抓取）
    • 概念：把物品抓起来。
  3. Use（使用）
    • 基于“抓取”。例如抓取一把枪后，按下枪的扳机发射子弹则视为Use。

三、发起交互的对象（Interactor）

  1. XR Direct Interactor脚本

    • 为了让双手成为发起交互的对象，在LeftHand Controller和RightHand Controller下分别创建Direct Interactor子物体，并添加XR Direct Interactor脚本。

  2. 添加可交互区域

    • XR Direct Interactor需要一个Trigger类型的碰撞体作为可交互区域，且需和它挂载在同一游戏物体上。如在左手和右手的Direct Interactor上分别添加Sphere Collider，调整Radius并勾选Is Trigger。当可交互对象进入该区域后，可进行交互。 ，并设置合适的参数。

在这里插入图片描述

四、可交互的对象（Interactable）创建一个3d对象，比如立方体

  1. 添加刚体

    • 因为手与物品的交互基于物理效果，所以要为可交互物体添加刚体。
    • 在这里插入图片描述

  2. XR Simple Interactable脚本

    • 为方块添加XR Simple Interactable脚本，但是它没有自带抓取的功能。
    • 物体有刚体后该脚本才生效，且挂载脚本的物体还需一个碰撞体。如果是创建的3d对象不需要额外加，如果是自定义模型的话，别忘了手动添加碰撞体
      在这里插入图片描述

2.1、可交互事件

  • 实现功能：
    • 手触碰到方块时，方块颜色改变（模拟Hover，即悬停在可交互区域）。
    • 触碰方块后按下手柄Grip键，方块颜色变成蓝色。
    • 触碰方块后按住Grip键再按Trigger键，方块颜色变回红色。
  • 实现方法：
    • 使用XR Simple Interactable脚本中的Interactable Events，
    • 其中Hover Entered对应开始悬停在可交互区域触发的事件，可手动设置更改方块材质。
    • Select Entered和Activated事件分别对应上述第二、三个功能。
    • 在Inspector面板中手动绑定事件，Select动作绑定“按下Grip键抓取键”，Activate动作绑定“按下Trigger键扳机键”。 Activate动作以Select动作为前提，Interactable Events中的所有事件以“与可交互对象发生交互”为前提。
      在这里插入图片描述

  1. XR Grab Interactable脚本、和XR Simple Interactable脚本脚本类似，但是有抓取效果；所以需要移除刚刚的XR Simple Interactable脚本

    • Movement Type 移动类型

      • Instantaneous：物体移动位置和姿态完全跟随手的移动，无延迟但无物理刚体效果，物体可穿过碰撞体且碰撞效果非物理。
      • Kinematic：通过Kinematic Rigidbody移动，有延迟，移动中不受力和碰撞作用，但可对其他刚体施加物理效果。
      • Velocity Tracking：通过设置刚体速度和角速度移动，有延迟，有刚体物理效果，可与碰撞体碰撞并对其他刚体产生力的效果。
        在这里插入图片描述

    • Attach Transform 抓取点

      • XR Grab Interactable脚本中有Attach Transform变量可赋值作为抓取点，若未赋值，默认以物体position为抓取点。如抓取枪时，抓取点应在枪柄；
      • 实现功能：可创建枪的子物体Attach Point并赋值给Attach Transform，然后调整其Position位置和Rotation以优化抓取效果。但仅设置Attach Transform会有穿模现象，若要实现精细抓取，可参考相关教程。

  2. 代码实现Use功能（制作简易手枪）

    • 核心脚本

      • 创建GunController脚本挂载到枪的游戏物体上。获取XRGrabInteractable中的activated事件，通过AddListener绑定FireBullet函数。

    • 制作子弹预制体

      • 创建子弹Prefab（需刚体和碰撞体），并将子弹Rigidbody的Collision Detection设为Continous Dynamic，防止高速运动时检测不到碰撞。
        在这里插入图片描述

    • 制作子弹发射位置

      • 创建枪的子物体Spawn Point作为子弹生成位置，其z轴箭头方向对应子弹发射方向，将子弹和Spawn Point赋给Gun Controller。
        在这里插入图片描述
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.XR.Interaction.Toolkit;

// 枪支控制器类
public class GunController : MonoBehaviour
{
    // 子弹预制体
    public GameObject bullet;
    // 子弹发射位置的变换组件
    public Transform spawnPoint;
    // 子弹发射速度
    public float fireSpeed = 40;

    void Start()
    {
        // 获取当前物体上的 XRGrabInteractable 组件
        XRGrabInteractable grabbable = GetComponent<XRGrabInteractable>();
        // 为 grabbable 的 activated 事件添加监听器，当该事件触发时调用 FireBullet 方法
        grabbable.activated.AddListener(FireBullet);
    }

    private void FireBullet(ActivateEventArgs arg)
    {
        // 在 spawnPoint 的位置和旋转处实例化子弹预制体
        GameObject spawnBullet = Instantiate(bullet, spawnPoint.position, spawnPoint.rotation);
        // 设置实例化出的子弹的刚体速度，使其沿着 spawnPoint 的前方以 fireSpeed 的速度飞行
        spawnBullet.GetComponent<Rigidbody>().velocity = spawnPoint.forward * fireSpeed;
        // 在 5 秒后销毁这个子弹对象
        Destroy(spawnBullet, 5);
    }
}
  1. 优化一：左右手抓取（判断哪只手与物体交互）
  • 方法一（不推荐）
    • 在GunController脚本中，给XRGrabInteractable的SelectEntered事件绑定ChangeAttachTransform函数，通过判断Interactor是左手还是右手控制器来切换Attach Transform。
      也就是创建两个抓取点，并进行监听ChangeAttachTransform判断左右手、来重新设置抓取点
using System;
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.XR.Interaction.Toolkit;

// 枪支控制器类
public class GunController : MonoBehaviour
{
    // 子弹游戏对象
    public GameObject bullet;
    // 子弹发射位置的变换组件
    public Transform spawnPoint;
    // 子弹发射速度
    public float fireSpeed = 40;

    // 左手抓取点的变换组件
    private Transform leftHandAttachPoint;
    // 右手抓取点的变换组件
    private Transform rightHandAttachPoint;
    // 当前物体上的可抓取交互组件
    private XRGrabInteractable grabbable;

    void Start()
    {
        // 在当前物体下查找名为"LeftHand Attach Point"的子物体，获取其变换组件
        leftHandAttachPoint = transform.Find("LeftHand Attach Point");
        // 在当前物体下查找名为"RightHand Attach Point"的子物体，获取其变换组件
        rightHandAttachPoint = transform.Find("RightHand Attach Point");
        // 获取当前物体上的 XRGrabInteractable 组件
        grabbable = GetComponent<XRGrabInteractable>();
        // 为可抓取交互组件的 selectEntered 事件添加监听器，当该事件触发时调用 ChangeAttachTransform 方法
        grabbable.selectEntered.AddListener(ChangeAttachTransform);
        // 为可抓取交互组件的 activated 事件添加监听器，当该事件触发时调用 FireBullet 方法
        grabbable.activated.AddListener(FireBullet);
    }

    private void ChangeAttachTransform(SelectEnterEventArgs arg)
    {
        // 获取触发 selectEntered 事件的交互器的变换组件
        Transform interactor = arg.interactorObject.transform;
        // 如果交互器的父物体名称为"Left Controller"，表示是左手控制器
        if (interactor.transform.parent.name == "Left Controller")
        {
            // 将当前物体的抓取点设置为左手抓取点
            grabbable.attachTransform = leftHandAttachPoint;
        }
        else if (interactor.transform.parent.name == "Right Controller")
        {
            // 如果交互器的父物体名称为"Right Controller"，表示是右手控制器
            // 将当前物体的抓取点设置为右手抓取点
            grabbable.attachTransform = rightHandAttachPoint;
        }
    }

    private void FireBullet(ActivateEventArgs arg)
    {
        // 在 spawnPoint 的位置和旋转处实例化子弹游戏对象
        GameObject spawnBullet = Instantiate(bullet, spawnPoint.position, spawnPoint.rotation);
        // 获取实例化出的子弹的刚体组件
        Rigidbody bulletRigidbody = spawnBullet.GetComponent<Rigidbody>();
        // 设置子弹的速度，使其沿着 spawnPoint 的前方以 fireSpeed 的速度飞行
        bulletRigidbody.velocity = spawnPoint.forward * fireSpeed;
        // 在 5 秒后销毁这个子弹对象
        Destroy(spawnBullet, 5);
    }
}
  • 方法二减少耦合性
  • 新建脚本XRGrabInteractableTwoAttach继承XRGrabInteractable，重写OnSelectEntered方法，根据Interactor的Tag判断是左手还是右手，切换相应的Attach Transform。
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.XR.Interaction.Toolkit;

// 自定义的可抓取交互类，继承自 XRGrabInteractable
public class XRGrabInteractableTwoAttach : XRGrabInteractable
{
    // 左手的抓取点变换
    public Transform leftAttachTransform;
    // 右手的抓取点变换
    public Transform rightAttachTransform;

    // 重写 OnSelectEntered 方法，在选择进入时触发
    protected override void OnSelectEntered(SelectEnterEventArgs args)
    {
        // 如果交互对象的标签是“Left Hand”（左手）
        if (args.interactorObject.transform.CompareTag("Left Hand"))
        {
            // 将当前物体的抓取点设置为左手抓取点
            attachTransform = leftAttachTransform;
        }
        // 如果交互对象的标签是“Right Hand”（右手）
        else if (args.interactorObject.transform.CompareTag("Right Hand"))
        {
            // 将当前物体的抓取点设置为右手抓取点
            attachTransform = rightAttachTransform;
        }
        // 调用基类的 OnSelectEntered 方法
        base.OnSelectEntered(args);
    }
}

在这里插入图片描述

  • 将枪上的XRGrabInteractable抓取脚本替换为XRGrabInteractableTwoAttach，并在编辑器中为左右手Attach Transform赋值并给Direct Interactor添加Tag。

在这里插入图片描述
在这里插入图片描述

  • 第一次抓取或第一次切换抓取位置错误解决方法
    - 方法一
    - 在可抓取物体Gun被抓取物体上添加XRSingleGrabFreeTransformer脚本，游戏运行时会自动添加到XRGrabInteractableTwoAttach脚本。
    在这里插入图片描述

方法二
- 重写刚刚新建的XRGrabInteractableTwoAttach脚本的GetAttachTransform方法，而不是OnSelectEntered方法。根据Interactor的Tag返回相应的Attach Transform，若Tag不匹配则返回基类的GetAttachTransform结果。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.XR.Interaction.Toolkit;

public class XRGrabInteractableTwoAttach : XRGrabInteractable
{
    public Transform leftAttachTransform;
    public Transform rightAttachTransform;
    public override Transform GetAttachTransform(IXRInteractor interactor)
    {

        Transform i_attachTransform = null;
        if (interactor.transform.CompareTag("Left Hand"))
        {
            i_attachTransform = leftAttachTransform;
        }
        if (interactor.transform.CompareTag("Right Hand"))
        {
            i_attachTransform = rightAttachTransform;
        }
        return i_attachTransform != null ? i_attachTransform : base.GetAttachTransform(interactor);

    }
}

因为之前学的射线交互层级是Everything层级比较高和物体交互层级有重复，所以也能实现射线抓取；然后将与传送有关的 XR Ray Interactor 和 Teleport Area 的 Interaction Layer Mask 改成 Teleport，就可以避免出现这类问题
在这里插入图片描述
在这里插入图片描述

  1. 其他功能一：将与物体接触的地方作为抓取点（Dynamic Attach），也就是碰哪里抓哪里，没有固定抓取点

    • 创建细长Cube作为测试物体，添加碰撞体、刚体和XR Grab Interactable脚本，勾选Use Dynamic Attach后，可根据需求设置Match Position、Match Rotation、Snap To Collider等选项，实现手抓在物体接触部位的效果。

Match Position（匹配位置）：当启用相关功能时，确保被抓取物体的位置与抓取点的位置相匹配。例如在使用特定的抓取方式时，可使被抓取物体在被抓取瞬间其位置与抓取点重合，以实现更真实的抓取效果。
Match Rotation（匹配旋转）：类似 “匹配位置”，当启用此选项时，被抓取物体的旋转会与抓取点的旋转相匹配。这样可以确保被抓取物体在抓取过程中以合适的角度呈现，增强真实感和交互性。
Snap To Collider（吸附到碰撞体）：当开启这个功能后，抓取操作会使被抓取物体吸附到抓取点所在的碰撞体上。这可以使抓取更加精准，并且在抓取过程中物体与抓取点的连接更加紧密，避免出现不合理的位置偏差。

在这里插入图片描述

五、XR Tint Interactable Visual脚本

  1. 功能：可挂载到可交互对象上，当Interactor悬停（Hover）或选中（Select动作触发）可交互对象时，能暂时改变其颜色。
    .在这里插入图片描述2. 设置：调整Tint Color设置颜色，勾选Tint On Hover在Hover时改变颜色，勾选Tint On Selection在Select时改变颜色。注意要把使用的XR Grab Interactable放置到最上层。
    在这里插入图片描述

六、取消身体和可抓取物体的物理碰撞

  1. 设置Layer：将XR Origin的Layer设为Player（仅设置Character Controller所在物体Layer，子物体选No），将所有可抓取物体Layer设为Interactable。
    在这里插入图片描述

  2. 配置Physics：打开Unity编辑器上方菜单栏的Edit编辑 -> Project Settings项目设置-> Physics物理，找到Layer Collision Matrix图层碰撞器，将Player和Interactable的交叉点取消勾选，避免身体与可抓取物体发生物理碰撞。
    在这里插入图片描述

七、XR Interaction Group

  1. 功能：XR Interaction Toolkit 2.3新组件，可管理多个Interactor。当其中一个Interactor生效时，Group内其他Interactor会暂时失效。
    在这里插入图片描述

  2. 应用示例：如在Left/RightHand Controller物体上添加XR Interaction Group组件，将Direct Interactor物体和UI Ray Interactor物体拖到Group中，可实现在抓取物体时让UI射线暂时失效。

八、XR Direct Interactor脚本中的Select Action Trigger

在这里插入图片描述

  1. 参数说明
    • Toggle：以抓取为例，选择Toggle后，靠近物体按下手柄抓取键，物体会被抓在手上，松开抓取键物体仍在手上，下次按下抓取键才会释放。
    • Sticky：按下手柄抓取键物体被抓手上，松开抓取键物体仍在手上，下次按下并松开抓取键物体才会释放。
    • State和State Change的区别（在可抓取物体Select Mode选择Single时）
      • State：可能出现一只手无法接管另一只手抓取权的情况，只有先松开当前抓取手的抓取键才会进行切换抓取。
      • State Change：可以随意切换抓取，推荐在抓取功能上使用State Change。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/2222198.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

深入浅出：深度学习模型部署全流程详解

深入浅出：深度学习模型部署全流程详解

博主简介&#xff1a;努力学习的22级计算机科学与技术本科生一枚&#x1f338;博主主页&#xff1a; Yaoyao2024往期回顾&#xff1a; 【论文精读】PSAD&#xff1a;小样本部件分割揭示工业异常检测的合成逻辑每日一言&#x1f33c;: 生活要有所期待&#xff0c; 否则就如同罩在…
阅读更多...
【国潮来袭】华为原生鸿蒙 HarmonyOS NEXT（5.0）正式发布：鸿蒙诞生以来最大升级，碰一碰、小艺圈选重磅上线

【国潮来袭】华为原生鸿蒙 HarmonyOS NEXT（5.0）正式发布：鸿蒙诞生以来最大升级，碰一碰、小艺圈选重磅上线

在昨日晚间的原生鸿蒙之夜暨华为全场景新品发布会上&#xff0c;华为原生鸿蒙 HarmonyOS NEXT&#xff08;5.0&#xff09;正式发布。 华为官方透露&#xff0c;截至目前&#xff0c;鸿蒙操作系统在中国市场份额占据 Top2 的领先地位&#xff0c;拥有超过 1.1 亿 的代码行和 6…
阅读更多...
想让前后端交互更轻松？alovajs了解一下？

想让前后端交互更轻松？alovajs了解一下？

作为一个前端开发者&#xff0c;我最近发现了一个超赞的请求库 alovajs&#xff0c;它真的让我眼前一亮&#xff01;说实话&#xff0c;我感觉自己找到了前端开发的新大陆。大家知道&#xff0c;在前端开发中&#xff0c;处理 Client-Server 交互一直是个老大难的问题&#xff…
阅读更多...
查缺补漏----用户工作区，系统缓冲区，外设工作最短时间计算

查缺补漏----用户工作区，系统缓冲区，外设工作最短时间计算

对于下面这一题&#xff0c;分析起来很简单&#xff1a; 答案&#xff1a;C 以上是单缓冲区&#xff0c;补充双缓冲区是什么情况&#xff1a; 1.假设磁盘块与缓冲区大小相同&#xff0c;每个盘块读入缓冲区的时间为15us&#xff0c;由缓冲区送至用户区的时间是5us&#xff0c…
阅读更多...
etl-查询错误log日志和oracle删除数据表空间

etl-查询错误log日志和oracle删除数据表空间

查看weblogic日志的目录 建立连接ssh root192.168.30.1xx 密码hygd123 找到下面路径中的文件 cd /home/weblogic/Oracle/Middleware/user_projects/domains/base_domain/bapp-logs 查看log日志 tail -f -n 400 Adminservers.log oracle删除表空间&#xff08;切换到dba用户…
阅读更多...
Android 13 SystemUI 隐藏下拉快捷面板部分模块(wifi,bt,nfc等)入口

Android 13 SystemUI 隐藏下拉快捷面板部分模块(wifi,bt,nfc等)入口

frameworks/base/packages/SystemUI/src/com/android/systemui/qs/tileimpl/QSFactoryImpl.java createTileInternal(tileSpec)方法注释想隐藏的模块即可。
阅读更多...
Qt开发-----线程调度

Qt开发-----线程调度

目录 前言 一、Linux下查看进程的情况 二、线程的创建 三、多线程的创建和使用 前言 以下引用内容源自正点原子Qt开发指南文档。 我们写的一个应用程序&#xff0c;应用程序跑起来后一般情况下只有一个线程&#xff0c;但是可能也有特殊情况。比如我们前面章节写的例程都跑…
阅读更多...
《YOLO目标检测》—— YOLOv1 详细介绍

《YOLO目标检测》—— YOLOv1 详细介绍

文章目录 一、算法特点二、网络结构三、检测过程四、损失函数五、性能表现六、优缺点 YOLO v1&#xff08;You Only Look Once version 1&#xff09;是一种快速的目标检测算法&#xff0c;以下是对YOLO v1的详细介绍&#xff1a; 一、算法特点 端到端的网络结构&#xff1a;Y…
阅读更多...
项目：Boost 搜索引擎

项目：Boost 搜索引擎

项目&#xff1a;Boost 搜索引擎 1、项目背景 公司&#xff1a;百度、360、搜狗、谷歌 …站内搜索&#xff1a;搜索的数据更垂直&#xff08;相关&#xff09;&#xff0c;数据量小 2、整体框架 3、技术栈和项目环境 技术栈&#xff1a;C/C C11&#xff0c;STL&#xff0c;jso…
阅读更多...
【JAVA毕设】基于JAVA的仓库管理系统

【JAVA毕设】基于JAVA的仓库管理系统

一、项目介绍 本系统前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router实现动态路由&#xff0c;Ajax实现前后端通信&#xff0c;Element-plus组件库使页面快速成型。后端部分&#xff1a;采用SpringBoot作为开发框架&#xff0c;同时集成MyBatis、Redis、…
阅读更多...
C#中的LINQ之美：优雅的数据查询与操作

C#中的LINQ之美：优雅的数据查询与操作

LINQ&#xff08;Language Integrated Query&#xff0c;语言集成查询&#xff09;是C#中一个强大的工具&#xff0c;它将查询功能直接融入到语言中&#xff0c;使开发者能够以一种更直观、更接近自然语言的方式来操作数据。LINQ不仅能极大地提高开发效率&#xff0c;而且让代码…
阅读更多...
掌握ElasticSearch（五）：查询和过滤器

掌握ElasticSearch（五）：查询和过滤器

一、查询和过滤器的区别 在 Elasticsearch 中&#xff0c;查询&#xff08;Query&#xff09;和过滤器&#xff08;Filter&#xff09;是用于检索和筛选数据的重要组成部分。它们虽然都能用来查找文档&#xff0c;但在性能和用法上有所不同。下面详细介绍查询和过滤器的概念以…
阅读更多...
Lucas带你手撕机器学习——K近邻

Lucas带你手撕机器学习——K近邻

K近邻 (K-Nearest Neighbor KNN) K近邻算法&#xff08;K-Nearest Neighbors, KNN&#xff09;是一种简单直观的机器学习算法&#xff0c;适用于分类和回归问题。它的核心思想是&#xff1a;判断一个数据点的类别或预测值时&#xff0c;参考它在特征空间中最近的 KKK 个数据点…
阅读更多...
【2024】【字节青训营】：字节青训营入营测试题——Java版本（已提交通过）

【2024】【字节青训营】：字节青训营入营测试题——Java版本（已提交通过）

目录 简单题目 计算x到y的最小步数 环状 DNA 序列的最小表示法 Base32 解码和编码 打点计时器 兔群繁殖之谜 完美整数 找出整数数组中占比超过 一半 的数 找出最长的神奇数列 找单独的数 字符串最短循环字串 二进制反码转换问题 中等题目 简单四则运算 数字翻译…
阅读更多...
什么是微服务中的反应性扩展？

什么是微服务中的反应性扩展？

大家好&#xff0c;我是锋哥。今天分享关于【什么是微服务中的反应性扩展&#xff1f;】面试题&#xff1f;希望对大家有帮助&#xff1b; 什么是微服务中的反应性扩展&#xff1f; Reactive Extensions 也称为 Rx。这是一种设计方法&#xff0c;我们通过调用多个服务来收集结果…
阅读更多...
STM32G474使用TIM2触发DAC输出输出正弦波

STM32G474使用TIM2触发DAC输出输出正弦波

STM32G474使用TIM2触发DAC输出&#xff0c;数据从内存到外设就要使用DMA来协助。DAC1每隔1秒输出一个正弦波数据&#xff0c;就会模拟近似得到模拟的正弦波形。用来测试CPU内部的运算放大器&#xff0c;或者用作其它模拟输入信号。 测试程序如下&#xff1a; #include "…
阅读更多...
立志最细，FreeRtos的中断管理(Interrupt Management)函数，详解！！！

立志最细，FreeRtos的中断管理(Interrupt Management)函数，详解！！！

前言&#xff1a;本文参考&#xff0c;韦东山老师开发文档&#xff0c;连接放在最后。 为什么需要中断管理函数&#xff1f; 在FreeRtos操作系统中&#xff0c;需要实时响应性&#xff0c;也就是随时随地必须保证正常多任务的运行&#xff0c;如果有中断发生&#xff0c;因为中…
阅读更多...
Spring Cloud --- Sentinel 规则持久化

Spring Cloud --- Sentinel 规则持久化

为什么要持久化 一旦我们重启微服务应用&#xff0c;sentinel 规则将消失&#xff0c;生产环境需要将配置规则进行持久化 怎么实现持久化 将限流配置规则持久化进 Nacos 保存&#xff0c;只要刷新 8401 某个 rest 地址&#xff0c;sentinel 控制台的流控规则就能看到&#x…
阅读更多...
keil新建工程HC32L176MATA

keil新建工程HC32L176MATA

先看一下最后的文件夹结构&#xff08;文件夹结构可以根据项目实际的需要去定义&#xff09; keil内&#xff1a; 参考文章&#xff1a; KEIL平台下新建华大HC32F460单片机工程笔记_hc32f keil环境搭建-CSDN博客 &#xff08;我根据需要&#xff0c;创建的文件夹结构和原文是有…
阅读更多...
面试总结一

面试总结一

面试总结 1、自我介绍一下自己2.面试11、css常用布局有哪些2、css常用的属性3.js原型链4、开发中遇到的技术难点5、闭包6、ts了解什么呢7.git都用什么命令8、vue怎么打包9.vue启动一个项目需要什么10、vue怎么创建一个项目 2.面试21.vue2和vue3有什么区别2.复杂组件的封装&…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023