纯CSS实现漫威开屏效果 | 掘金一周11.22

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

【掘金一周】本期亮点:

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

一周"金"选

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

前端

Next.js 超实用进阶技巧【持续更新】 @ superZidan

这篇文章跟大家聊聊 Next.js 进阶技巧,Next.js 是一个强大的框架,用于构建服务端渲染的 React 应用程序。 它提供了许多开箱即用的功能,例如:自动代码分割、静态站点生成和服务端渲染。 但是,主流教程中并未提及一些高级 Next.js 技巧。 在本文中,我们将介绍其中一些技巧,这些技巧将使你的应用程序更上一层楼。

alova来袭,你还在固守着axios吗? @ 古韵

今天我想聊的是,在我们写项目代码时,应该更加专注于业务逻辑的实现,而把定式代码交给js库或工程化自动处理,而我想说的是,请求逻辑其实也是可以继续简化的;在今天你可以使用 alova 来处理它们,alova提供了大量日常业务中常用的请求模块,你只需要简单配置几行代码,alova 就能自动帮你管理请求状态,优化网络体验,那些烦人的分页逻辑、轮询检查、缓存处理,全都不用你操心了,让你更加专注于业务逻辑。

threejs渲染高级感可视化涡轮模型 @ 孙_华鹏

作者详尽地描述了如何通过threejs渲染高级感可视化涡轮模型的步骤,内容详实,图文丰富,干货满满。

CSS 也能实现 if 判断?实现动态高度下的不同样式展现 @Chokcoco

在现如今的 CSS 世界,运用的已经非常少了。那么除了浮动,还有没有其它有意思的解法能实现容器在某个高度下是某种表现,一旦超出某个高度,则额外展示另外一些内容?本文我们将一起来探究探究。

纯CSS实现漫威开屏效果@苏武难飞

看到漫威App 的开屏启动效果很好看想着用CSS来实现一波,作者详尽的描述了如何实现这个效果。

纯CSS实现魔法渐变边框卡片@南城FE

这是一个很炫酷的卡片效果,关键效果在于卡片的边框呈渐变色变化着,在网页中有这样一个卡片相信可以极大的增强用户体验交互。本次文章将解读如何使用纯CSS实现这个炫酷的卡片效果。

后端

关于并发编程,你必须需要掌握的Future机制!@程序员清风

本文将为你提供Future的作用、常用方法、应用场景、注意事项以及相应的源码分析,如何掌握 Future机制,快学起来吧。

打造企业级智能问答系统的秘密:如何使用云数据库 PostgreSQL 版实现向量化@字节跳动技术团队

本文就如何利用火山引擎云数据库 PostgreSQL 版和大语言模型技术(Large Language Model,简称LLM),实现企业级智能交互式问答系统进行介绍。通过本文,你将会了解交互式问答系统的原理,学习PostgreSQL的向量化存储和检索技术,以及大语言模型交互技术等。

SpringBoot整合EasyExcel实现复杂Excel表格的导入&导出功能@summo

这里作者给大家推荐一款非常简单且容易上手的开源组件:Alibaba EasyExcel帮助你在后端开发中简要的导出当前表格数据。

Redis和MySQL双写一致性@仍沫

对于读写缓存,如果需要尽可能保证数据库和缓存数据一致,使用同步直写策略,写数据库后也同步写Redis缓存;如果数据库和缓存的数据同步容许有一定的时间间隔,比如仓库系统,就可以使用异步缓写策略,写数据库的一段时间后再同步缓存,当出现异常情况需要对数据进行修补的时候,也可能需要使用异步换写策略,比如用Kafka或RabbitMQ之类的消息中间件重写数据。

记一次线上问题引发的对 Mysql 锁机制分析 | 京东物流技术团队 @京东云开发者

本文以一个线上问题为背景,对 Mysql 中的各种锁机制进行了详细的总结,分析了各个锁的加锁时机和具体使用场景,其中特别要注意间隙锁的使用,因间隙锁和间隙锁之间不互斥,当多个事务之间并发执行时很容易形成死锁。

🔥🔥🔥99%的人不知道,为什么gc一定需要STW?@五阳神功

一般情况下,在聊GC时,没有面试官会深入到 为什么需要Stop the world 这类问题,但是阿里的面试官独辟蹊径,成功的卷到我。作者通过亲身经历,为你解惑。

Android

Flutter 3.16 发布,快来看有什么更新吧@ 恋猫de小郭

Flutter 又又又发布新季度更新啦,同时随着而来的还有 Dart 3.2,本次 3.16 开始 Material 3 会成为新的默认主题,另外 Android 也迎来了 Impeller 的预览支持,另外还有 Flutter Casual Games Toolkit的重大更新。

一步一步来做一个Compose版的饼图组件 @Coffeeee

最近在做一个跟数据统计相关的web项目,其中会展示一些饼图,折线图以及柱状图这样的图表组件,可以根据一套数据分别使用不同的图表组件来展示,还是蛮有意思的,但有意思归有意思,职业病关系,我还是想自己上手来尝试一下,这篇文章我就先用Compose来做一个饼图组件吧。

IOS

货拉拉用户 iOS 端灵动岛实践总结 @货拉拉技术

用户在货拉拉APP上下单后,可以将手机放置一旁,开始其他工作。当用户想要查询订单状态时,只需从锁定屏幕或灵动岛上轻松操作即可。实时活动的出现不仅省去了用户解锁手机的步骤,更为用户节省了时间和精力。目前货拉拉APP适配"灵动岛"的最新6.7.68版本已正式上线,欢迎大家升级体验。在适配过程中,货拉拉App也踩过很多"坑",在此汇总为实战经验分享给大家。

人工智能

完结撒花,copilot------细节决定成败! @孟健

虽然copilot功能看起来很简单,但是细节之处非常多,要做到一个比较好的体验,copilot团队在细节之处有很多打磨,整体copilot代码盘点了下总共有近2万行左右,可见还是有不少复杂的细节。

深度学习经典模型之T5@_山海

本文从 基本信息、模型架构、多个官方模型以及其T5主要贡献与应用场景对T5做一个简要的介绍.

搭建个人知识库@zaimoe

这次简单的尝试了本地部署 LLM + 外挂知识库的方式来搭建一个私有化的知识库,整体来看还有一些提升空间,比如模型的选择上,ChatGLM3 适合于小型的系统,如果有更多的资源,则可以考虑其他更大的模型 , 如 ChatGLM-130B。

深度学习经典模型之BERT(上)@_山海

BERT的出现使得我们能够在一个大的数据集上面训练好一个比较深的神经网络,简化了NLP任务的训练,又提升了它的性能,使得自然语言处理有了质的飞跃。

社区活动日历

活动日历

活动名称 活动时间 活动主理人
写原创好文,瓜分万元现金大奖 💰 |金石计划 11月1日-11月30日 @小斗金
🎁 快速搬家,11月掘金写作之旅即刻启航! 11月10日-11月30日 @小斗金

📖 投稿专区

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

🏆 掘金一周上榜激励

我们会对上榜作者进行一定的流量扶持和奖励,按双月统计发放 1 次,除此之外,多次上榜的作者还有机会获得官方颁布的 《掘金一周 ·金选作者》实体证书哦!请大家注意"掘金一周"的更新。

相关推荐
机智的叉烧11 分钟前
前沿重器[57] | sigir24:大模型推荐系统的文本ID对齐学习
人工智能·学习·机器学习
凳子花❀14 分钟前
强化学习与深度学习以及相关芯片之间的区别
人工智能·深度学习·神经网络·ai·强化学习
啦啦右一42 分钟前
Spring Boot | (一)Spring开发环境构建
spring boot·后端·spring
森屿Serien43 分钟前
Spring Boot常用注解
java·spring boot·后端
轻口味1 小时前
命名空间与模块化概述
开发语言·前端·javascript
前端小小王2 小时前
React Hooks
前端·javascript·react.js
迷途小码农零零发2 小时前
react中使用ResizeObserver来观察元素的size变化
前端·javascript·react.js
泰迪智能科技012 小时前
高校深度学习视觉应用平台产品介绍
人工智能·深度学习
娃哈哈哈哈呀2 小时前
vue中的css深度选择器v-deep 配合!important
前端·css·vue.js