程序编程实战教程 -AI、Java、Spring Boot 实战 专注后端开发知识分享,涵盖 Java 基础、Spring Boot 实战、数据库优化与中间件应用,助力程序员成长为优秀后端开发工程师。

蛇...纯 HTML⁉️ [无 JS、无 CSS、无图像!!]😱

摘要: 这篇文章描述了一个纯 HTML 格式的贪吃蛇游戏的实现过程,不使用 JavaScript、CSS 和图像。游戏通过利用 HTML 的元刷新标签和 URL 编码参数来解决技术问题。文章依次介绍了游戏开发的各个环节,包括使用 PHP 呈现 HTML、处理游戏刻度、管理游戏状态等。游戏使用特殊的键盘快捷键控制蛇的移动,并且借助 URL 的 GET 参数保存游戏状态。最后,作者强调了游戏的局限性,如无法在除桌面 Chrome 浏览器外的其他浏览器上正常运行。

快速提示:如何修复 Page Speed Insights / Lighthouse 中的“图像元素没有明确的宽度和高度”问题

摘要: 本文介绍了如何解决在 Page Speed Insights 和 Lighthouse 中遇到的“图像元素没有明确的宽度和高度”问题。文章首先描述了问题的背景和原因,然后提供了两种解决方案,其中推荐使用第一种方法,即通过定义图像的宽度和高度属性来解决该问题。文章还解释了为什么这种方法在现代浏览器中有效,并指出使用这种方法可以优化网页性能并避免累积布局偏移的问题。

😱 纯 CSS!神经网络 / AI……比你想象的还要简单!🤯

摘要: 本文介绍了使用纯CSS构建神经网络的可能性。虽然依赖前一个语句的语句数量有限,用CSS训练该神经网络几乎不可能,但并不意味着我们不能利用CSS展示神经网络的工作原理。文章提供了一个使用纯CSS构建的神经网络demo,并详细解释了如何使用CSS来实现神经网络的某些功能,如传播和分类过程。虽然文章的重点并不在于提倡使用CSS构建神经网络(因为这样做并不实际),但它展示了纯CSS的强大能力,甚至可以模拟神经网络的工作方式。

我的 2021 年写作数据、在 DEV 上发表文章的最佳时间以及 2022-2023 年的计划(计划发表超过 250 篇文章)

摘要: 本文作者分享了他在过去一年的写作统计数据,包括在DEV平台上的文章浏览量、发布的文章数量、获得的评论数量以及获得的徽章等。同时,他也分析了在DEV上发布文章的理想时间,并分享了他在未来两年的内容创作计划,计划发表超过250篇文章。文章旨在让读者了解作者的内容创作情况,以及如何更好地在DEV平台上发布内容以吸引读者。

我刚刚买了👩‍💻👨‍💻.to!

我刚刚买了👩‍💻👨‍💻.to! 是的,你没看错,我现在拥有

😲 零 CSS,仅需一张图片,就能构建一个完全可交互的 SPA?????😱 又一次滥用互联网![极致 SSR!]

摘要: 这篇文章介绍了一个使用一张图片构建的完全可交互的SPA项目,该项目无需CSS或其他技术。文章详细描述了该项目的功能特点,如交互式投票、联系表单、响应式主页等,并解释了其背后的技术和实现原理。文章还提到了一些有趣的设计和用户体验方面的细节,如使用Tab键和Enter键进行交互、服务器端的渲染等。最后,文章收集了一些用户的评论和反馈。整体来看,这是一个有趣的实验项目,虽然可能缺乏实际价值,但对于理解和体验基于图片的用户交互技术有一定帮助。

你知道颜色有 4 位和 8 位十六进制代码(#11223344)吗?🤯

你知道颜色有 4 位和 8 位十六进制代码(#11223344)吗?🤯 作为一名开发人员,我已经 10 年了,但不知何故,我却错过了颜色的 4 位数字(#1234)和 8 位数字(#11223344)十六进制代码⁉ 以下是我了解到的它们是什么以及我们如何使用它们!

DOOM……使用单个 DIV 和 CSS 渲染!🤯🔫💥

摘要: 本文介绍了一个使用单个DIV和CSS渲染的游戏DOOM的实验过程,讨论了将游戏输出转为CSS线性渐变,通过浏览器处理生成的大量CSS数据和平均像素颜色处理的原理和技术实现细节。文章强调了渲染过程中遇到的技术挑战和解决方案,包括如何通过简单的平均像素颜色方法缩小图像尺寸以适应浏览器性能限制。同时,文章展示了具体的代码示例来说明如何实现这些技术。

您是否拥有一个毫无用途的域名?让我来给您一个项目!

您是否拥有一个毫无用途的域名?让我来给您一个项目! 赶时间?快去评论区分享一个你拥有的、毫无用途的域名吧,我(希望还有其他人)会给你一个有趣的副业创意!

使用 SVG、CSS 和 JS 创建动画 dev.to 个人资料图片,然后将其转换为 GIF [教程]。

摘要: 本文介绍了如何使用SVG、CSS和JS创建动画的dev.to个人资料图片,并将其转换为GIF格式的教程。文章首先提到作者加入社区时喜欢制作头像动画的习惯,然后介绍dev.to网站接受GIF格式的个人资料图片并简要说明了使用其他方法制作动画头像的局限性。接下来,文章详细描述了制作动画GIF的步骤,包括在Adobe Illustrator中设计徽标、将SVG文本复制到JSFiddle、制作动画以及解决动画制作过程中遇到的问题。最后,文章强调了SVG、CSS和JS在快速完成动画创建方面的优势。