代码编织梦想

uniapp微信小程序实现菜单左右联动效果_uni 点击分类页面左右联动的侧边栏-爱代码爱编程

目录 前言 技术背景 scroll-view属性介绍 左右双向联动效果原理 1.点击左边菜单项,右边菜单滚动到指定的位置 2.滚动右边菜单,左边菜单项跳到对应的位置 效果  实现  本文实例为仿点餐页面左右菜单联动效果 前言 技术背景 uni-app + vue + typescript scroll-view属性介绍

vue3+vite+ts 使用webrtc-爱代码爱编程

了解webrtc-streamer webrtc-streamer 是一个使用简单机制通过 WebRTC 流式传输视频捕获设备和 RTSP 源的项目,它内置了一个小型的 HTTP server 来对 WebRTC需要的相关接口提供支持。相对于ffmpeg+flv.js的方案,延迟降低到了0.4秒左右,画面的加载速度也变快了,切换浏览器标签后也不会暂停画面

three.js 分别用自由视角和固定视角实现3d模型展示_three 3d模型-爱代码爱编程

文章目录 效果展示整体代码展示后语 效果展示 需求:做一个3D模型展示,需要灯光、底座、模型旋转、阴影等,先看效果 ps:项目架构 vue3+ts,其他架构的改方法就行 Vi

version-爱代码爱编程

项目地址:https://github.com/gvcgo/version-manager 中文文档:https://gvcgo.github.io/vdocs/#/zh-cn/introduction 功能特点: 跨平台,支持Windows,Linux,MacOS支持多种语言和工具,省心受到lazygit的启发,拥有更友好的TUI,更符合直觉,且无

vue进阶之vue项目实战(四)-爱代码爱编程

Vue项目实战 出码功能 知识介绍 渲染器 性能调优 使用 vue devtools 进行分析 使用“渲染”进行分析 判断打包

vue进阶之vue无代码可视化项目(四)-爱代码爱编程

Vue无代码可视化项目 左侧栏 第一步 LeftPanel.vue LayoutView.vue base.css

vue进阶之vue无代码可视化项目(三)-爱代码爱编程

Vue无代码可视化项目 项目初始化 store的使用 DataSourceView.vue stores/counter.ts

vue3 基于el-爱代码爱编程

话不多说,直接贴代码 <template> <div class="custom-tree-container"> <!-- <p>Using render-conte

vue3+elementplus实例_select选择器(不连续搜索)_vue3项目使用element plus组件库中的select组件-爱代码爱编程

1.开发需求 在各大UI框架的select选择器中,在搜索时都是输入连续的搜索内容,比如“app-store”选项,你要输入“app-xxx”,才能匹配这个选择,要是想输入“a-s”这种不连续的匹配方式,就实现不了,用户体验较差,所以就开发了一个不连续搜索的select选择器,并带有输入内容的高亮提示。 2.实现演示 下面是我完成后的演示,请看 3

vue3 element plus 查询输入框 实现输入就可以查询_vue3+element实现文本搜索-爱代码爱编程

需求: 实现在输入框中输入内容就触发查询 思路: 可以使用@input事件或v-model来监听输入框的变化,当输入框内容变化时,会触发handleQuery方法,并在变化时触发查询操作,你可以在这个方法中执行实际的查询逻辑 源码如下: <template> <div> <el-input v-model

vue3+ts报错:找不到模块“@/views/score.vue”或其相应的类型声明。_vue3 @找不到模块-爱代码爱编程

搭建 vue3+ts 项目的时候遇到的一个问题:找不到模块“@/views/score.vue”或其相应的类型声明 虽然说爆红是不影响运行的,但这谁看这都难受啊! 原因:因为我们使用的是 ts 的语法,项目只识别 t

vxetable右键菜单选项如何添加权限及根据行的数据渲染_vxe 表格右键展示html-爱代码爱编程

vxetable右键菜单选项如何添加权限及根据行的数据渲染 业务场景: ​ 页面做了按钮权限,表格上也做了右键菜单的功能,也需要给右键菜单做权限功能控制 解决思路: 通过查看文档,右键配置 menu-confi

vue3+vite配置项-爱代码爱编程

场景: 使用 npm create vite@latest 命令创建了vue3+ts的项目,想要在项目内引入文件时使用@来作为src的别名。如果直接使用@,会报错,让我们一起引入相关依赖并配置一下吧。 实现: 步骤一:引入@types/node @types/node内部包含了对Node.js 核心模块及常用第三方库的类型信息描述,增加了TypeS

vite(vue3+ts)如何配置@,包含ctrl跳转的正常使用_vite 配置@-爱代码爱编程

1. 创建的vite项目 pnpm create vite XXXX --template vue-ts 2. 项目下的vite.config.ts中对应配置修改,在defineConfig中增加alias import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue

vue3 + ts + vite 搭建中后台管理系统(开箱即用)_vitte ts 搭建后台管理系统-爱代码爱编程

@[TOC](vue3 + TS + vite 搭建中后台管理系统) 开箱即用 前言 要成功,先发疯,头脑简单往前冲! 三金四银,金九银十,多学知识,也不能埋头苦干,要成功,先发疯,头脑简单往前冲! 项目主

vue3项目接口调用-爱代码爱编程

1.配制pinia定义token store/user.js import { defineStore } from 'pinia' import { ref } from 'vue' // 用户模块 export c

naive ui:一个 vue 3 组件库,比较完整,主题可调,使用 typescript,快有点意思。_naviui-爱代码爱编程

在当今的前端开发领域,Vue 3已成为中后台应用的首选框架。为了满足开发者的需求,各种组件库如雨后春笋般涌现。其中,Naive UI以其独特的优势,成为了Vue 3开发者的得力助手。本文将深入探讨Naive UI的特性、优势以及如何使用它来提高开发效率。 一、Naive UI的特性 组件丰富:Naive UI提供了

vite3+vue3+ts+pinia+naiveui项目实战-爱代码爱编程

因为项目是给设在新加坡、马来西亚的海外自提站使用的后台,所以国际化的配置必不可少。需要切换语言的内容主要分为两部分: 我们自己添加的文案内容,需要用到 vue-i18n-next;naive ui 的组件,可以使

vue3 + ts + antd + pinia 从零搭建后台系统(三) pinia + 全局loading + 公共方法-爱代码爱编程

书接上回 本篇主要介绍: Pinia + 全局loading + 公共方法 继续填充 目录 Pinia全局loading公共方法 Pinia 想了解Pinia的可看该博主的文章,挺详细的。此

vue3+element-爱代码爱编程

前端:Vue3,Vite,TypeScript,SCSS,Element Plus,Router,axios 后端:.NET6,Minimal API,Sql sugar(CodeFirst) 根据哔哩哔哩视频整理的,比较详细了,建议先根据文档写,有问题再看代码,记忆比较深刻。 代码已上传. 哔哩哔哩视频地址:001.教学演示和技术栈介绍_哔哩哔哩_