基于vue-Ant实现图片上传 引言: 上传是将信息(网页、文字、图片、视频等)通过网页或者上传工具发布到远程服务器上的过程。如何使用Ant-design-vue中的 a-upload 上传组件进行图片或者视频的上传呢? 正文: 1... 网站建设# Ant-design# Html/CSS# vue 3年前320
快速在你的Vue/React应用中实现Ssr(服务端渲染) 我们都知道, Vue和React是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出自定义组件,进行生成 DOM 和操作 DOM, 也就是我们常说的客户端渲染, 并且我们大部分主流的场景都是SP... 网站建设# react# spa# vue 5年前320
一篇学会如何使用Vite重构Vue3项目 截止发文时间,vite正式版已经发布快2年时间了,vue3也发布到3.2版本了,它的周边设施基本上已经齐活了。也是时候再次重构下我那个vue3.0的开源项目了。,本篇文章就记录下我的重构过程,欢迎各位... 网站建设# cli# vite# vue 4年前310
注意避坑,Vue Router 4: 路由参数在 Created或Setup 时不可用 你的可能已经注意到,VUE 3版本的 Vue router (4.0) 与其之前的版本有一些 breaking change 更改。大部分的 Vue Router API 都没有变化,而且迁移过程也... 网站建设# created# router# setup 4年前300
你需要知道的 19 个 Console 实用调试技巧! 大家好,我是 CUGGZ。 浏览器的开发者工具为我们提供了强大的调试系统,可以用来查看DOM树结构、CSS样式调试、动画调试、JavaScript代码断点调试等。今天我们就来看看console调试的那... 系统教程# console# log# react 2年前290
使用 Vite 和 TypeScript 带你从零打造一个属于自己的 Vue3 组件库 ,随着前端技术的发展,业界涌现出了许多的UI组件库。例如我们熟知的ElementUI,Vant,AntDesign等等。但是作为一个前端开发者,你知道一个UI组件库是如何被打造出来的吗?,读完这篇文章... 网站建设# ui# vite# vue 3年前290
保证你不知道的Vue 3技巧 在每个组件或HTML标签上,我们可以使用一些特殊的(文档没写的)钩子作为事件监听器。这些钩子有:,我主要是在组件上使用onVnodeMounted,当需要在组件挂载时执行一些代码,或者在更新时使用o... 网站建设# onvnodeupdated# vnode# vue 4年前290
如何为 Vue3 组件标注 TS 类型,看这个就够了! ,要说今年最热门的前端技术,Vue3 和 TS 绝对榜上有名了。据了解,已经有很多公司在使用 Vue3 + TS + Vite 开发新项目了。那么我们也不能落后。,当使用 <script set... 网站建设# props# ts# vue 5年前290
定制一个 Vue 3 模板 - 集成 Vite, Pinia, Vue Router 与 Tailwind CSS ,不久前,我意识到我正在用一些重复使用的后台基础模板,浪费了我一些摸鱼时间,我突然想到--为什么不把这些可重复使用的部分重新利用起来,把它们简单地堆在一个模板里呢?,这个后台模板中,用到了如下的框架或... 网站建设# pinia# router# tailwind 5年前290
一文掌握 vue3.2 setup 语法糖 ,提示:Vue3.2 版本开始才能使用语法糖!,在 Vue3.0 中变量必须 return 出来,template中才能使用;而在 Vue3.2 中只需要在 script 标签上加上 setup 属性... 网站建设# setup# vue# 代码 4年前270
为什么 Vue2 this 能够直接获取到 data 和 methods ? ,在平时使用vue来开发项目的时候,对于下面这一段代码,我们可能每天都会见到:,但是我们自己实现一个构造函数却实现不了这种效果呢?,那么vue2中是怎么实现这种调用方式的呢?,首先可以找到vue2的入... 网站建设# initmethods# methods# vue 4年前260
完成第一个 Vue3.2 项目后,这是我的技术总结 ,我认为当你写vue3时,应该把这当作默认写法。在vue3.2之前,一般会这样写。,那么现在,我们可以这样写,对比一下,减少了多少行代码呢?,PS:之后的代码我会省略script setup,默认都在... 网站建设# script# setup# vue 4年前240
看了九个开源的 Vue3 组件库,发现了这些前端的流行趋势 参考了如下组件库,因为有些设计是多个版本和框架的,这里只讨论 Vue3 版本。,流行度:100%,这个流行趋势已经成必然了,现在面试也有越来越多的 TS 相关。,rollbar 是一个异常监控平台,r... 网站建设# rollbar# typescript# vue 4年前240
Vue开发常用的工具有哪些? 本节小编将对Vue的开发环境以及常用工具的使用进行讲解。,Visual Studio Code(VS Code)是由微软公司推出的一款免费、开源的编辑器,推出之后便很快流行起来,深受开发者的青睐。作... 网站建设# code# vs# vue 4年前230
从 Vue2 到 Vue3,那些可能让你眼前一亮的小细节 ,相信很多兄弟都知道 Vue3 的那些新特性,如基于 Proxy 的响应式系统、编译器优化、Composition-API 等等,但你知道 Vue3 中有哪些小细节是和 Vue2 不同的吗?,今天就给... 网站建设# vue# 作用域# 样式 3年前220
为什么Vue(默认情况下)比React性能更好 ,本文不是要辩论 Vue 好还是 React 好,而是要看看这两个框架在低层次上是如何选择的。,我知道有些开发者在选择框架之前会倾向于看基准。然而,这并不是最关键的方面,因为99%的性能都来自于你写的... 网站建设# jsx# react# vue 4年前220
Nuxt.js 3.0 正式发布!为每个人提供了一个愉快的 Vue 全栈开发体验 11 月 16 日,全球最大的 Nuxt 会议 Nuxt Nation 2022 在线举行,并正式发布了 Nuxt.js 3.0 的第一个稳定版本。Nuxt 3 是基于 Vite[1]、Vue3[2... 网站建设# js# nuxt# vue 5年前210
22个Vue 源码中的工具函数 ,本次涉及的工具函数 1-16 在 Vue3 的源码中,路径是 core/packages/shared/src/index.ts。,17-22 在 Vue2 的源码中,路径是 vue/src/sha... 网站建设# shared# vue# 使用 5年前210
前端页面加载速度优化解决方案 随着前端各种框架的日益完善,一些基本的性能优化和加载优化都已经很完善了,但是有些必要的优化还是得开发者自己去做。vue.js是一个比较流行的前端框架,与react.js、angular.js相比来说... 网站建设# vue# XML/XSL# 优化加载 3年前190
基于Jsoneditor二次封装一个可实时预览的Json编辑器组件(React版) 做为一名前端开发人员,掌握vue/react/angular等框架已经是必不可少的技能了,我们都知道,vue或react等MVVM框架提倡组件化开发,这样一方面可以提高组件复用性和可扩展性,另一方面也... 网站建设# json# jsoneditor# react 5年前190
推荐七个Vue 3的高颜值UI组件库 Vue 3.0 已经发布两年多的时间,今年 2 月 Vue 3.0 也正式成为新的默认版本。今天就来分享 7 个适用于 Vue 3 的高颜值 UI 组件库!,Element Plus 是一套由饿了么开... 网站建设# element# plus# vue 5年前180
七个 Vue 3 中的组件通信方式 我们会讲以下七种组件通信方式:,本文将使用如下演示,如下图所示:,上图中,列表和输入框分别是父组件和子组件。根据不同的通信方式,会调整父子组件。,props 是 Vue 中最常见的父子通信方式,使用起... 网站建设# vue# 代码# 如下 4年前170
使用 Vue.js 编写命令行界面,前端开发 CLI 的利器 ,大家好,我是webfansplz[1].继将 Vue 渲染到嵌入式液晶屏[2]后,今天要跟大家分享的是如何将Vue渲染到命令行工具 :).关于命令行工具,大家应该都比较熟悉了,比如vue-cli、V... 网站建设# temir# vue# 命令行 4年前170
如何随意切换 NodeJs 版本? 小伙伴们知道松哥最近在录TienChin项目的视频,其中前端用的是 Vue3,这个用的是 RuoYi-Vue3,这个脚手架里边前端用的 yarn,并且还使用了一些插件,导致 Node 版本必须要 &g... 网站建设# hexo# node# nodejs 5年前170
开箱即用的后台管理系统模版,用来撸项目正合适! Vue Element Admin vue-element-admin 是一个后台前端解决方案,它基于 vue 和 element-ui实现。它使用了最新的前端技术栈,内置了 i18n 国际化解决方案... 系统教程# admin# ant# design 2年前160
十个yyds的Vue、React源码解析开源项目! ,大家好,我是 CUGGZ。,为什么要阅读源码?阅读优秀的代码的目的是让我们能够写出优秀的代码,更好的理解框架的工作方式。下面就来分享 5 个 Vue 源码解析开源项目、5 个 React 源码解析开... 网站建设# https# vue# 源码 4年前150
盘点十个 GitHub 上的前端高仿项目 大家好,我是CUGGZ。,今天来分享 Github 上的 10 个高仿前端项目。,概览:,一个使用 Vue3+TS 开发的音乐播放器,界面模仿 QQ 音乐 Mac 客户端,支持黑夜模式。,,Githu... 网站建设# github# mac# vue 5年前150
Vue3 $emit指南--包含选项API、组合API以及 setup 语法糖 许多Vue模式涉及使用props将数据从父组件传递到子组件。但如果我们需要一个子组件将数据传给它的父组件呢?,使用 emit,我们可以触发事件并将数据传递到组件的层次结构中。这对下面几种情况很有用,如... 网站建设# add# api# emit 4年前140
【Vue】图片拉近、全屏背景实战经验总结 1 图片拉近 缘起是看到了下面的图片,我发现当鼠标悬浮的时候,发现他是可以拉近的,也就是图片的宽高不变,但是图片被放大了 起初我以为是有一个这样的方法,可以实现这个操作,但是查找了很多网站都没有找到... 网站建设# html# HTML5# vue 3年前90