别再用 100vh 了!移动端视口高度的终极解决方案| 掘金一周7.3

本文字数1700+ ,阅读时间大约需要 6分钟。

【掘金一周】本期亮点:

「上榜规则」:文章发布时间在本期「掘金一周」发布时间的前一周内;且符合各个栏目的内容定位和要求。 如发现文章有抄袭、洗稿等违反社区规则的行为,将取消当期及后续上榜资格。

一周"金"选

内容评审们会在过去的一周内对社区深度技术好文进行挖掘和筛选,优质的技术文章有机会出现在下方榜单中,排名不分先后。

前端

别再用 100vh 了!移动端视口高度的终极解决方案 @ErpanOmer

作为一名前端开发者,我们一定都遇到过这样的需求:实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。直觉告诉我们,这很简单,给它一个 height: 100vh 就行了。

理解 Tree Shaking:原理与那些"甩不掉"的代码陷阱 @CAD老兵

在现代前端构建中,"Tree Shaking"是一项至关重要的优化技术。它的目标是在打包过程中移除那些未被使用的"死代码",从而减小最终 bundle 的体积,提升加载性能。本文将深入剖析 Tree Shaking 的原理,并结合实际代码示例讲解一些常见的"甩不掉"的坑。

老板让我弄3d,从0学建模😂 @curdcv_po

blender可能有的前端开发或者后端开发没了解过,简单得说就是捏3d模型的这么一个东西。经常听人家说建模建模,就是这个东西来着。

C#.Net筑基-泛型T & 协变逆变 @安木夕

泛型(Generics)是C#中的一种强大的强类型扩展机制,在申明时用"占位符"类型参数"T"定义一个"模板类型",比较类似于C++中的模板。泛型在使用时指定具体的T类型,从而方便的封装、复用代码,提高类型的安全性,减少类型转换和装箱。

Figma多语言JSON的解决方案:手把手打造React Figma AI Chrome扩展@八岁小孩学编程

想象一下这个场景:你是一个前端开发工程师,设计师给你发来一个Figma设计稿,里面有几十个页面,每个页面都有大量的文案内容。

后端

想给面试官吹DDD吗?项目像搭积木一样运行:领域驱动设计(DDD)让复杂业务变简单 @AirMan

本文主要是带你进入 DDD 架构的世界,先了解 DDD 架构的基本概念,结合例子生动体会,文章最后也展示了整个 DDD 结构的项目结构示意。

MySQL是怎么提高并发度的?InnoDB为什么会设计这些锁?一篇文章串通MySQL各种锁!@AirMan

锁是计算机协调多个进程或线程并发访问某一资源的机制。在数据库中,除传统的计算资源(CPU、RAM、I/0)的争用以外,数据也是一种供许多用户共享的资源。如何保证数据并发访问的一致性、有效性是所有数据库必须解决的一个问题,锁冲突也是影响数据库并发访问性能的一个重要因素。

Android

Swift 官方正式支持 Android,iOS 的跨平台春天要来了吗? @恋猫de小郭

近日,Swift 官方正式宣布成立 Android 的工作组,将 Android 列为官方支持的平台,该工作组的主要目标是为 Swift 语言添加并维护 Android 平台支持,让开发者能够使用 Swift 开发 Android 应用;

Android Studio Narwhal | 2025.1.1 发布,快来看看有什么更新吧 @恋猫de小郭

又到了认识全新动物的时候,这次更新的是 Narwhal (独角鲸),本次更新主要是跟进 IntelliJ IDEA 2025.1 ,后面还会有对应的 Narwhal Feature Drop 的版本,而提到 IntelliJ IDEA 2025.1 ,就不得不说 K2 ,在 IntelliJ IDEA 2025.1 里面,K2 已经是默认选项。

Flutter 里的像素对齐问题,深入理解为什么界面有时候会出现诡异的细线? @恋猫de小郭

你是否有过在使用 Flutter 的 Row/Column 或者列表控件布局时,发现屏幕出现了一些诡异的细线,而且这些细线出现并不规律,甚至粗细和深浅也存在差别;

JsonToDart,你已经是一个成熟的工具了,接下来就靠你自己继续进化了!@法的空间

世界一直在变,人类能从那么多生物中脱颖而出,很大一部分原因就是------我们会用工具。六年前,我写了一个小工具,叫 Json to Dart 。当时只是想省点手动写 model 的功夫,没想到这一做就是六年。

在Kotlin ViewModel中正确处理相同的UI组件交互@稀有猿诉

在每个ViewModel中分别处理这些UI交互很快就会变得混乱,导致大量的代码重复。随着应用规模的扩大和页面数量的增加,这个问题会变得更加棘手,导致代码库难以维护,并带来可扩展性问题。

人工智能

《拯救你的RAG项目:Langfuse观测体系落地指南》​ @老周聊大模型

当开发者依赖LlamaIndex/LangChain构建RAG应用时,框架抽象层如同一座"数据高墙":模型接收的检索结果、生成的原始响应等关键信息被隔离,迫使开发者在缺乏观测依据的状态下盲调试------这正是当前阻碍RAG工程化的核心痛点。

IOS

Flutter 又双叒叕可以在 iOS 26 的真机上 hotload 运行了,来看看又是什么黑科技 @恋猫de小郭

在之前的 《iOS 26 beta1 重新禁止 JIT 执行》 我们聊过,iOS 18.4 beta1 禁止了 Debug 时 mprotect 的 RX 权限,然后 iOS 18.4 beta2 又放开了,但是在 iOS 26 beta1 又重新禁止了,所以再次导致 Flutter 在 Debug 运行到 iOS 26 真机时又出现 mprotect failed: Permission denied 的问题。

📖 投稿专区

大家可以在评论区推荐认为不错的文章,并附上链接和推荐理由,有机会呈现在下一期。文章创建日期必须在下期掘金一周发布前一周以内;可以推荐自己的文章、也可以推荐他人的文章。

相关推荐
ltl2 分钟前
Layer Normalization:为什么 Transformer 用 LN,不用 BN
后端
ltl10 分钟前
title: 【Transformer 与注意力机制】24|
后端
范什么特西13 分钟前
Spring 动态代理 静态代理
java·后端·spring
醇氧14 分钟前
Spring 动态注册 Bean 深度解析:从源码到实践
java·后端·spring
zb2006412016 分钟前
Laravel7.x十大核心特性解析
spring boot·后端·laravel
明月_清风1 小时前
FastAPI 从入门到实战:3 分钟构建高性能异步 API
后端·python·fastapi
小村儿1 小时前
连载10-Sub-agents 深度解析:从源码理解 Claude Code 的分身术
前端·后端·ai编程
他们叫我阿冠1 小时前
Day5学习--SpringBoot详解
spring boot·后端·学习
枕星而眠1 小时前
Linux 四大进程/线程同步锁详解:互斥锁、读写锁、条件变量、文件锁
linux·c语言·后端·ubuntu·学习方法
IT_陈寒1 小时前
Vite动态导入把我坑惨了,原来要这样用才对
前端·人工智能·后端