45min  项目+场景+手撕1.AIGC介绍一下2.多个组件时如何使用骨架屏做优化3.不同组件不同骨架屏怎么快速引入（骨架屏与业务组件解耦，改为工具引入）4.如何在一个地方修改几千个组件都可以使用5.前端使用AI的场景6.根据低代码的经验，如何做一个可以自主思考的AI助手7.实现一个AI助手，前端需要注意哪些方面8.怎么让助手自己思考9.TCP和UDP10.TCP如何保证可靠11.TCP的四次挥手过程手撕：修改下面代码的错误：<script setup lang="ts">import { ref, computed } from 'vue'let status = ref(0.5)const text1 = ref('text1')const text2 = ref('text2')const text = computed(() => {return Math.random() > status.value? text1.value : text2.value;})const toggleStatus = () => {status.value = 1;text2.value = 'text2 changed'}</script><template><div><p>computed Text:{{ text }}</p><button @click="toggleStatus">Toggle status</button></div></template>