别再用 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 的问题。

📖 投稿专区

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

相关推荐
CoderLiu18 分钟前
用这个MCP,只给大模型一个figma链接就能直接导出图片,还能自动压缩上传?
前端·llm·mcp
伍哥的传说21 分钟前
鸿蒙系统(HarmonyOS)应用开发之实现电子签名效果
开发语言·前端·华为·harmonyos·鸿蒙·鸿蒙系统
海的诗篇_1 小时前
前端开发面试题总结-原生小程序部分
前端·javascript·面试·小程序·vue·html
沃夫上校1 小时前
Feign调Post接口异常:Incomplete output stream
java·后端·微服务
uncleTom6661 小时前
前端地图可视化的新宠儿:Cesium 地图封装实践
前端
LeeGe1 小时前
SpringAOP中@within和@annotation以及 @within和@target的区别
后端
lemonzoey1 小时前
无缝集成 gemini-cli 的 vscode 插件:shenma
前端·人工智能
一个平平无奇的Java小学生1 小时前
Spring Cloud Alibaba 微服务从入门到生产部署完整指南
后端
一个平平无奇的Java小学生1 小时前
Spring Cloud Alibaba 微服务实战指南
后端
老家的回忆1 小时前
jsPDF和html2canvas生成pdf,组件用的elementplus,亲测30多页,20s实现
前端·vue.js·pdf·html2canvas·jspdf