CSS MASK 实现 loading动画、从根本上理解DOM和BOM中不同的位置和大小属性 | 每日掘金第237期

1,132 阅读5分钟

Hello,欢迎来到每日掘金时间。每日掘金专注于发掘站内优质创作者和优质内容,欢迎大家多提宝贵意见!

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

  • 【本期每日掘金】亮点:
  • 自动轮播跑马灯💡,仅用CSS是否能?
  • 在 React 中如何做组件级别按需加载
  • 预搜优化,页面TTI时长缩减50%!去哪儿网酒店预订体验优化经验分享~
  • SpringBoot限制接口访问频率 - 这些错误千万不能犯
  • 策略模式与SpringBoot的完美融合!
  • 速度优化:重新认识速度优化
  • 云音乐 Android so 体积治理实践
  • ……

筛选规则:文章发布时间在本期「酱酱们的每日掘金」发布时间的 1-3 天内,且符合社区推荐标准,也会同步发布在掘金相关技术社群。

每日干货

主理人们会对近期(1-3 天)社区深度技术好文进行挖掘和筛选,优质的技术文章有机会出现在下方列表,排名不分先后。

『前端』

本文记录了如何通过改变 MASK 遮罩的位置来实现小球的背景位置变化,从而实现一个loading动画的过程

本文将深入探讨 DOM 和 BOM 中的位置及大小属性,为初学者提供一个更全面的了解,并为进阶者提供一个回顾和学习的机会。

本文记录了如何使用CSS来实现一个自动轮播跑马灯的效果。

本文将详细介绍如何在 React 中实现组件级别按需加载。

本文从现状、优化空间、具体方案设计及优化效果等方面来讲解我们对提升酒店详情页 TTI 的思考和动作,希望能给读者一些启发。

『后端』

本文记录了笔者基于SpringBoot限制接口访问频率设计时,容易出现的问题和解决方案

本文主要针对生产环境落地实践进行阐述,结合直播业务功能点对gRpc进行详细的使用说明。

从整个流程的分析和推导,可以看到简化、问题转化、抽象思维在需求实现上的作用,本文带你了解如何简化和什么是抽象思维

本文将会展现策略模式在 SpringBoot 项目中的运用方式。在本文中,你将看到:

  • 策略模式简介及优点
  • Java 常用的策略模式写法
  • Java Stream API、Optional、InitializingBean 的使用
  • unmodifiableMap 避免并发安全问题

java一切皆对象,spring封装管理你所创建的对象,封装后的对象叫bean,bean扩展了你的对象,你所创建的对象的所有属性和方法是bean中的一个子集。spring所有的功能都是围绕这个bean展开的。这个bean在spring中具体的名字就是BeanDefinition。本文带你详细了解他

『移动端』

本文着重介绍针对Application.onCreate()做优化。

本文整理列举了各种各样有关Flutter的文章,组件,工具,开源仓库等

本文深入硬件和操作系统层面去了解三个因素是如何决定应用速度的,重新认识应用的速度优化,由下而上地建立起速度优化的认知体系和方法

笔者负责治理云音乐 Android 端 so 的体积,通过研究摸索总结了一些方法。本文对这些治理方法和背景知识进行了介绍,以供大家参考。

本文带你入门了解学习UIKit动画相关知识

趣味码上掘金分享

作者文章简介
白椰子我不摸鱼

📖 投稿专区

大家可以在评论区推荐认为不错的文章,并附上链接和推荐理由,有机会登上下一期。文章创建日期必须在近 1-3 天内;可以推荐自己的文章、也可以推荐他人的文章。

今日主理人

本期每日掘金由 Ylimhs 负责制作,Ylimhs是一个长期活跃于沸点的最佳摸鱼手,热爱Coding,喜欢分享,五湖四海皆兄弟,欢迎大家一起在沸点摸鱼,在掘金创作。

PS:主理人目前正在招募中,有感兴趣的掘友们可以联系Captain