- Vue 3已经发布有一段时间了,到底有哪些新特性值得关注,如何用它构建企业级前端项目,怎样快速上手Vue 3?本篇文章将对此进行详细讲解。 Vue 3已经发布有一段时间了,到底有哪些新特性值得关注,如何用它构建企业级前端项目,怎样快速上手Vue 3?本篇文章将对此进行详细讲解。
- ## 需求背景在实现组件拖拽设计过程中,发现组件样式中设置了 `display: flex`属性信息,导致组件生成后无法实现拖拽效果,网上查阅资料后发现`Flex`布局大有天地。## `Flex`来源传统的布局解决方案采用`CSS`实现,基于**盒状模型**,依赖 `display属性` + `position属性` + `float属性`。但是,它对于那些特殊布局非常不方便,比如,垂直居中... ## 需求背景在实现组件拖拽设计过程中,发现组件样式中设置了 `display: flex`属性信息,导致组件生成后无法实现拖拽效果,网上查阅资料后发现`Flex`布局大有天地。## `Flex`来源传统的布局解决方案采用`CSS`实现,基于**盒状模型**,依赖 `display属性` + `position属性` + `float属性`。但是,它对于那些特殊布局非常不方便,比如,垂直居中...
- 这篇博文主要讲解提升用户体验的另一个技巧:字体自适应。 这篇博文主要讲解提升用户体验的另一个技巧:字体自适应。
- ## 前言在之前创建的《JVM》专栏中,讲解了`Java`虚拟机中垃圾回收机制。同`JVM`具有垃圾回收机制相似,`JavaScript`同样具有垃圾回收机制。众所周知,应用程序在运行过程中需要占用一定的内存空间,且在运行过后就必须将不再用到的内存释放掉,否则就会出现下图中内存的占用持续升高的情况,一方面会影响程序的运行速度,另一方面严重的话则会导致整个程序的崩溃。## JavaScript... ## 前言在之前创建的《JVM》专栏中,讲解了`Java`虚拟机中垃圾回收机制。同`JVM`具有垃圾回收机制相似,`JavaScript`同样具有垃圾回收机制。众所周知,应用程序在运行过程中需要占用一定的内存空间,且在运行过后就必须将不再用到的内存释放掉,否则就会出现下图中内存的占用持续升高的情况,一方面会影响程序的运行速度,另一方面严重的话则会导致整个程序的崩溃。## JavaScript...
- 使用 `vw/vh` 布局实现自适应优于其他方案,能够完美的解决调屏幕自适应问题。 使用 `vw/vh` 布局实现自适应优于其他方案,能够完美的解决调屏幕自适应问题。
- 在`Vue`项目开发过程中,当你遇到应用逻辑出现错误,但又无法准确定位的时候,知晓`Vue`项目调试技巧至关重要。同后台项目开发一样,可以在`JS`实现的应用逻辑中设置断点,并进行单步、进入方法内、跳出方法等调试,从而准确定位问题根源。本文主要针对`JetBrains`系列`WebStorm`下`Vue`项目进行调试的2种方法:`debugger`和。## debugger`debugger... 在`Vue`项目开发过程中,当你遇到应用逻辑出现错误,但又无法准确定位的时候,知晓`Vue`项目调试技巧至关重要。同后台项目开发一样,可以在`JS`实现的应用逻辑中设置断点,并进行单步、进入方法内、跳出方法等调试,从而准确定位问题根源。本文主要针对`JetBrains`系列`WebStorm`下`Vue`项目进行调试的2种方法:`debugger`和。## debugger`debugger...
- 前言Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。一、Vue是什么? Vue是一套用于构建用户界面的渐进式框架,与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。1.框架做分层设计,每层都可选,不同层可以灵活接入... 前言Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。一、Vue是什么? Vue是一套用于构建用户界面的渐进式框架,与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。1.框架做分层设计,每层都可选,不同层可以灵活接入...
- 开发者空间快速验证 MateChat ! 开发者空间快速验证 MateChat !
- 本文由体验技术团队Kagol原创。我们非常高兴地宣布,2024年12月4日,TinyVue 发布了 v3.20.0 🎉。本次 3.20.0 版本主要有以下重大变更:OpenTiny 官网首页 UI 和性能优化,更具现代性和设计美感,加载速度更快、体验更好。TinyVue 官网增加 Algolia 全文搜索,原来只能搜索组件名称,现在可以搜索组件Demo和API文档,让你更容易搜索到自己想要... 本文由体验技术团队Kagol原创。我们非常高兴地宣布,2024年12月4日,TinyVue 发布了 v3.20.0 🎉。本次 3.20.0 版本主要有以下重大变更:OpenTiny 官网首页 UI 和性能优化,更具现代性和设计美感,加载速度更快、体验更好。TinyVue 官网增加 Algolia 全文搜索,原来只能搜索组件名称,现在可以搜索组件Demo和API文档,让你更容易搜索到自己想要...
- 🐯 猫头虎分享 AIGC 时代:新项目如何快速基于 IDEA 和 ChatGPT 搞定 Spring Boot 3 + Vue 3 全栈开发环境搭建 🚀 前言 ✨ 在 AIGC(生成式 AI) 时代,开发者不仅需要快速完成项目的原型开发,还要高效搭建一个灵活、可扩展的全栈开发环境。今天我们将带你一步步搭建一个 前后端分离 的全栈项目,后端使用 Spring Boot 3,前端使用 Vue 3。 🐯 猫头虎分享 AIGC 时代:新项目如何快速基于 IDEA 和 ChatGPT 搞定 Spring Boot 3 + Vue 3 全栈开发环境搭建 🚀 前言 ✨ 在 AIGC(生成式 AI) 时代,开发者不仅需要快速完成项目的原型开发,还要高效搭建一个灵活、可扩展的全栈开发环境。今天我们将带你一步步搭建一个 前后端分离 的全栈项目,后端使用 Spring Boot 3,前端使用 Vue 3。
- TinyVue v3.19.0 发布:所有组件全面升级到 OpenTiny Design 新设计规范,UI 更美观、更符合现代审美;openGauss引入了MOT存储引擎,它是一种事务性行存储,针对多核和大内存服务器进行了优化;常见的深度学习分布式训练的并行策略和背后使用到的集合通信操作... TinyVue v3.19.0 发布:所有组件全面升级到 OpenTiny Design 新设计规范,UI 更美观、更符合现代审美;openGauss引入了MOT存储引擎,它是一种事务性行存储,针对多核和大内存服务器进行了优化;常见的深度学习分布式训练的并行策略和背后使用到的集合通信操作...
- 自从 TinyVue 组件库去年开源以来,一直有小伙伴反馈我们的 UI 不够美观,风格陈旧,不太满足现阶段审美。“TinyVue 给我的感觉就是一个没啥审美能力、但是很努力的老程序员开发的”看到这个评价,我是哭笑不得,一方面对小伙伴们真诚、友好的反馈充满感激,另一方面也为我们没有做好 UI 感到惭愧。于是我们和设计师同事携手一起,对 TinyVue 组件做了全面的 UI 升级,适配了一套更符... 自从 TinyVue 组件库去年开源以来,一直有小伙伴反馈我们的 UI 不够美观,风格陈旧,不太满足现阶段审美。“TinyVue 给我的感觉就是一个没啥审美能力、但是很努力的老程序员开发的”看到这个评价,我是哭笑不得,一方面对小伙伴们真诚、友好的反馈充满感激,另一方面也为我们没有做好 UI 感到惭愧。于是我们和设计师同事携手一起,对 TinyVue 组件做了全面的 UI 升级,适配了一套更符...
- Vue/小程序生命周期你好,我是Qiuner. 为记录自己编程学习过程和帮助别人少走弯路而写博客 这是我的 github gitee如果本篇文章帮到了你 不妨点个赞吧~ 我会很高兴的 😄 (^ ~ ^)想看更多 那就点个关注吧 我会尽力带来有趣的内容Vue.js 2.x 生命周期钩子beforeCreate:实例刚创建,数据观测和事件配置之前被调用。created:实例已经创建完成,数据... Vue/小程序生命周期你好,我是Qiuner. 为记录自己编程学习过程和帮助别人少走弯路而写博客 这是我的 github gitee如果本篇文章帮到了你 不妨点个赞吧~ 我会很高兴的 😄 (^ ~ ^)想看更多 那就点个关注吧 我会尽力带来有趣的内容Vue.js 2.x 生命周期钩子beforeCreate:实例刚创建,数据观测和事件配置之前被调用。created:实例已经创建完成,数据...
- 在 Vue.js 中,路由是一个重要的部分,它允许我们在不同的组件之间导航。Vue2 和 Vue3 的路由配置有一些不同,本文将详细介绍如何在这两个版本中配置路由,并解释每段代码的作用。 Vue2 路由配置 安装 Vue 和 Vue Router首先,确保已经安装了 Vue 和 Vue Router。对于 Vue2,使用 vue-router@3 版本:npm install vue@2 v... 在 Vue.js 中,路由是一个重要的部分,它允许我们在不同的组件之间导航。Vue2 和 Vue3 的路由配置有一些不同,本文将详细介绍如何在这两个版本中配置路由,并解释每段代码的作用。 Vue2 路由配置 安装 Vue 和 Vue Router首先,确保已经安装了 Vue 和 Vue Router。对于 Vue2,使用 vue-router@3 版本:npm install vue@2 v...
- 在开发现代 Web 应用时,前端和后端通常分离部署在不同的服务器上,这就会引发跨域请求问题。浏览器的同源策略(Same-Origin Policy)会阻止跨域请求,除非后端服务器配置了允许跨域请求的 CORS(Cross-Origin Resource Sharing)头。本文将详细介绍如何在 Vue 项目中使用 Axios 发起跨域请求时解决跨域问题。 什么是跨域请求?跨域请求是指浏览器从... 在开发现代 Web 应用时,前端和后端通常分离部署在不同的服务器上,这就会引发跨域请求问题。浏览器的同源策略(Same-Origin Policy)会阻止跨域请求,除非后端服务器配置了允许跨域请求的 CORS(Cross-Origin Resource Sharing)头。本文将详细介绍如何在 Vue 项目中使用 Axios 发起跨域请求时解决跨域问题。 什么是跨域请求?跨域请求是指浏览器从...
上滑加载中
推荐直播
-
华为云码道-玩转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创作思路,一次讲透!
回顾中
热门标签