文章 2023-11-23 来自:开发者社区

VUE3(三十三)vue实现上拉加载下一页

之前从来没有单独的做过手机端的网页。当然,之前我也没有独立的从切图到写代码交互做过前端的页面。之前的旧版博客的前端页面是找的现成的模板,详情请移步l.guanchao.site这里边的分页还是和响应电脑端的数字分页。但是,其实独立做一个手机端的网站,而不是响应式的网站的时候,这种数字分页看起来可能是不太好。手机端网站嘛,还是仿照着APP或者是微信小程序那种上拉触底分页比较好。但是,这个玩意怎么实....

VUE3(三十三)vue实现上拉加载下一页
文章 2023-10-30 来自:开发者社区

Vue3使用hook封装媒体查询和事件监听,使Vue的开发更加丝滑

js中媒体查询的主要方法是使用window对象下的matchMedia对象,查询语句和CSS媒体查询一样。封装媒体查询首先我们先看监听系统主题色的例子首先创建媒体查询对象根据查询结果设置对应的值然后建立监听事件,并且在退出时取消监听export const useTheme = () => { // 首先创建媒体查询对象 const themeMedia = matchMedia(...

Vue3使用hook封装媒体查询和事件监听,使Vue的开发更加丝滑
文章 2023-10-23 来自:开发者社区

vue3+ant design vue 自定义文件上传和自定义上传进度条

<!-- html部分 -->      <a-upload-draggerref="upload"  name="file" :multiple="true"            :customRequest="customRequest"     &amp...

文章 2023-09-26 来自:开发者社区

vue3:vue3.2升级至vue3.3/vue升级版本

一、目标Vue 3.2项目到Vue 3.3二、操作2.1、更新Vue的版本pnpm add vue@latest2.2、更新Vue CLI的版本如果你正在使用Vue CLI来创建和管理你的Vue项目,更新Vue CLIpnpm add -g @vue/cli@latest2.3、检查你的Vue项目的依赖项你需要确保项目中的所有依赖项都是最新的,特别是与Vue相关的依赖项,如Vue Router和....

vue3:vue3.2升级至vue3.3/vue升级版本
文章 2023-08-03 来自:开发者社区

Vue3 创建项目流程(vue create xxx)

一、安装如果电脑上已经安装的 vue-cli 是老版本,没法选择 vue3,卸载重新装。$ npm uninstall vue-cli -g全局安装,默认安装最新版本$ npm install -g @vue/cli检查是否安装成功$ vue --version二、创建项目创建项目$ vue create 项目名选择配置模式,进行初始化项目。? Please pick a preset: (Us....

Vue3 创建项目流程(vue create xxx)
文章 2023-06-29 来自:开发者社区

【Vue3 第一章】Vue 简介(二)

1.7 Vue 开发采用虚拟 DOM用传统的开发模式,原生JS或JQ操作DOM时,浏览器会从构建DOM树开始从头到尾执行一遍流程。在一次操作中,我需要更新10个DOM节点,浏览器收到第一个DOM请求后并不知道还有9次更新操作,因此会马上执行流程,最终执行10次。例如,第一次计算完,紧接着下一个DOM更新请求,这个节点的坐标值就变了,前一次计算为无用功。计算DOM节点坐标值等都是白白浪费的性能。即....

【Vue3 第一章】Vue 简介(二)
文章 2023-06-28 来自:开发者社区

【Vue3 第一章】Vue 简介(一)

数字化管理平台Vue3+Vite+VueRouter+Pinia+Axios+ElementPlus权限系统-商城个人博客地址前置导读1. 学习 Vue3 需要什么知识?1. 学习 Vue3 需要什么知识?需要有 HTML5 + CSS3 + JavaScript 基础对 Node 的包管理器有一定的了解(比如:通过 npm 的方式安装过 Bootstrap、less 等插件)了解过 Vue2 ....

【Vue3 第一章】Vue 简介(一)
文章 2023-06-28 来自:开发者社区

【三十天精通 Vue 3】 第十天 Vue 状态管理详解

引言Vue 3 是一款流行的 JavaScript 前端框架,其拥有强大的响应式系统,易于学习和使用的状态管理工具,使得开发者可以轻松地管理组件状态和应用状态。今天,我们将深入探讨 Vue 3 中的状态管理机制,包括状态管理的概念、作用、响应式原理、数据流、状态管理工具以及最佳实践等方面。一、Vue 3 状态管理概述1.1 状态管理的概念在 Web 应用中,状态是指组件和应用中的数据。例如,表单....

文章 2023-04-15 来自:开发者社区

小满Vue3第四十章(Vue响应性语法糖)

前言:感谢大家辛苦了,迎来了vue系列的第四十章。小提示 本章内容所讲的东西都是实验性的产物 暂时不要再生产环境使用,自己开发玩可以使用,不过大体框架应该不会变了。要求 vue版本 3.2.25 及以上1.开启配置(开启之后才能使用新特性)vite 开启 reactivityTransformimport { fileURLToPath, URL } from 'url' import { de....

小满Vue3第四十章(Vue响应性语法糖)
文章 2023-04-15 来自:开发者社区

小满Vue3第三十九章(Vue开发桌面程序Electron)

建议视频教程小满Vue3(第三十九章 electron桌面程序)_哔哩哔哩_bilibiliElectron官网Electron | Build cross-platform desktop apps with JavaScript, HTML, and CSS.我们用的VsCode 也是 electron 开发的 electron 内置了 Chromium 和 nodeJS 其中 Chromi....

小满Vue3第三十九章(Vue开发桌面程序Electron)

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注