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

大量实用且精美的着陆页模板

大量实用且精美的着陆页模板 awesome-landing-page 是一系列美观实用的落地页模板。

面向初学者的 Web 开发:Microsoft Learn 上的全新学习路径

本文介绍了面向初学者的Web开发学习路径,该路径基于GitHub课程,由Microsoft Learn提供。文章详细列出了初学者需要学习的内容,包括编程入门、网络无障碍访问、JavaScript变量和数据类型、函数、使用IF/ELSE进行决策以及数组和循环等。该学习路径为想要学习Web开发的初学者提供了一个实用的学习框架。

构建 Tailwind CSS 下拉组件 DEV 的全球展示挑战赛,由 Mux 呈现:展示你的项目!

摘要: 本文主要介绍了如何使用Tailwind CSS构建一个下拉菜单组件,包括HTML和JavaScript代码的编写。作者提到了Tailwind CSS的实用性和流行的框架如Bootstrap或Foundation等的对比,并介绍了使用Flowbite库来增强功能。文章详细描述了如何设置HTML代码,添加样式和JavaScript代码来连接按钮和下拉菜单,并最终展示了完整的代码示例。此外,文章还提到了参加由Mux呈现的DEV全球展示挑战赛的机会,鼓励读者展示自己的项目。

什么是多态性?——向五岁小孩解释多态性;Mux 呈现的 DEV 全球展示挑战赛:展示你的项目!

摘要: 本文主要解释了什么是多态性,通过类比的方式向五岁小孩进行解释。同时,报道了由Mux主办的DEV全球展示挑战赛,鼓励参与者展示他们的项目。文章还通过代码示例,解释了面向类的编程语言中的类、父类和子类,以及类继承的概念。最后,介绍了两种不同的具体飞机类型——直升机和固定翼飞机,它们继承了飞机的通用特征但也有所不同。

DIY家庭安防摄像头系统

文章介绍了作者决定DIY家庭安防摄像头系统的原因,包括市面上主流监控系统存在的问题,如订阅价格上涨、公司员工或陌生人观看视频、公司停止提供服务等。作者选择自己制作一套家庭安防摄像头系统,并详细描述了硬件方面的准备,包括相机电力和局域网连接的考虑,以及选择PoE交换机作为解决方案。文章还提到了不同供电方式的特点和PoE交换机的规格选择注意事项,以及如何通过固定IP地址来访问摄像头。最后,作者介绍了自己的相机URL格式。摘要:本文讲述作者因对市面上主流监控摄像头系统存在问题的考量,决定自己动手制作家庭安防摄像头系统。文章详细描述了硬件方面的准备和考虑,包括电力供应、局域网连接和PoE交换机的选择。同时,文章也提到了如何为摄像头分配固定IP地址以便访问。

参加 Nylas AI 与通信挑战赛:奖金高达 3,000 美元!

参加Nylas AI与通信挑战赛有机会赢取高达3000美元的奖金。本次挑战包含两个主题:“AI探险”和“银河系大脑”,参赛者可以使用Nylas API构建应用程序,展示底层技术运用、用户体验等方面的创意。胜出者将获得奖金、在Nylas Inspiration Gallery中重点展示的机会以及专属开发者徽章等奖励。

CSS 的完整和实践:基础知识

这篇文章是关于CSS基础知识的完整和实践指南。它解释了HTML元素的位置和CSS中的定位属性,如`position`、`top`、`right`、`bottom`和`left`等。此外,文章还探讨了元素的正常流(Normal Flow)和定位上下文(Positioning Context)等概念。文章总结了不同定位属性(如`static`、`relative`、`absolute`、`fixed`和`sticky`)的特点和用途,并强调了使用这些属性时需要注意的事项。此外,文章还介绍了z索引(z-index)的概念及其在决定元素堆叠顺序中的作用。最后,文章提供了关于CSS定位的其他资源和社交注意事项。摘要概括为:这篇文章全面介绍了CSS基础知识,包括元素的定位、正常流、定位上下文、不同定位属性的特点和用途以及z索引的概念,适合初学者学习并实践CSS定位技术。

如何创建纯 CSS 插图并为其添加动画 - 第 2 部分 CSS 动画 DEV 的全球展示挑战赛,由 Mux 呈现:展示你的项目!

摘要:<font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">本文主要介绍了如何创建纯 CSS 插图并为其添加动画效果,以第二部分为例,详细介绍了如何构建 CSS 宝丽来照片,并学习如何为其添加动画效果。</font></font> 关键词:<font dir="auto" style="vertical-align: inherit;"><font dir="auto" style="vertical-align: inherit;">CSS插图;动画;第二部分;CSS 宝丽来照片;动画效果</font></font> 文章摘要:<font dir="auto" style="vertical-align: inherit;">这篇文章是系列文章的第二篇,主要讲述了如何使用CSS创建插图并为其添加动画效果。文章首先概述了整体流程,然后详细解释了如何构建一个模拟拍立得相机的插图,包括基本的HTML结构和CSS样式设置。最后,文章介绍了如何为这些插图添加动画效果。</font>

将 REST API 转换为 GraphQL API

摘要: 本文将介绍如何将 REST API 转换为 GraphQL API。首先,我们将使用一个简单的 GET REST 端点作为起点。接着,定义用于存储从新的 API 端点返回的宝可梦数据的 GraphQL 类型。然后,定义一个查询以获取特定宝可梦的信息。最后,在 GraphQL Playground 中尝试查询并查看结果。通过跟随本文的步骤,读者可以轻松地将 REST API 转换为 GraphQL API 并获取所需的数据。