padding-top 属性

HarmonyOS NEXT仓颉开发语言实战案例:健身App

各位好，今日分享一个健身app的首页：这个页面看起比之前的案例要稍微复杂一些，主要在于顶部部分，有重叠的背景，还有偏移的部分。重叠布局可以使用Stack容器实现，超出容器范围的偏移可以使用负数间距来实现，顶部部分的具体实现代码如下：Column{Text('February'...

如果使用vue3.0实现一个modal，你会怎么设计?

这是个很好的问题！设计一个Vue3.0Modal时，我建议按照可复用、高扩展、简洁的原则来实现。下面我给你一个清晰的设计思路，涵盖组件拆分、使用方式以及Vue3中特性（如Teleport、Slots、Props、Emits）等。设计目标可复用：不同页面可以直接引入Modal。可扩...

在进行APP切图的前，我们需要做什么?

切图是个技术活，小伙伴们千万不能忽视切图的重要性噢，前文介绍了设计的七大元素，那么我们现在来看看在切图之前，我们需要做什么呢？。1、和客户端的技术沟通好用不同的框架来实现的时候，图会有不一样的切法。例如Tabbar是连背景一起切还是单独把icon做成背景透明的，文字是放在图里还是后面加字。2、如...

独立开发问题记录-margin塌陷（独立提出历史问题）

一、概述往事如风，一周就过去了。上周在Figma里指点江山，这周在前端代码里卑微搬砖。回想上周，在Figma中排列组合，并且精确到1像素。每设计出一个页面，成就感就蹭蹭往上涨。没想到还没沾沾自喜多久，这周就要在前端代码中疯狂填坑。上周设计得多好看，这周就有多头疼。（设计稿存活率：70%）当然也想面向...

循序渐进Vue+Element 前端应用开发(8)—树列表组件的使用

在我前面随笔《循序渐进VUE+Element前端应用开发(6）---常规Element界面组件的使用》里面曾经介绍过一些常规的界面组件的处理，主要介绍到单文本输入框、多文本框、下拉列表，以及按钮、图片展示、弹出对话框、表单处理，本篇随笔补充这一个主题，介绍树列表组件和下拉列表树组件在项目中的使...

CDN加速导致CLS升高图片托管服务器的3个选择标准!

许多网站为了提升加载速度，会采用CDN加速服务分发图片等静态资源这样做可能导致CLS（累积布局偏移）指标升高，拖累SEO评分。这一问题通常源于CDN的异步加载机制或图片尺寸未预定义，使得页面布局在渲染过程中频繁变动。图片托管服务器的第一标准：响应速度和稳定性服务器波动导致的图片加载失败或延迟，会直接...