前端

【AI实践】xiaozhi-esp32虾哥开源版-分析

语音交互总流程客户端(ESP32) 服务器 | | | 本地唤醒词检测"小智" | | | | 打开音频通道 | |------------------------>| | | | 发送唤醒词音频 | |------------------------>| | | | 发送唤醒事件 | |------------------------>| | {"typ

搭建Nexus前端npm私服,上传发布npm包和下载依赖

1、创建repository登录Nexus的管理页面,创建npm(proxy)和npm(hosted),然后创建npm(group)将这两个repository包含进来。 1.1 创建npm(proxy)选择npm(proxy)&

CSS基础-13-垂直导航栏(详细创建过程)

@[toc] 前言 一步一步做出一个完整的导航栏 1. 最简导航栏 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>hello world</title> <style> ul { list-style-type: none;

vue 批量自动引入并注册组件或路由等等

有时候有大量的组件.vue后缀的,或.js,或.ts文件, 需要一个个的手动引入很麻烦,那么你可以尝试这样创建一个index.js 本项目使用vue3.x, vue2.x也可以照样用; image.png 这里在components里面创建了一个idnex.js 文件 require.context 可以读取文件, 第一个参数是指当前文件夹, 第二个参数是是否递归遍历寻找子节点设为t

Vue3.2语法糖使用总结

Vue3.2语法糖使用总结 一. 概述 在Vue2时期,组件里定义的各类变量、方法、计算属性等是分别存放到data、methods、computed等选项里,这样编写的代码不便于后期的查阅,查找一个业务逻辑需要在各个选项来回切换。vue3.0组合式APIsetup函数的推出就是为了解决这个问题,它让我们的逻辑关注点更加集中,语法也更加精简,但是当我们在使用vue3.0的语法就构建组件的时候,总是需

uniapp入门教程

UniApp是一款跨平台的开发工具,可以用一个代码库同时构建出iOS、Android两个平台的应用程序,并能方便地发布到App Store和各大应用商店。它基于Vue.js框架,开发者可以使用Vue.js的语法进行开发,可以轻松地迁移现有的Vue.js项目。 本篇文章将为大家介绍UniApp的入门教程,帮助初学者快速上手并开始开发自己的APP。 1. 环境搭建 在开始使用UniApp之前,我

Selenium Web UI自动化测试:从入门到实战

引言在当今快速迭代的软件开发周期中,自动化测试已成为保障产品质量、提升测试效率的核心手段之一。而针对Web应用的UI自动化测试,Selenium作为最流行的开源工具之一,凭借其跨浏览器、多语言支持(Python、Java、C#等)和强大的社区生态,成为测试工程师和开发者的首选。本文将详细介绍Selenium的核心功

vue3新一代状态管理库 Pinia

Pinia优势 Pinia是一个全新的Vue状态管理库,是Vuex的代替者,尤雨溪强势推荐 1.Vue2 和 Vue3 都能支持 2.抛弃传统的 Mutation ,只有 state, getter 和 action ,简化状态管理库 3.不需要嵌套模块,符合 Vue3 的 Composition api,让代码扁平化 4.TypeScript支持 Pinia 基本使用 初始化项目: npm in

两分钟上手 pinia

安装 官网 yarn add pinia # or with npm npm install pinia 初始化 Pinia import { createPinia } from 'pinia' const pinia = createPinia() pinia.use(SomePiniaPlugin) // 给 pinia 装插件 const app = createApp(App) a

学习 Vue3.0 (3)

Fragment 在 Vue 2 中,组件必须有一个根标签 在 Vue 3 中,组件可以没有根标签,内部会将多个标签包含在一个 Fragment 虚拟元素中 减少标签嵌套层级、减少内存占用 Teleport 能够将组件内部的某些内容渲染到外部的某个元素上 <teleport to="targetDom"> <div v-if="isShow"> <