- 一、vw、vh、vmin、vmax 1.1 vw、vh、vmin、vmax 的含义（1）vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Viewport）大小来决定的，单位 1，代表类似于 1%。视窗(Viewport)是浏览器实际显示内容区域，换句话说是不包括工具栏和按钮的网页浏览器。（2）具体描述如下：vw：视窗宽度的百分比... 一、vw、vh、vmin、vmax 1.1 vw、vh、vmin、vmax 的含义（1）vw、vh、vmin、vmax 是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Viewport）大小来决定的，单位 1，代表类似于 1%。视窗(Viewport)是浏览器实际显示内容区域，换句话说是不包括工具栏和按钮的网页浏览器。（2）具体描述如下：vw：视窗宽度的百分比...
- 这里的路由是指的页面之间的路径管理器，简单的理解为 vue-router 就是链接路径的管理系统。vue-router 是 Vue.js 官方的路由插件，它和 vue.js 是深度集成的，适合用于构建单页面应用。vue-router 就是将组件映射到路由上面。在 vue-router 单页面应用中，是路径之间的切换，也就是组件的切换。 vue router 路由配置 组件设计在 Vue 中，... 这里的路由是指的页面之间的路径管理器，简单的理解为 vue-router 就是链接路径的管理系统。vue-router 是 Vue.js 官方的路由插件，它和 vue.js 是深度集成的，适合用于构建单页面应用。vue-router 就是将组件映射到路由上面。在 vue-router 单页面应用中，是路径之间的切换，也就是组件的切换。 vue router 路由配置 组件设计在 Vue 中，...
- 文章目录🍀回顾响应式对象🍀介绍toRefs🍀介绍toRef（不常用）🍀总结🍀回顾响应式对象在介绍知识点之前，我们准备好初始代码<template><h2>姓名：{{ person.name }}</h2><h2>姓名：{{ person.age }}</h2><button @click="change_name">修改名字</button><button @click="chan... 文章目录🍀回顾响应式对象🍀介绍toRefs🍀介绍toRef（不常用）🍀总结🍀回顾响应式对象在介绍知识点之前，我们准备好初始代码<template><h2>姓名：{{ person.name }}</h2><h2>姓名：{{ person.age }}</h2><button @click="change_name">修改名字</button><button @click="chan...
- 文章目录🥦下载node.js🥦创建Vue3项目🥦VSCode和Vue3🥦CDN（内容分发网络）🥦使用全局构建版本🥦ES 模块构建版本🥦启用 Import maps🥦下载node.js输入下面命令查看版本node -v下载地址https://nodejs.org/en官方文档建议如下🥦创建Vue3项目创建一个空文件夹（最好路径不要有中文）之后运行 npm create vue... 文章目录🥦下载node.js🥦创建Vue3项目🥦VSCode和Vue3🥦CDN（内容分发网络）🥦使用全局构建版本🥦ES 模块构建版本🥦启用 Import maps🥦下载node.js输入下面命令查看版本node -v下载地址https://nodejs.org/en官方文档建议如下🥦创建Vue3项目创建一个空文件夹（最好路径不要有中文）之后运行 npm create vue...
- 前段时间有分享一篇electron27+react18跨端仿制mateOs桌面系统项目，今天再来分享一款uniapp+vue3跨端仿制抖音短视频+直播商城应用。https://bbs.huaweicloud.com/blogs/416211uniapp-dylive：全新基于uniapp+vue3+pinia+vk-uview等技术跨端仿制抖音/微信直播带货商城项目。支持沉浸式全屏上下滑动短... 前段时间有分享一篇electron27+react18跨端仿制mateOs桌面系统项目，今天再来分享一款uniapp+vue3跨端仿制抖音短视频+直播商城应用。https://bbs.huaweicloud.com/blogs/416211uniapp-dylive：全新基于uniapp+vue3+pinia+vk-uview等技术跨端仿制抖音/微信直播带货商城项目。支持沉浸式全屏上下滑动短...
- 初识Sringboot3+vue3环境准备 初识Sringboot3+vue3环境准备
- 本文主要介绍了Vue.js中的核心概念之一——虚拟DOM，包括虚拟DOM的定义、优势、原理和应用。虚拟DOM是一种轻量级的JavaScript对象，用于描述真实DOM树的结构和属性。在Vue.js中，虚拟DOM的出现可以避免频繁的DOM操作，提高性能。虚拟DOM的优势包括提高开发效率、跨平台兼容性和提高可维护性。虚拟DOM的原理主要包括虚拟DOM的结构、创建和更新。 本文主要介绍了Vue.js中的核心概念之一——虚拟DOM，包括虚拟DOM的定义、优势、原理和应用。虚拟DOM是一种轻量级的JavaScript对象，用于描述真实DOM树的结构和属性。在Vue.js中，虚拟DOM的出现可以避免频繁的DOM操作，提高性能。虚拟DOM的优势包括提高开发效率、跨平台兼容性和提高可维护性。虚拟DOM的原理主要包括虚拟DOM的结构、创建和更新。
- 自定义导航栏是小程序中不可或缺的一个组件，它能够为用户提供清晰的页面结构和功能指引，提高用户体验和操作效率。在实现自定义导航栏时，需要考虑不同机型的适配问题，确保导航栏在不同设备上都能正常显示和使用。同时，还需要注意导航栏的设计风格与页面整体风格的一致性，以及导航项的布局和交互方式等细节问题。 自定义导航栏是小程序中不可或缺的一个组件，它能够为用户提供清晰的页面结构和功能指引，提高用户体验和操作效率。在实现自定义导航栏时，需要考虑不同机型的适配问题，确保导航栏在不同设备上都能正常显示和使用。同时，还需要注意导航栏的设计风格与页面整体风格的一致性，以及导航项的布局和交互方式等细节问题。
- 浅学Element-ui路由VueRoute 浅学Element-ui路由VueRoute
- 1、需求使用Vue + Element UI 实现在列表的操作栏新增一个复制按钮，复制当前行的数据可以打开新增弹窗后亦可以跳转到新增页面，本文实现为跳转到新增页面。 2、实现 1）列表页 index.vue<el-table><!-- 其他列 --><el-table-column label="操作" width="150"> <template slot-scope="scope"... 1、需求使用Vue + Element UI 实现在列表的操作栏新增一个复制按钮，复制当前行的数据可以打开新增弹窗后亦可以跳转到新增页面，本文实现为跳转到新增页面。 2、实现 1）列表页 index.vue<el-table><!-- 其他列 --><el-table-column label="操作" width="150"> <template slot-scope="scope"...
- 前言计算属性 一、计算属性定义：要用的属性不存在，要通过已有的属性来计算。原理：底层借助了Object.defineproperty方法提供的getter和setter。（如果不了解getter和setter可以看一下我数据代理那篇文章的讲解）get函数的执行：（1）初次读取时会执行一次。（2）当依赖的数据发生变化时会再次调用。优势：与methods实现相比，内部有缓存机制（复用），效率更... 前言计算属性 一、计算属性定义：要用的属性不存在，要通过已有的属性来计算。原理：底层借助了Object.defineproperty方法提供的getter和setter。（如果不了解getter和setter可以看一下我数据代理那篇文章的讲解）get函数的执行：（1）初次读取时会执行一次。（2）当依赖的数据发生变化时会再次调用。优势：与methods实现相比，内部有缓存机制（复用），效率更...
- 一、前言项目开发过程中，定义的方法、变量、组件如果被多处引用，就要考虑将其抽取为公共部分，提升代码复用度，便于维护。 二、全局变量挂载有以下两种方式可实现全局挂载全局变量。 2.1 方式一：Vue.prototype1、添加实例 property你可能会在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 实例中可用。Vue.pr... 一、前言项目开发过程中，定义的方法、变量、组件如果被多处引用，就要考虑将其抽取为公共部分，提升代码复用度，便于维护。 二、全局变量挂载有以下两种方式可实现全局挂载全局变量。 2.1 方式一：Vue.prototype1、添加实例 property你可能会在很多组件里用到数据/实用工具，但是不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 实例中可用。Vue.pr...
- 前言为了减小项目打包体积，提高项目性能，对Element UI组件进行按需引入，但是在实际实践过程中遇到了比较有意思的问题，官方写的demo然而并不能行的通，有开发者在Issues提问，然后官方并没有给予解决，而开发者用另一种方式实现了。(在这里我就想吐槽：官方demo实现不了，写在官网上给更多的人种坑，网上一大堆的Element UI组件按需引入几乎都是官方的例子。我就想问问那些写文章的... 前言为了减小项目打包体积，提高项目性能，对Element UI组件进行按需引入，但是在实际实践过程中遇到了比较有意思的问题，官方写的demo然而并不能行的通，有开发者在Issues提问，然后官方并没有给予解决，而开发者用另一种方式实现了。(在这里我就想吐槽：官方demo实现不了，写在官网上给更多的人种坑，网上一大堆的Element UI组件按需引入几乎都是官方的例子。我就想问问那些写文章的...
- vue自定义指令可以帮助我们实现需要操作，比如防抖、节流、懒加载、输入框自动聚焦等等，使用起来非常方便， vue自定义指令可以帮助我们实现需要操作，比如防抖、节流、懒加载、输入框自动聚焦等等，使用起来非常方便，
- 一、前言随着外部监管对国产化的要求越来越高，所在产品团队信创专项改造工作开始实施，需求如下：信创平台控件只能使用在信创终端使用，不能应用在Windows上，存量系统运行过程中需要能够识别业务人员当前使用的终端操作系统，若终端操作系统为Windows，则使用旧版本Windows控制，若信创平台为麒麟ARM64、统信UOS中的其中一个，则切换为信创平台。 二、方案实施实施方案如下：终端识别：信... 一、前言随着外部监管对国产化的要求越来越高，所在产品团队信创专项改造工作开始实施，需求如下：信创平台控件只能使用在信创终端使用，不能应用在Windows上，存量系统运行过程中需要能够识别业务人员当前使用的终端操作系统，若终端操作系统为Windows，则使用旧版本Windows控制，若信创平台为麒麟ARM64、统信UOS中的其中一个，则切换为信创平台。 二、方案实施实施方案如下：终端识别：信...
上滑加载中
推荐直播
-
华为云码道-玩转OpenClaw，在线养虾2026/03/11 周三 19:00-21:00
刘昱，华为云高级工程师/谈心，华为云技术专家/李海仑，上海圭卓智能科技有限公司CEO
OpenClaw 火爆开发者圈，华为云码道最新推出 Skill ——开发者只需输入一句口令，即可部署一个功能完整的「小龙虾」智能体。直播带你玩转华为云码道，玩转OpenClaw
回顾中 -
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中
热门标签