前端技术

在使用 Git 时，我们经常需要输入一些重复而冗长的命令，例如 git status、git branch、git log --oneline --graph --decorate 等。幸运的是，Gi

什么是 Art Direction（艺术导向适配）？以及什么时候该用它 做响应式适配时，我们经常说“让图片自适应”“用 cover/contain 解决”。但你会发现有些场景怎么调 CSS 都不够完美

在做小程序首页/空态页时，我们经常用一张“全屏背景图”承载氛围，再叠加文案与入口卡片。它在绝大多数手机上都很稳，但到了部分折叠屏设备（尤其是“展开后”或“窗口化/兼容模式”）就可能出现：主体被遮挡、构

背景 我们在一个小程序页面里做“空态页”（例如“暂无订单/暂无内容”）时，常见做法是放一张全屏背景图，然后在其上叠加文案与入口卡片（两个按钮/卡片入口）。在大多数手机上展示正常，但在部分折叠屏设备上出

一、业务背景 在小程序里，我们常会做「列表里有多张图，点击某一张进入大图预览、支持左右滑动看其他张」的需求。例如： 证件正页 / 副页各占一项，每项有一张图； 商品有多张主图、详情图，点任意一张进预览

一、问题背景 在展示「证件类」图片时，接口返回的图片往往是整张拍摄/扫描图：主体内容（如证件本体）在画面中间，四周常有黑边或留白。若直接按「宽度铺满」的方式显示（例如 width: 100% + mo

现象 在微信小程序（或类似小程序框架）里，给 scroll-view 设置了左右相同的 padding，结果只有左侧能看到留白，右侧的内容几乎贴到容器边缘，甚至被裁切，看起来像「右边没 padding

🌰 业务场景：用户上传文件名安全规范化 用户上传文件时，原始文件名可能含空格、括号、危险扩展名（如 .exe）。我们需要： 检测临时文件前缀（temp_） 清洗特殊字符 精准替换结尾的 .exe 为

一、问题描述 在 uni-app 二手车小程序首页，车辆列表使用了 uni-swipe-action 组件实现左滑展示「删除」和「编辑」按钮。用户操作流程如下： 左滑某条车辆，露出「删除」「编辑」按钮

1. 现象描述 在解决图片上传大小限制问题时，我们修改了 Nginx 配置文件并尝试让其生效。在此过程中遇到了两个主要问题： 配置未生效：修改了 client_max_body_size 后，上传大文

1. 背景 在开发二手车小程序的“发布车辆”功能时，包含了一个图片上传模块。 在测试过程中发现： 上传几百 KB 的小图片一切正常。 当尝试上传一张 1.7MB 的图片时，接口请求直接失败，甚至没有进

在前端面试和实际开发中，BFC（Block Formatting Context，块级格式化上下文）可以说是一个“神级”概念。它听起来很抽象，但实际上它是解决 CSS 布局疑难杂症（如外边距折叠、高度

在开发移动端列表页（尤其是使用 uni-app 或 Vue 开发小程序）时，我们经常遇到这样一个经典问题： “明明给列表最后一个元素设置了 margin-bottom: 60rpx，为什么滚动到底部时

在前端开发中，我们经常听到同事说：“把这个图标转成 Base64 SVG 用吧。” 久而久之，很多开发者容易产生一个模糊的印象：似乎 Base64 和 SVG 是绑定在一起的，甚至觉得 Base64

在前端开发中，我们经常遇到一个尴尬的场景：数据还没加载回来，页面一片空白；或者为了优化体验加了 Loading 占位图，结果因为网络原因，连占位图自己都加载失败了（出现了丑陋的“裂图”图标）。 最近在

2023.5.18 在开发地图应用程序的过程中，经常会用到地图的组件来展示一些功能。常用的地图组件有：百度地图、高德地图和腾讯地图这些地图组件。 那么，这些地图组件有什么样的区别和相同之处呢？如果对比

1. 需求最开始的出现 给机器编程的需求，在计算出现之前就已经存在了 最著名的例子来自纺织业，例如在一块布上，不想要纯色，而是有图案的布，例如条纹或者方格 约瑟夫·玛丽·雅卡尔 发明了可编程纺织机，1

问题描述 在页面（单页面应用）上使用了标签，在 href 属性中设置了邮箱的地址，例如： 在页面上点击邮箱 aa@bb.com的时候，页面地址栏中的最后一级目录会展示为：falthpath。 页面上对

combo 技术简单介绍 历史 在前端开发过程中，涉及到提升页面性能的时候，有很多方法。其中一种便是利用 CDN 来提高页面的 响应速度。 说到 CDN，虽然可以极大提升页面的响应速度，同时也会存在可