15年，专注软件定制开发

php mysql shell go vue css api接口对接支付接口对接

用 Electron + Vite + Vue3 搭建桌面端项目：Electron 基础配置

用 Electron + Vite + Vue3 搭建桌面端项目：Electron 基础配置
2024-11-19 08:49:45 +0800 CST view 1182
本文介绍了如何使用Electron、Vite和Vue3搭建跨平台的桌面应用项目。包括项目创建、Electron安装、主进程代码编写、插件配置、打包命令设置等步骤，适合前端开发者快速上手桌面应用开发。通过具体的代码示例，读者可以了解如何配置项目结构、启动应用以及自定义窗口属性。
桌面开发前端技术 Electron Vite Vue

Vue3中的Teleport组件是用来做什么的？

Vue3中的Teleport组件是用来做什么的？
2024-11-18 09:35:36 +0800 CST view 625
Vue3中的Teleport组件允许将元素移动到DOM中的不同位置，而不改变它们在组件树中的逻辑位置。它适用于模态框、下拉菜单和通知等场景，确保这些元素在视觉上正确显示，同时保持其逻辑结构不变。通过示例代码展示了如何使用Teleport组件来创建模态框，并控制其显示与隐藏。
前端开发 Vue.js 组件

Vue3中的v-slot指令有什么改变？

Vue3中的v-slot指令有什么改变？
2024-11-18 07:32:50 +0800 CST view 680
Vue3中的v-slot指令经历了重要改变，采用简化语法`#`表示具名插槽，简化默认插槽的定义，并允许动态插槽名的绑定。这些变化使得插槽的使用更加直观和灵活，保留了v-slot的强大功能，提升了开发者在复杂组件中的内容管理能力。
Vue 前端开发组件

Vue3中的Teleport和Transition组件是干什么用的？

Vue3中的Teleport和Transition组件是干什么用的？
2024-11-17 14:25:55 +0800 CST view 652
在Vue3中，Teleport和Transition组件是用于DOM元素移动和动画效果的实用工具。Teleport组件可以将元素从其原位置移动到其他DOM位置，适合模态框和弹出框等场景。Transition组件则用于在元素状态变化时添加动画效果，提升用户体验。通过示例代码，本文详细介绍了这两个组件的基本使用和效果。
前端开发 Vue 动画效果用户体验

vue打包后如何进行调试错误
2024-11-17 18:20:37 +0800 CST view 3013
在打包项目时遇到白屏错误，控制台显示压缩代码导致无法定位问题。经过几个小时的尝试，决定取消map过滤进行打包，最终发现错误源于Vuex的使用方式。修改后重新打包，问题得到解决，主要是由于自己的疏忽。
前端开发错误调试 Vue框架

xdh-map是一款基于OpenLayers的Vue地图应用组件库，旨在简化地图集成过程，适合前端开发者使用
2024-11-19 09:44:23 +0800 CST view 1156
xdh-map是一款基于OpenLayers的Vue地图应用组件库，旨在简化地图集成过程，适合前端开发者使用。它支持多种国内主流地图服务，内置20多种可视化组件，极大降低了开发门槛，初学者无需编写代码即可实现地图功能。该库还与MyUI无缝集成，方便开发者快速上手，开箱即用。
开源项目前端开发地图应用 Vue组件可视化

使用 Vue3、Shadcn UI、Vite、TypeScript 和 Monorepo 构建的现代 vue 管理面板。等多种 UI 的中后台系统框架
2024-11-18 18:53:38 +0800 CST view 1510
VbenAdmin是一个流行的中后台管理系统框架，支持多种UI框架如AntDesignVue、ElementPlus和NaiveUI。最新版本v5.0.0引入了先进的项目管理模式，提供动态菜单、权限控制和国际化等功能。项目支持自定义UI框架，便于开发者根据需求选择组件库。安装要求Node.js20及以上，并需使用指定版本的pnpm。
前端框架开发工具项目管理开源

Vue3中的watch和watchEffect有什么区别？

Vue3中的watch和watchEffect有什么区别？
2024-11-19 06:37:32 +0800 CST view 700
本文探讨了Vue3中`watch`和`watchEffect`的区别及适用场景。`watch`用于监视特定数据变化，允许访问新旧值，适合需要精细控制的场景；而`watchEffect`则更为简洁，自动追踪依赖数据，适用于不需要访问旧值的情况。选择合适的API可以提高开发效率和代码质量。
前端 JavaScript Vue框架数据监控开发技巧

前后端分离：fastapi-vue-admin的探索
2024-11-18 09:45:11 +0800 CST view 1291
本文探讨了`fastapi-vue-admin`作为一套开源快速开发平台的技术选型与优势，后端采用FastAPI、Swagger、Pydantic和SQLAlchemy，前端基于Vue3、AntDesignVue、TypeScript和Vite。该平台支持OAuth2权限认证和RBAC权限架构，适用于中后台解决方案，提供了高效的开发体验和良好的可维护性。
前后端分离快速开发开源框架技术选型权限管理

基于Webman + Vue3中后台框架SaiAdmin
2024-11-19 09:47:53 +0800 CST view 1084
SaiAdmin是一款基于Vue3和Webman的极速开发框架，提供强大的中后台管理系统。它内置用户管理、部门管理、角色管理、菜单管理等功能，支持一键生成前后端代码，具备完善的权限体系和系统监控功能。通过Composer和Git等工具，开发者可以轻松安装和配置，适用于快速构建各类中后台管理系统。
开发框架中后台管理开源项目

Vue3中的Proxy和Reflect对象有何作用？

Vue3中的Proxy和Reflect对象有何作用？
2024-11-18 15:16:37 +0800 CST view 888
Vue3中的Proxy和Reflect对象为开发人员提供了灵活性和便利性。Proxy用于定义对象操作的自定义行为，实现数据的双向绑定；Reflect提供了一系列静态方法，常与Proxy配合使用，以标准化对对象的操作。通过这两个对象，开发者可以实现精细化的控制和增强的操作灵活性，从而提升工作效率和代码质量。
前端开发 JavaScript Vue框架

Vue3中的`<transition>`组件在什么时候触发？

Vue3中的`<transition>`组件在什么时候触发？
2024-11-17 05:15:46 +0800 CST view 659
在Vue3中，`<transition>`组件用于在元素进入或离开DOM时应用过渡效果。它在元素第一次渲染、更新和移除时触发相应的动画。通过示例代码，展示了如何使用`<transition>`组件来实现动画效果，并介绍了过渡类名的规则，以帮助开发者实现更复杂的动画效果。
前端开发 Vue.js 动画效果用户体验

Vue 中的 v-for 指令可以使用在哪些类型的数据结构上？

Vue 中的 v-for 指令可以使用在哪些类型的数据结构上？
2024-11-18 19:15:09 +0800 CST view 543
Vue.js中的v-for指令用于遍历多种数据结构，包括数组、对象、数值和字符串。通过示例代码，展示了如何使用v-for遍历数组中的元素、对象的属性、数值范围以及字符串中的字符。v-for的灵活性使得开发者能够高效地展示和处理数据，提升开发效率。
Vue 前端开发 JavaScript

Vue3 中的 Teleport 组件支持哪些传送目标？

Vue3 中的 Teleport 组件支持哪些传送目标？
2024-11-18 11:33:41 +0800 CST view 633
在Vue3中，Teleport组件允许开发者将子组件或内容放置在DOM树中的任何位置，支持多种传送目标。常见的目标包括父组件中的特定位置、指定的DOM元素以及`body`元素，适用于模态框和全局通知等场景。通过灵活使用Teleport组件，开发者可以实现更加灵活的布局和组件设计，提升用户体验。
前端开发 Vue.js 组件设计

一个好用的Vue3下拉框组件省市区联动的操作
2024-11-19 07:37:53 +0800 CST view 764
本文分享了一个实用的Vue3下拉框组件，简化了省市区联动的操作。通过安装依赖包v-region并在页面中引入，开发者可以轻松实现4级下拉框的功能，并通过@change事件监听数据变化。组件支持自定义显示级别，提升了开发效率，适用于日常开发中的多种场景。
前端开发 Vue 组件

一个基于Naive UI，轻量且现代的 Vue 3 后台管理系统模板
2024-11-18 21:55:31 +0800 CST view 687
NaiveUIAdmin是一个基于NaiveUI和Vue3的轻量级后台管理系统模板，提供丰富的功能组件和现代化的UI设计，支持灵活定制和扩展。它具备高效的架构，内置权限管理和数据可视化功能，适合快速开发和企业级应用，提升开发效率和用户体验。
前端开发 Vue 组件库管理系统数据可视化

Vue3 借助 print.js 实现网页的局部打印
2024-11-18 05:06:47 +0800 CST view 890
本文介绍了如何在Vue3项目中使用print.js实现网页的局部打印。通过安装print.js并引入到项目中，用户可以指定需要打印的HTML元素，并通过配置选项自定义打印效果。文章提供了代码示例和详细的配置项说明，帮助开发者轻松实现打印功能。
前端开发打印功能 Vue.js

Vue Router 中的导航守卫有哪些？它们分别在什么情况下触发？

Vue Router 中的导航守卫有哪些？它们分别在什么情况下触发？
2024-11-17 04:39:54 +0800 CST view 651
VueRouter中的导航守卫是控制路由跳转的重要功能，包括`beforeEach`、`beforeResolve`和`afterEach`。`beforeEach`在路由跳转前执行，通常用于权限控制；`beforeResolve`在组件守卫解析后、导航确认前执行，适合异步操作；`afterEach`在导航成功后执行，常用于日志记录。合理使用这些守卫可以实现复杂的路由控制逻辑。
前端开发路由管理 Vue.js

Vue3中如何处理组件间的动画？

Vue3中如何处理组件间的动画？
2024-11-17 04:54:49 +0800 CST view 627
本文介绍了如何在Vue3中处理组件间的动画，重点讲解了使用`<transition>`组件和钩子函数来实现动画效果。通过示例代码，展示了按钮组件的淡入淡出动画，包括相关的钩子函数和样式定义，强调了这种方法在提升用户体验和页面动态表现力方面的重要性。
前端开发 JavaScript 动画效果

一个简单的瀑布流布局实现方法，使用Vue3和Vite技术

一个简单的瀑布流布局实现方法，使用Vue3和Vite技术
2024-11-19 09:50:45 +0800 CST view 911
本文分享了一个简单的瀑布流布局实现方法，使用Vue3和Vite技术。通过自定义指令`v-waterfall`，实现动态卡片布局，并提供了HTML、CSS和JavaScript代码示例。文中还讨论了如何处理卡片间隔的问题，适合开发者参考和优化。
前端开发 Web设计 Vue框架

Vue3结合Driver.js实现新手指引功能

Vue3结合Driver.js实现新手指引功能
2024-11-19 08:46:50 +0800 CST view 862
本文介绍了如何使用Vue3结合Driver.js实现新手指引功能。通过安装Driver.js并创建页面结构，使用高亮效果引导用户完成操作。配置步骤数组以实现多步骤指引，并自定义按钮文本。还实现了弹窗功能，允许用户在指引过程中添加数据，并防止意外关闭流程。整体提升用户体验，帮助用户快速熟悉系统。
前端开发用户体验 Vue.js JavaScript 指引

Vue3项目中使用print.js实现网页的局部打印功能
2024-11-19 06:40:55 +0800 CST view 1057
本文介绍了如何在Vue3项目中使用print.js实现网页的局部打印功能。通过简单的安装和代码示例，读者可以快速上手。文章详细说明了如何引入print.js、编写需要打印的HTML元素、绑定打印事件以及配置打印选项。print.js提供了丰富的配置，满足不同的打印需求，帮助开发者轻松实现局部打印。
前端开发 Vue 打印功能 JavaScript Web技术

使用 `<script setup>` 语法糖时的常见错误、原因及避免方法

使用 `<script setup>` 语法糖时的常见错误、原因及避免方法
2024-11-18 02:34:48 +0800 CST view 808
本文总结了在使用Vue3的`<scriptsetup>`语法糖时常见的错误及其避免方法，包括TypeScript类型处理、`this`的使用、修改props、异步操作、响应式变量的使用、组件实例属性的暴露及生命周期钩子的处理。通过遵循这些建议，可以优化组件开发流程，提高代码效率。
Vue 前端开发 JavaScript 编程技巧组件开发

总结出30个代码前端代码规范

总结出30个代码前端代码规范
2024-11-19 07:59:43 +0800 CST view 658
本文总结了30个Vue3及Element-plus的前端代码规范，涵盖目录、模块、组件、事件等方面。这些规范旨在提高代码的一致性、可读性和维护性，特别适用于多人协作的项目。规范包括命名方式、组件结构、事件命名等，强调使用工具如eslint和prettier来保持代码风格的一致性。
前端 Vue 开发规范

上一页 1...10 111213 14...35 下一页