- 这篇博文主要讲解提升用户体验的另一个技巧:字体自适应。 这篇博文主要讲解提升用户体验的另一个技巧:字体自适应。
- ## 前言在之前创建的《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.框架做分层设计,每层都可选,不同层可以灵活接入...
- 🐯 猫头虎分享 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 发起跨域请求时解决跨域问题。 什么是跨域请求?跨域请求是指浏览器从...
- Vue.js 是一个非常灵活和强大的前端框架,它在开发中给我们带来了很多便利。而 Vue 的 slot 和 slot-scope 功能则是其中非常有特色和强大的部分。这篇文章,我们将详细探讨 Vue 的 slot 和 slot-scope 功能,从它们的基本概念,到实现原理,再到如何在实际开发中应用。这一篇博客将深入挖掘这些知识点,希望能够帮助你更好地理解和掌握 Vue 的 slot 和 s... Vue.js 是一个非常灵活和强大的前端框架,它在开发中给我们带来了很多便利。而 Vue 的 slot 和 slot-scope 功能则是其中非常有特色和强大的部分。这篇文章,我们将详细探讨 Vue 的 slot 和 slot-scope 功能,从它们的基本概念,到实现原理,再到如何在实际开发中应用。这一篇博客将深入挖掘这些知识点,希望能够帮助你更好地理解和掌握 Vue 的 slot 和 s...
- 在前端开发的世界中,Vue.js 已经成为了许多开发者的首选框架。它以其简洁、灵活和高效而闻名,而 Vue 3 引入的新特性 ref 更是让这一切更加得心应手。本文将深入探讨 Vue 3 中的 ref,从基本概念到深层原理,以及实际应用中的各种技巧和注意事项。 ref 的基本概念在 Vue 3 中,ref 是一个用于创建响应式数据对象的 API。它允许我们在 Vue 的组合式 API(Com... 在前端开发的世界中,Vue.js 已经成为了许多开发者的首选框架。它以其简洁、灵活和高效而闻名,而 Vue 3 引入的新特性 ref 更是让这一切更加得心应手。本文将深入探讨 Vue 3 中的 ref,从基本概念到深层原理,以及实际应用中的各种技巧和注意事项。 ref 的基本概念在 Vue 3 中,ref 是一个用于创建响应式数据对象的 API。它允许我们在 Vue 的组合式 API(Com...
- 在使用 Spring Boot 和 Vue 开发前后端分离的项目时,跨域资源共享(CORS)问题是一个常见的挑战。接下来,我将分享我是如何一步步解决这个问题的,包括中间的一些试错过程,希望能够帮助到正在经历类似问题的你。 1. 问题描述在我们开发的过程中,Vue 前端需要与 Spring Boot 后端通信。如果后端没有正确配置 CORS,浏览器会进行跨域检查并阻止请求,报错信息如下:Acc... 在使用 Spring Boot 和 Vue 开发前后端分离的项目时,跨域资源共享(CORS)问题是一个常见的挑战。接下来,我将分享我是如何一步步解决这个问题的,包括中间的一些试错过程,希望能够帮助到正在经历类似问题的你。 1. 问题描述在我们开发的过程中,Vue 前端需要与 Spring Boot 后端通信。如果后端没有正确配置 CORS,浏览器会进行跨域检查并阻止请求,报错信息如下:Acc...
- 在现代 Web 开发中,字体文件通常是页面加载时间的重要因素之一。特别是在字体文件较大或网络环境不佳的情况下,用户体验可能会受到影响。本文将详细探讨如何在 Vue.js 项目中优化字体文件的加载和缓存,以提高页面性能。 一、为什么要缓存字体文件?在 Web 应用中,字体文件通常以 .ttf、.woff、.woff2、.eot 或 .otf 格式提供。这些文件在页面初次加载时会通过 HTTP ... 在现代 Web 开发中,字体文件通常是页面加载时间的重要因素之一。特别是在字体文件较大或网络环境不佳的情况下,用户体验可能会受到影响。本文将详细探讨如何在 Vue.js 项目中优化字体文件的加载和缓存,以提高页面性能。 一、为什么要缓存字体文件?在 Web 应用中,字体文件通常以 .ttf、.woff、.woff2、.eot 或 .otf 格式提供。这些文件在页面初次加载时会通过 HTTP ...
上滑加载中
推荐直播
-
GaussDB数据库介绍
2025/01/07 周二 16:00-18:00
Steven 华为云学堂技术讲师
本期直播将介绍GaussDB数据库的发展历程、优势、架构、关键特性和部署模式等,旨在帮助开发者了解GaussDB数据库,并通过手把手实验教大家如何在华为云部署GaussDB数据库和使用gsql连接GaussDB数据库。
去报名 -
DTT年度收官盛典:华为开发者空间大咖汇,共探云端开发创新
2025/01/08 周三 16:30-18:00
Yawei 华为云开发工具和效率首席专家 Edwin 华为开发者空间产品总监
数字化转型进程持续加速,驱动着技术革新发展,华为开发者空间如何巧妙整合鸿蒙、昇腾、鲲鹏等核心资源,打破平台间的壁垒,实现跨平台协同?在科技迅猛发展的今天,开发者们如何迅速把握机遇,实现高效、创新的技术突破?DTT 年度收官盛典,将与大家共同探索华为开发者空间的创新奥秘。
去报名
热门标签