vue3前端开发

怎么在Vue3项目中引入Vant组件库并使用？

项目中使用步骤1.安装：2.样式的导入（2种方法）2.1main.ts全局导入（平常自己的项目用的这个全局）2.2按需引入组件样式(简单介绍一下)1.安装插件2.配置插件3.组件按需使用：App.vue总结前言在Vue3
小陆不会敲代码·2025-03-09 04:51

Vue-Vant

在使用MintUI的过程中发现有很多的坑,所以个人不推荐在移动端中选择MintUIVant是有赞前端开发团队又推出的一款基于Vue的移动端UI框架大白话:和Bootstrap一样对原生的HTML标签进行了封装
YY小怪兽·2025-03-09 04:11

unity全栈开发是什么意思_为什么你要去尝试全栈开发？

从我的个人实践出发，全栈学徒至少要掌握以下几种技能：Web前端开发，至少掌握一种前端框架；Server后端开发，至少掌
上海龙哥·2025-03-09 01:24

大事件开发 - 前端学习笔记

1.环境准备1.1创建Vue项目使用vite创建Vue3工程。目录结构调整，确保清晰的项目结构。
我只是什么都不会而已·2025-03-09 00:42

Vue3+ts实现一个颜色选择器(可以自定义)

Vue3+ts实现一个颜色选择器最近需求需要用到颜色选择器，但是选用的ant-design-vue种并没有颜色选择器这个组件，所以就想着自己实现以下效果图vue代码//ColorPicker.vueHEX
伊泽瑞尔.·2025-03-09 00:06

使用css变量实现更改字体大小功能（vue3为例）

步骤实现：定义全局CSS变量：在你的主样式文件（通常是App.vue或一个单独的CSS文件）中定义全局CSS变量。创建Vue组件或组合式API来管理这些变量：你可以使用一个Vue组件或Vue的组合式API（CompositionAPI）来管理这些全局变量的值。使用CSS变量：在你的组件中使用这些CSS变量来设置样式。动态调整CSS变量：通过Vue的响应式数据来动态调整这些CSS变量的值。1.定义全
伊泽瑞尔.·2025-03-08 23:04

Laya2.x游戏引擎入门系列（二）：UI界面开发

前端开发和游戏开发相信选择laya游戏引擎这类h5游戏引擎的开发者或多或少都有一些前端的开发经验，在开始开发小游戏之后会努力寻找和过往开发经历相似的地方。
安也 i·2025-03-08 23:01

前端实战】Vue2.0现代设计社区开发：卡片流布局+毛玻璃特效+炫酷动画 | 完整源码“ “【高级教程】仿Dribbble创意社区项目实战：Glass Morphism+响应式设计+前端开发“ “【2

效果图【定制化开发服务，让您的项目领先一步】如有需求，直接私信留下您的联系方式。谢谢。我的邮箱：[email protected]完整代码
南北极之间·2025-03-08 23:54

工程化与框架系列（24）--跨平台解决方案

跨平台解决方案引言随着移动互联网的发展，跨平台开发已成为前端开发的重要趋势。本文将深入探讨前端跨平台开发的各种解决方案，包括响应式设计、混合开发、原生开发等方案，帮助开发者选择合适的跨平台策略。
一进制ᅟᅠ        ‌‍‎‏ ·2025-03-08 22:13

深入理解Vue Router：构建单页应用的导航利器

在现代前端开发中，单页应用（SinglePageApplication，SPA）因其流畅的用户体验和高效的性能而备受青睐。
Earth explosion·2025-03-08 18:28

vue-cli3+vue2+elementUI+avue升级到vite+vue3+elementPlus+avue总结

vue-cli3+vue2+vue-router3.0+elementUI2.15+avue2.6的后台管理项目，因为vue2在2023年底已经不更新维护了，elementUI也只支持到vue2，然后总结了一下vue3
David+Zhao·2025-03-08 16:19

Vue3中 watch监听方式 （学习笔记）

监听的几种方式方式1：监视ref定义的基本数据类型方式2：监视ref定义的【对象类型】方式3：监视reactive定义的【对象类型】数据方式4：监视ref或reactive定义的【对象类型】数据中的某个属性总结前言Vue3
小陆不会敲代码·2025-03-08 15:24

全员DeepSeek时代，前端能做些什么？

www.captainbed.cn/cccDeepSeek开发阶段测试阶段部署阶段智能代码生成设计稿转代码实时代码审查测试用例生成自动化问题定位构建优化建议性能预测模型一、DeepSeek带来的前端范式变革1.1传统前端开发痛点分析
二川bro·2025-03-08 15:16

【vue3】入门系列—子组件调父组件方法

在Vue3中，子组件通常不会直接调用父组件的方法，因为这同样违反了组件之间的单向数据流原则。
前端大颖颖·2025-03-08 13:43

vue3多个页面/组件，复用同一段render页面根据接口返回的数据动态渲染逻辑，使用setup+组合式API

组件reusableComponent是可供多个组件复用的getData请求接口，render渲染数据importoperationServicefrom"@/views/operation/component/operationService.vue";constprops=defineProps({name:{type:String,default:"operation"}});const{n
十年 lius·2025-03-08 13:28

Vue3中子组件向父组件传递对象值

子组件向父组件传递值通过defineEmits来进行传值。语法：constemit=defineEmits()子组件向父组件传递：1.首先定义接口interfacePerson{name:string,age:number,job:string}2.使用defineEmitsconstemit=defineEmits()3.定义需要传递的值letmessage=ref({name:'Mike',a
Miketutu·2025-03-08 12:26

vue3中子组件获取父组件的name，父组件不做修改动作

在Vue3中，子组件若要获取父组件的name，且父组件不做额外操作，可以借助getCurrentInstance来实现。
十年 lius·2025-03-08 12:53

Nginx给Vue和Java后端做代理

本文发表于入职啦(公众号:ruzhila)可以访问入职啦查看更多技术文章网站架构入职啦采用了Nuxt.js、Vue3、Go的混合架构开发，包括了官网、简历工具、职位搜索、简历搜索等功能。
入职啦·2025-03-08 11:41

Vue3自适应布局实战：动态窗口高度适配与最小值限制的完美结合

副标题：从基础原理到el-table深度应用，手把手教你实现"屏幕无界，布局有度"的响应式方案一、核心知识点梳理响应式窗口高度监听•使用ref创建响应式变量windowHeight，通过window.addEventListener('resize')实时更新窗口高度•示例代码：constwindowHeight=ref(window.innerHeight);window.addEventLis
内向的小农·2025-03-08 11:34

前端开发中如何使用ChatGPT辅助开发？

以下是前端开发中使用ChatGPT辅助开发的完整指南，涵盖核心应用场景、实践方法及注意事项：一、代码生成与优化基础代码生成HTML/CSS/JS框架搭建：通过自然语言描述需求（如"生成带导航栏的响应式页面
破碎的天堂鸟·2025-03-08 10:14

Webpack缓存优化策略探讨

在前端开发中，Webpack是一个广泛使用的模块打包工具，它可以将多个前端资源（如JavaScript、CSS、图片等）打包成静态资源，以提高应用的加载速度和性能。
创梦引领·2025-03-08 08:19

奶妈级别 芋道源码 ruoyi-vue3-pro 视频、图片批量上传组件，复制即可用！！

批量上传图片组件请上传图片-->查看删除importtype{UploadFile,UploadProps,UploadUserFile}from'element-plus'import{ElNotification}from'element-plus'import{createImageViewer}from'@/components/ImageViewer'import{propTypes}f
William Dawson·2025-03-08 01:42

npm 常用指令指南

以下是一些常用的NPM（NodePackageManager）指令，它们在前端开发中非常实用：#NPM常用指令大全##包管理###安装依赖​```bashnpminstall安装package.json
风干牛肉巴旦木·2025-03-08 00:28

VSCode 配置优化指南：打造高效的 uni-app、Vue2/3、JS/TS 开发环境

VSCode配置优化指南，适用于uni-app、Vue2、Vue3、JavaScript、TypeScript开发，包括插件推荐、设置优化、代码片段、调试配置等，确保你的开发体验更加流畅高效。
奶凶的小熊崽·2025-03-07 23:37

uniapp微信小程序vue3自定义tabbar

在App.vue隐藏原生tabbar，也可以在pages.json中配置二选一就好了创建CustomTabBar公共组件{{item.text}}import{ref,onMounted}from'vue';constprops=defineProps({currentPage:Number,})consttabBarList=ref([{pagePath:"pages/tabbar/msg",i
HerayChen·2025-03-07 22:07

深入解析 Vue3 核心架构与实战范式：从响应式原理到 Composition API 设计哲学

引言：框架演进的必然选择在2020年发布的Vue3并非简单的版本迭代，而是对前端工程化痛点的系统性解决方案。
嘉图明·2025-03-07 22:05

vue基本功

而且自动收集依赖watch需要手动写依赖，immdiate默认是falsetoRef和toRefstoRef:复制reactive里的单个属性并转成reftoRefs:复制reactive里的所有属性并转成refvue3
码林鼠·2025-03-07 18:51

希音(Shein)前端开发面试题集锦和参考答案

用Node写过什么工具或npm包在实际开发中，使用Node编写过多种实用工具和npm包。自动化构建工具开发了一个简单的自动化构建工具，用于处理前端项目的资源压缩和合并。在前端项目中，为了优化性能，需要对CSS和JavaScript文件进行压缩，减少文件体积，同时将多个小文件合并成一个大文件，减少HTTP请求。这个工具使用Node的fs模块进行文件的读写操作，通过terser库对JavaScript
大模型大数据攻城狮·2025-03-07 10:52

Vue2中使用全局事件总线

个人理解通过一个参数去实现任意组件间通信的一个方法这个参数需要被所有VueComponents看见仅仅可以在Vue2中使用,因Vue3中已经废弃了prototype第一步：实现全局事件总线在main.js
Aricanv·2025-03-07 07:13

vue3的福音框架arco.design

1.简介1.1.概述Vue3框架Arco.design是一个基于Vue3的开源设计系统，它提供了一系列的UI组件和工具，可以帮助开发者快速构建高质量的Web应用。
丁爸·2025-03-07 06:03

vue3与react、 react hooks

一、Vue3新特性：setup、ref、reactive、computed、watch、watchEffect函数、生命周期钩子、自定义hooks函数、toRef和toRefs、shallowReactive
caihuayuan5·2025-03-07 05:23

vue3封装一个快速查询表格数据的hook，高亮搜索关键字，减少重复代码，提高产出速度

因为项目中需要很多查询页面，重复写查询逻辑费时费力，每个查询页面的基本逻辑都是：定义查询参数=>调用接口发送参数=>拿到参数赋值给表格或其他组件回显=>配置分页组件实现分页这么一个过程，所以就封装了一个hook只需要传进来查询参数（无需传分页参数），接口就可以完成上方所有逻辑，还能高亮搜索匹配关键字，如果hook的处理数据逻辑不适用接口返回参数，还可以传递一个自定义处理参数的函数我使用的antdV
旅行中的伊蕾娜·2025-03-07 04:20

vue3导入excel并解析excel数据渲染到表格中，纯前端实现。

需求用户将已有的excel上传到系统，并将excel数据同步到页面的表格中进行二次编辑，由于excel数据不是最终数据，只是批量的一个初始模板，后端不需要存储，所以该功能由前端独立完成。吐槽系统中文件上传下载预览三部曲走了一遍，万万没想到还要自己实现同步数据。实际反手各种资料开始查阅，终于找到了可以完美实现该需求的方法，来记录下我的实现方案。希望对有需要的小伙伴有帮助。注意以下为正文（重要内容），
m0_74825526·2025-03-06 23:56

vue3+vite项目打包后css样式丢失

问题：原因：默认情况下启用了CSS代码分割，CSS样式会被提取到单独的CSS文件中，会导致一些样式丢失的情况。通过将cssCodeSplit设置为false，可以禁用CSS代码分割，这样CSS样式将会内联到JavaScript中，而不是被提取到单独的CSS文件中。这种方式可以解决一些样式丢失的问题，因为样式将直接包含在构建后的JavaScript文件中，而不会受到代码分割的影响。解决方法：在vit
Angus-zoe·2025-03-06 23:56

vue3动态路由+页面刷新丢失路由+再次加载路由

1、保存路由信息在登录的时候从后端获取路由信息保存到全局pinia或者是vuex，我用的是pinia建议在保存的时候对路由信息数组做好处理2、在router.ts中引入pinia保存的路由信息：注意不要使用createWebHistory路由模式,不然上线后刷新会空白，需要使用hash模式import{createRouter,RouteRecordRaw,createWebHashHistory
Angus-zoe·2025-03-06 23:25

VSCode 配置优化指南：打造极致高效的前端开发环境

VSCode配置优化指南：打造极致高效的前端开发环境一、基础环境配置：让开发更流畅1.性能优化设置//settings.json{"files.autoSave":"afterDelay",//自动保存
超级小狗·2025-03-06 11:12

vue3+vite+ts项目中使用vue-router

vite.config.ts:import{defineConfig}from'vite';importvuefrom'@vitejs/plugin-vue';importpathfrom"path";exportdefaultdefineConfig({plugins:[vue()],resolve:{alias:{"@":path.resolve(__dirname,"src"),}},});
枫叶&情缘·2025-03-06 11:42

基于vue3封装axios

安装axiosyarnaddaxios实例化axios–设置baseURL，超时时间，大数问题constinstance=axios.create({baseURL:'',timeout:5000})请求拦截器-全局注入tokeninstance.interceptors.request.use(config=>{//config是请求//1.获取token，从user模块中获取
withNanSi·2025-03-06 09:58

生命周期总结（uni-app、vue2、vue3生命周期讲解）

一、vue2生命周期Vue2的生命周期钩子函数分为4个阶段：创建、挂载、更新、销毁。1.创建阶段beforeCreate：实例初始化之后，数据观测和事件配置之前。created：实例创建完成，数据观测和事件配置已完成，但DOM未生成。2.挂载阶段beforeMount：模板编译完成，但未挂载到DOM。mounted：实例挂载到DOM后调用，DOM已生成。3.更新阶段beforeUpdate：数据更
露西西★·2025-03-06 09:54

基于 uni-app 和 Vue3 开发的汉字书写练习应用

基于uni-app和Vue3开发的汉字书写练习应用前言本文介绍了如何使用uni-app+Vue3+uview-plus开发一个汉字书写练习应用。
xiyueta·2025-03-06 09:52

axios在vue3中的封装处理

Axios封装处理本节目标:基于axios封装一个请求模块，调用接口时使用1）安装axiosnpmiaxios2）新建src/utils/request.js模块//封装全局request请求的方法importaxiosfrom'axios'//vueximportstorefrom'@/store'//导入路由实例importrouterfrom'@/router'//baseURL超时时间配置
每天都在努力学习的刘同学·2025-03-06 09:21

深入理解 React.js：构建现代 Web 应用的核心技术

自2013年发布以来，React迅速成为前端开发领域的主流工具之一。其组件化、声明式编程模型以及高效的虚拟DOM技术，使得开发者能够轻松构建高性能、可维护的Web应用。
布兰妮甜·2025-03-06 09:50

工程化与框架系列（19）--前端安全防护

在当今复杂的网络环境中，理解并实施有效的安全策略已经成为前端开发者的必备技能。前端安全概述前端安全是指保护Web应用的客户端部分免受恶意攻击的一系列技术和实践。
一进制ᅟᅠ        ‌‍‎‏ ·2025-03-06 08:47

Composition API

scopedslot作用域插槽(配置项多、代码分裂、性能差)Vue2对TS支持不充分CompositionAPI优点逻辑代码更少,更集中,更易扩展更加丰富的API集成对TS来说,非常友好(利于类型推导)Vue2与Vue3
大麦大麦·2025-03-06 07:43

node_modules/@types/lodash-es/node_modules/@types/lodash/common/object.d.ts:1026:46

Vue3项目打包报错：因为重新安装了依赖，一些外部库升级，用到了ts的新语法，报错内容就是TS语法不兼容。
茶颜悅色·2025-03-06 07:41

新手教程，小白学web前端开发—HTML5+css3

本书教材：web前端开发案例教程—HTML5+css3简介：2005年以后，互联网进入了web2.0的时代，各种类似的桌面软件的web应用大量涌现，网站的前端，由此发生了翻天覆地的变化。
皆非本人·2025-03-06 07:09

【Web前端开发】---web简介

1、前端开发能干什么能干：网页、小程序（例如：微信小程序、抖音小程序），数据可视化前端工程师不仅可以开发上面所说的东西，而且也可以开发：服务器、客户端。2、计算机基础计算机由硬件与软件构成。
爱学习的小何同学！·2025-03-06 07:39

如何为 Web 前端开发面试做好准备

我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！
贵州数擎科技有限公司·2025-03-06 04:13

使用 Three.js 创建动态光效

我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！
贵州数擎科技有限公司·2025-03-06 04:43

Threejs实现加载loading动画

我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！
贵州数擎科技有限公司·2025-03-06 04:09
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他