首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
前端技术
陆枫Larry
创建于2021-05-18
订阅专栏
前端技术相关内容
暂无订阅
共28篇文章
创建于2021-05-18
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
Alpha 混合公式:半透明颜色究竟是怎么"算"出来的?
一、核心公式 这个看似简单的公式,是整个计算机图形学中处理半透明的基石。无论是 CSS 的 rgba()、PS 的图层透明度,还是游戏引擎里的粒子效果,底层都在反复运行它。 符号含义 符号 含义 前景
CSS 八位十六进制颜色码:用 HEX 设置透明度的完整指南
一、什么是 HEX8? HEX8(或称 8 位十六进制颜色码)是 CSS Color Module Level 4 规范支持的颜色写法,格式为: 其中: RR:红色通道(Red),00 ~ FF GG
微信小程序订阅消息完全指南:从原理到落地的全流程梳理
一、AppSecret 的安全红线 1.1 AppSecret 是什么 AppSecret 是微信小程序的应用密钥,和 AppID 配对使用。它的核心作用是让后端服务器安全地调用微信开放接口,包括:
搞懂 package.json 和 package-lock.json
本文将带你从原理到实战,彻底搞懂这两个文件,以及它们在 Git 中应该如何管理。读完你会明白: 这两个文件到底有什么区别? 为什么要同时存在两个? 到底哪个需要提交到 Git? npm install
uni-app 小程序开发:`page {}` 里的 `page` 到底是什么?
如果你用 uni-app 开发微信小程序,可能会在页面的 <style> 里看到这种写法: 你会猜想:page 是不是 Vue 的语法?其实不是。这里的 page 是 微信原生小程序(wxss)里的特
一次讲清楚 `Promise.finally()`:为什么“无论成功失败都要执行”该用它
在日常业务里,经常有这种需求: 先做一件异步事(请求、弹窗、授权等); 不管结果成功还是失败,后续流程都要继续。 这段代码就是一个典型例子: 1. 这段代码到底是什么语法? 这是 Promise 链式
一文讲清楚 npm 包里的 `dependencies` 和 `devDependencies`
刚接触 npm 包管理时,很多人都会被两个字段绕住: dependencies devDependencies 表面看只差了一个 dev,但实际背后是两种完全不同的角色。 很多人会先形成一个直觉: 这
手风琴组件展开后「内容像被滑到屏外」:一次滚动对齐的排查记录
一、业务背景 项目是一个 uni-app 多端应用中的支付流程子页面,展示「支付提示」类富文本列表。接口返回多条时,列表采用手风琴:同一时间只展开一条详情,展开某条时其余条收起。 交互上还有自定义导航
微信小程序:如何优雅地修改富文本(u-parse/rich-text)内部样式?
在微信小程序开发中,渲染后端返回的富文本内容是一个非常常见的需求。为了获得更好的渲染效果(比如图片自适应、图片预览、更全的标签支持),我们通常会放弃原生的 <rich-text> 组件,转而使用第三方
用 Git 别名(Alias)简化日常操作
在使用 Git 时,我们经常需要输入一些重复而冗长的命令,例如 git status、git branch、git log --oneline --graph --decorate 等。幸运的是,Gi
Art Direction(艺术导向适配)
什么是 Art Direction(艺术导向适配)?以及什么时候该用它 做响应式适配时,我们经常说“让图片自适应”“用 cover/contain 解决”。但你会发现有些场景怎么调 CSS 都不够完美
折叠屏“窗口化”下的全屏背景图错位:一次小程序适配的排障思路与最小改动修复
在做小程序首页/空态页时,我们经常用一张“全屏背景图”承载氛围,再叠加文案与入口卡片。它在绝大多数手机上都很稳,但到了部分折叠屏设备(尤其是“展开后”或“窗口化/兼容模式”)就可能出现:主体被遮挡、构
折叠屏“窗口化”导致的背景图错位:一次小程序样式问题的排查与修复
背景 我们在一个小程序页面里做“空态页”(例如“暂无订单/暂无内容”)时,常见做法是放一张全屏背景图,然后在其上叠加文案与入口卡片(两个按钮/卡片入口)。在大多数手机上展示正常,但在部分折叠屏设备上出
图片预览前先 filter 掉空地址:一个容易忽略的细节
一、业务背景 在小程序里,我们常会做「列表里有多张图,点击某一张进入大图预览、支持左右滑动看其他张」的需求。例如: 证件正页 / 副页各占一项,每项有一张图; 商品有多张主图、详情图,点任意一张进预览
小程序中按固定宽高比展示图片并去除黑边的实现思路
一、问题背景 在展示「证件类」图片时,接口返回的图片往往是整张拍摄/扫描图:主体内容(如证件本体)在画面中间,四周常有黑边或留白。若直接按「宽度铺满」的方式显示(例如 width: 100% + mo
小程序 scroll-view 设置 padding 右侧不生效?用一层包裹解决
现象 在微信小程序(或类似小程序框架)里,给 scroll-view 设置了左右相同的 padding,结果只有左侧能看到留白,右侧的内容几乎贴到容器边缘,甚至被裁切,看起来像「右边没 padding
JavaScript 字符串处理实战:从 `startsWith` 到链式 `replace` 的避坑指南
🌰 业务场景:用户上传文件名安全规范化 用户上传文件时,原始文件名可能含空格、括号、危险扩展名(如 .exe)。我们需要: 检测临时文件前缀(temp_) 清洗特殊字符 精准替换结尾的 .exe 为
uni-swipe-action 从编辑页返回后滑动按钮仍显示的问题
一、问题描述 在 uni-app 二手车小程序首页,车辆列表使用了 uni-swipe-action 组件实现左滑展示「删除」和「编辑」按钮。用户操作流程如下: 左滑某条车辆,露出「删除」「编辑」按钮
Nginx 配置生效机制与 405 错误排查复盘
1. 现象描述 在解决图片上传大小限制问题时,我们修改了 Nginx 配置文件并尝试让其生效。在此过程中遇到了两个主要问题: 配置未生效:修改了 client_max_body_size 后,上传大文
记一次 Nginx 上传文件大小限制引发的 413 错误排查
1. 背景 在开发二手车小程序的“发布车辆”功能时,包含了一个图片上传模块。 在测试过程中发现: 上传几百 KB 的小图片一切正常。 当尝试上传一张 1.7MB 的图片时,接口请求直接失败,甚至没有进
下一页