前端开发Vue框架学习

2024年10月 vue 脚手架安装保姆教程（真正的手把手）

一、概念：Vuecli就是脚手架。cli全称：commandlineinterface即命令行接口二、安装脚手架1.环境准备1）下载node.js,并进行安装。
青岛亿恩斯·2025-02-12 14:00

基于vue的h5项目之支付宝支付与微信支付

一、支付宝h5支付支付宝h5支付操作起来是超级简单的，前端关键代码如下：this.$http.getTradeNo(lastParams).then(res=>{this.$http.doPayAlipay({oid:res.data,//取到的交易订单号url:yourBackUrl//成功后的回调地址}).then(resAlipay=>{//避免时间间隙造成的用户误操作，尽管拿到数据了仍然显
随便的名字·2025-02-12 14:29

vue 调用c++_electron 调用原生模块及c++与js交互

环境篇touchbinding.gyp//创建构建文件加入以下代码{"targets":[{"target_name":"greet",//greet为输出的文件名"sources":["./src/greeting.cpp",//greeting.cpp为输入的c++文件],}]}创建一个入口c++文件cdsrctouchgreeting.cpp//放入以下代码#includeusingname
weixin_39857513·2025-02-12 14:59

AI前端开发的自主学习之路：效率与深度并存

在飞速发展的AI时代，前端开发面临着巨大的挑战。技术更新迭代日新月异，知识体系庞大而复杂，如何高效地学习并掌握这些新技术，成为了每一位前端开发者必须面对的问题。
·2025-02-12 14:47

AI前端开发：高回报的未来职业？学习成本与回报深度解析

随着人工智能技术的飞速发展，AI正以前所未有的速度改变着各个行业，前端开发领域也不例外。越来越多的人开始关注AI写代码工具，并尝试将其应用于实际开发中。然而，学习AI前端开发的成本和回报如何权衡？
·2025-02-12 14:17

vue3: const一个function怎么写呢？

回答：在Vue3中，`ref`和`reactive`是两种常用的响应式数据定义方式。`ref`用于定义单个响应式对象或原始值，而`reactive`用于定义响应式对象。
fury_123·2025-02-12 13:56

AI前端开发的自主学习之路：效率与深度并存

在飞速发展的AI时代，前端开发面临着巨大的挑战。技术更新迭代日新月异，知识体系庞大而复杂，如何高效地学习并掌握这些新技术，成为了每一位前端开发者必须面对的问题。
·2025-02-12 13:43

AI前端开发：拓宽职业路径，拥抱AI时代

随着人工智能技术的飞速发展，“AI写代码工具”的出现彻底改变了软件开发的格局，AI前端开发也应运而生，成为一个充满机遇和挑战的新兴职业方向。
·2025-02-12 13:43

Vue3快速上手

Vue3快速上手1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：OnePiece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的
ConstMAO·2025-02-12 12:51

2025 年前端开发现状分析：卷疯了还是卷麻了？

一、前端现状：框架狂飙，开发者崩溃如果你是个前端开发者，那么你大概率经历过这些场景：早上打开CSDN（或者掘金，随便），发现又有新框架发布了，名字可能是VueXNext.js之类的。
ConstMAO·2025-02-12 11:46

【Vue.js 中父子组件通信的最佳实践】

Vue.js中父子组件通信的最佳实践前言在Vue.js应用开发中，组件通信是构建复杂应用的基础。父子组件通信作为最常见的场景，其实现方式直接影响代码的可维护性和可扩展性。
程序员远仔·2025-02-12 11:14

SpringBoot+Vue实战解析，前端别再问我了！

文章目录前言一、GET下载文件：简单直接，但并非万能1.1前端示例代码1.2后端示例代码二、POST下载文件：低调奢华，暗藏玄机1.1前端示例代码1.2后端示例代码三、GETvsPOST：如何选择？总结前言前端同事：“POST下载文件怎么接收？”我：“？？？”这问题，就像问“用筷子怎么喝汤”一样让人哭笑不得！不过，既然有人问，那我就来当一回“科普达人”，给大家讲讲GET/POST下载文件的区别，保
程序员小严·2025-02-12 09:02

深入浅出Vue.js：从入门到实战开发指南

文章目录一、Vue.js简介1.1什么是Vue.js？
chenNorth。·2025-02-12 09:01

【异常】npm run dev后提示Error: error:0308010C:digital envelope routines::unsupported

一、报错内容D:\Project\xxx\xxx>npmrundev>[email protected]>vue-cli-serviceserveINFOStartingdevelopmentserver
本本本添哥·2025-02-12 08:54

元宵源码大奉送

部分SSM系统列表ssm基于SSM的毕业生就业管理系统+vuessm基于ssm框架的校园闲置物品交易平台+jspssm社区医疗保健监控系统
码递夫·2025-02-12 07:49

vue项目启动报错：error:0308010C:digital envelope routines::unsupported

vue项目启动报错：error:0308010C:digitalenveloperoutines::unsupportednodejs17以上版本允许算法和密钥大小有问题将node.js版本换成18+后
想坠入海底·2025-02-12 07:49

Rust GUI框架Tauri V1 入门

__TAURI_INVOKE__.invokeisundefined问题参考资料JavaScript模块Vue框架VueRouteviteNuxt参考资料Tauri介绍Tauri是一款用Rust构建的开源框架
怪我冷i·2025-02-12 07:47

vue+element el-tree 最详细的使用方法，包含真实数据渲染

上一篇文章贴了完整的el-tree代码，这一篇详细的描述一下如何在项目中使用传送门，el-tree完整代码，有完整的代码先从这一段代码开始，对应的是左侧的树区域input的v-model绑的值在data中定义：filterText:“”,//树过滤在watch中监听，筛选的值会不断发生变化，所以要监听值的变化，调用树的filter方法，用this.$ref.tree点出来。watch:{filte
春晓_春眠花落·2025-02-12 05:33

UniApp + Vue3开发中的坑：无法获取到dom元素的排查过程 无法直接修改style样式的坑

UniApp+Vue3开发中的坑：无法获取到dom元素的排查过程无法直接修改style样式的坑欢迎关注『开发必备』专栏，专注于解决你在开发过程中遇到的各种问题，帮你快速找到解决方案，节省大量调试时间。
代码简单说·2025-02-12 03:17

计算机毕业设计——springboot的准妈妈孕期交流平台

作者：程序媛9688开发技术：SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等。
程序媛9688·2025-02-12 02:41

[vue3] Ref Reactive

【b站-【前端面试】Vue3ref与reactive区别】Ref：Ref用于创建一个响应式的基本数据类型，比如数字、字符串等。它将普通的数据变成响应式数据，可以监听数据的变化。
533_·2025-02-12 02:09

在React中使用v-if语法(基于babel)

众所周知在React中并没有像Vue那么多的API，所有功能都要依托于原生JS去实现。
weixin_33739541·2025-02-12 01:34

【前端】【面试】ref与reactive的区别

ref与reactive的区别笔记一、概述在Vue3的组合式API中，ref和reactive是两个非常重要的响应式工具，它们都用于创建响应式数据，但在使用方式、适用场景和内部实现上存在一些区别。
患得患失949·2025-02-12 01:03

【前端】【面试】【经典一道题】vue中组件传值的几种方式

import{ref}from'vue';importChildComponentfrom'.
患得患失949·2025-02-12 01:03

微信分享前端开发全程详解含iOS、安卓、H5、ReactNative以及微信开放标签的适配和使用

2024年9月，本人在做微信分享前端部分的iOS、安卓和H5的页面和功能时踩了不少坑，于是写了这篇文章，内容包括微信分享在上面三个端的技术点和坑点、解决办法，微信开放标签的相关适配，以及ReactNative的特别处理部分。原文链接：http://www.kovli.com/2024/12/18/wx-share/作者:Kovli重要通知：红宝书第5版2024年12月1日出炉了，感兴趣的可以去看看
·2025-02-12 01:58

推荐项目：Vue-Touch-Ripple，打造优雅的触碰涟漪效果

推荐项目：Vue-Touch-Ripple，打造优雅的触碰涟漪效果vue-touch-rippleAink-rippleeffectcomponentfor@vuejs项目地址:https://gitcode.com
杭云瑗Ward·2025-02-12 01:29

【前端】【面试】【经典一道题】前端 Vue、React 采用单向数据流的原因

前端Vue、React采用单向数据流的原因一、可预测性1.数据流向清晰在单向数据流架构里，数据从父组件流向子组件的路径是明确且可预期的。
患得患失949·2025-02-12 00:26

vue实现自定义校验值是否有效

新建mixin/valid.jsexportdefault{data(){return{//invalidValues:newSet(["undefined","null","NaN","",null,undefined])invalidValues:["undefined","null","NaN","",null,undefined,NaN]};},methods:{isValidValue(
毛三仙·2025-02-11 23:14

Vue2常用指令

一、指令基础概念在Vue2里，指令是带有v-前缀的特殊属性。它的主要作用是当表达式的值发生变化时，会相应地将某些特殊的行为应用到DOM上。
鸡吃丸子·2025-02-11 22:38

在Vue项目中如何实现国际化（i18n）的高级支持，包括多语言切换、动态翻译、本地化资源管理等技术的应用，以及如何处理文化差异和性能问题!

在Vue项目中实现国际化（i18n）是支持多语言应用的关键需求。通过国际化，可以让应用适应不同语言和地区的用户，提升用户体验。
dxh_888·2025-02-11 22:36

AI赋能：高效工作，加速你的前端开发职业生涯

在当今瞬息万变的市场环境下，个人职业发展的重要性日益凸显。面对激烈的竞争和技术革新，持续学习和提升技能已不再是锦上添花，而是生存和发展的必要条件。而提升工作效率，无疑是加速职业发展，在竞争中脱颖而出的关键途径。选择合适的工具，例如高效的AI代码生成器，能够显著提高你的工作效率，为你的职业发展注入强劲动力。加速职业发展，从高效工作开始快节奏的工作环境对效率提出了极高的要求。在有限的时间内完成更多任务
·2025-02-11 21:43

vue3 在线预览word文件

一、使用mammoth插件安装插件pnpminstallmammoth--save-dev使用importmammothfrom"mammoth";import{ref}from"vue";consthtmlContent
·2025-02-11 21:43

前端代码整洁度提升专家Prompt指令的最佳实践

本次提示词偏向前端开发的使用，如有需要可适当修改关键词和示例。
roamingcode·2025-02-11 19:42

vue基础（五）

Vue实例在创建、挂载、更新、销毁的过程中会触发一系列的生命周期钩子（LifecycleHooks），让开发者可以在不同阶段执行逻辑。
Goodbaibaibai·2025-02-11 18:40

前端开发架构师Prompt指令的最佳实践

前端开发架构师Prompt提示词可作为系统提示词使用，可基于用户的需求输出对应的编码方案。本次提示词偏向前端开发的使用，如有需要可适当修改关键词和示例。
roamingcode·2025-02-11 18:36

Vue3计算属性

比如说，我们有这样一个包含嵌套数组的对象：//jsconstauthor=reactive({name:'JohnDoe',books:['Vue2-AdvancedGuide','Vue3-BasicGuide
海绵宝龙·2025-02-11 18:05

Vue3 实现 勾选 + 列表拖拽 + 搜索列表

item.label}}全选-->已选属性(共{{selectedItems.length}}个){{element.label}}置顶删除-->取消确认import{computed,ref,toRefs}from'vue'importdraggablefrom'vuedraggable
A-sleep·2025-02-11 17:59

vue3+vite assets动态引入图片的几种方式，解决打包后图片路径错误不显示的问题

vite官方默认的配置，如果资源文件在assets文件夹打包后会把图片名加上hash值，但是直接通过:src="imgSrc"方式引入并不会在打包的时候解析，导致开发环境可以正常引入，打包后却不能显示的问题vue3
A-sleep·2025-02-11 17:29

Vue - elementUI 下拉菜单dropdown组件中command方法添加额外参数

在使用dropdown组件的时候，需要的参数可能很多，不仅仅是command一个参数。这就需要通过composeValue构造一个结构了。//方法部分的处理handleCommand(command){console.log(command)},composeValue(item,id){return{button:item,id:id}}打印结果table中编辑投放列表handleCommand
A-sleep·2025-02-11 17:29

vue3项目中使用lodash

createApp(App)app.config.globalProperties.lodash=_;//设置全局变了3.界面使用......import{getCurrentInstance}from"vue"const
·2025-02-11 16:25

vue3+vite项目h5/web配置浏览器自适应适配（postcss-px-to-viewport-8-plugin）

注意，项目中不要写行内样式vue3+vite项目配置适配H5主要安装一下两个插件：amfe-flexible（主要用于动态设置根元素字体大小(rem)，以根据屏幕尺寸进行自适应布局）postcss-px-to-viewport
·2025-02-11 16:25

vue3+vite项目，elementPlus自定义主题

vue3+vite配置elementPlus主题需要安装一下两个插件：unplugin-vue-componentsunplugin-auto-import开始配置：第一步、安装插件pnpminstall-Dunplugin-vue-componentsunplugin-auto-import
·2025-02-11 16:54

【前端框架与库】「React 全面解析」：从 JSX 语法到高阶组件，深度剖析前端开发中的核心概念与最佳实践

React全面解析前言1.React的JSX语法JSX的特点：JSX编译2.组件通信父子组件通信（通过Props）兄弟组件通信3.React生命周期4.组件化开发组件化的好处：5.服务端渲染（SSR）为什么使用SSR？SSR的基本流程：客户端水合：6.ReactHooks自定义Hook：7.数据更新机制8.组件设计模式高阶组件（HOC）9.组件性能优化10.高阶组件（HOC）高阶组件的用途：HOC
呀啊~~·2025-02-11 16:50

vue+echarts实现力导向图节点(自定义样式)

效果预览橘黄色节点为主节点自定样式，其余都是子节点实现步骤：附主要逻辑代码组装节点数据importuserselffrom'../../../../static/img/user-self.png'importuserotherfrom'../../../../static/img/user-other.png'varnodes=Object.values(this.nodesMap).map(f
在下陈平安·2025-02-11 16:19

vue中使用lodash的debounce(防抖函数)

1、安装npmi--savelodash.debounce2、引入importdebouncefrom'lodash.debounce'3、使用第一种：handleInput:debounce(function(val){console.log(val)},200)第二种：handleInput(val){console.log(val)}created(){this.handleInput=de
晚时之秋·2025-02-11 15:17

Openlayers加载天地图、百度、高德、ArcGIS、Bing、OSM、Google地图 （结合Vue 详细教程）

目录Openlayers加载天地图、百度、高德、ArcGIS、Bing、OSM、Google地图1.地图数据源类型及其使用方法1.XYZ(ol/source/XYZ)2.OSM(ol/source/OSM)3.WMS(ol/source/TileWMS)2.如何在地图中使用数据源1.使用XYZ数据源（StamenMaps服务）2.使用OSM数据源3.使用WMS数据源（以Geoserver服务为例）
三维giser·2025-02-11 14:43

monorepo代码管理框架

1.新建vue3-component文件夹2.运行pnpminit3.pnpmivuetypescript4.新建.npmrcshamefully-hoist=truelink-workspace-packages
Lanwarf-前端开发·2025-02-11 13:36

Vue2+Echarts封装组件：专注逻辑，图表生成自动化

通过Vue2封装了一个Echarts图表组件，不需要关注图表的生成和渲染了，只需要关注逻辑开发即可，包含了柱状图、折线图、饼图、柱状叠加图、柱状图折线图组合、柱状叠加图与柱状图的组合等，包含了图表下钻、
努力奋斗小白·2025-02-11 13:06

Vue全流程--Vue3组合一ref与reactive（实现响应式）

ref：定义基本类型的响应式数据先看ref使用的位置import{ref}from'vue'exportdefault{name:'App',setup(){//数据letname=ref('张三')letage
不清参·2025-02-11 12:30

MVVM模式是什么？ 它的优点？它和mvc的区别？

MVVM是Model-View-ViewModel的缩写，它是一种基于前端开发的架构模式，其核心是提供对View和ViewModel的双向数据绑定，这使得ViewModel的状态改变可以自动传递给View
试图让你心动·2025-02-11 12:59
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他