跳到正文
编程术语图鉴

共 30 条词条

简体

前端

页面长什么样、点起来顺不顺手,都归这里

用户能看见、能点到的那一层:按钮、卡片、弹窗、列表、排版和动效,以及同一套页面在手机和电脑上分别长什么样。

共 15 条词条

本分类词条

共 15 条

头像 Avatar

用户没传头像的时候显示什么比较好

又称 用户头像 / 头像图片 / 小头像

入门

徽标 Badge

给消息图标右上角加个未读数的红点

又称 角标 / 小红点 / 消息提示点

面包屑导航 Breadcrumb

页面顶部加一串能点着往回走的层级链接

又称 面包屑 / 路径导航 / 位置导航

入门

断点 Breakpoint

手机和电脑上想用不一样的排版,怎么设

又称 临界宽度 / 切换点 / 屏幕分界点

按钮 Button

这个按钮点下去没有任何反应,帮我查查

又称 按键 / 按钮控件 / 可点按钮

卡片 Card

把这些文章排成一格一格的卡片列表

又称 卡片组件 / 信息卡 / 小卡片

轮播图 Carousel

首页顶上想放个能左右滑的图,自动播

又称 轮播 / 幻灯片 / 图片轮播

弹性布局 Flexbox

这几个元素想横着排,还要垂直居中

又称 弹性盒子 / 一行排列 / 自动伸缩排布

进阶

网格布局 Grid Layout

排成三列,每列一样宽,间距统一

又称 格子布局 / 网格系统 / 二维排版

响应式 Responsive

手机上打开整个挤成一团了,帮我改改

又称 自适应 / 自适应布局 / 多端适配

骨架屏 Skeleton

加载的时候别白屏,先显示个占位

又称 骨架屏加载 / 灰块占位 / 占位骨架

标签页 Tabs

同一个页面里放几块内容,点上面切换

又称 页签 / 选项卡 / 分页签

入门

文字提示 Tooltip

鼠标放上去显示一行说明,别占地方

又称 提示气泡 / 悬浮提示 / 鼠标提示

入门