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

这是个很好的问题！设计一个Vue3.0Modal时，我建议按照可复用、高扩展、简洁的原则来实现。下面我给你一个清晰的设计思路，涵盖组件拆分、使用方式以及Vue3中特性（如Telepor...

切图是个技术活，小伙伴们千万不能忽视切图的重要性噢，前文介绍了设计的七大元素，那么我们现在来看看在切图之前，我们需要做什么呢？。1、和客户端的技术沟通好用不同的框架来实现的时候，图会有不一样的切法。...

一、概述往事如风，一周就过去了。上周在Figma里指点江山，这周在前端代码里卑微搬砖。回想上周，在Figma中排列组合，并且精确到1像素。每设计出一个页面，成就感就蹭蹭往上涨。没想到还没沾沾自喜多久，...

在我前面随笔《循序渐进VUE+Element前端应用开发(6）---常规Element界面组件的使用》里面曾经介绍过一些常规的界面组件的处理，主要介绍到单文本输入框、多文本框、下拉列表，以及按钮...

许多网站为了提升加载速度，会采用CDN加速服务分发图片等静态资源这样做可能导致CLS（累积布局偏移）指标升高，拖累SEO评分。这一问题通常源于CDN的异步加载机制或图片尺寸未预定义，使得页面布局在渲染...

1、滚动条隐藏背景/场景：在移动端，滑动的时候，会显示默认滚动条，如图1://隐藏代码：/*隐藏滚轮*/.ul-scrool-box::-webkit-scrollbar,.ul-scrool...

原文来源于：程序员成长指北；作者：嘉琪coder如有侵权，联系删除前言如果想要文本超出宽度后用省略号省略，只需要加上以下的css就行了。ellipsis{overflow:hidden;...

今天要分享的是仓颉开发语言中的懒加载。先和初学者朋友们解释一下什么是懒加载。懒加载在代码中叫做LazyForEach，看到名字你一定能猜到它和ForEach的功能类似。只不过和ForEach的一次性加...

一、背景最近在进行M站（WAP）首页项目重构时，遇到了一个颇为头疼的问题：需要将原有的Rax框架工厂推荐瀑布流组件迁移到新的React框架项目中，同时还要把原本用DX框架实现的FactoryCard组...