安全人人有责 - 第一部分 - DevSecOps

本文是DevSecOps主题系列的第一篇博客文章。文章探讨了如何将安全高效融入DevOps流程,并阐述了安全是每个人的责任的理念。文章还定义了DevOps、“三大路径”、应用安全(AppSec)和DevSecOps的概念。文章旨在强调在DevOps环境中调整安全活动时,必须确保能够可靠地创建和发布安全软件。同时提到其他篇章的内容和观看相关视频的链接。最后提到作者的书籍《Alice and Bob Learn Application Security》和她的在线培训学院We Hack Purple。

博客文章能起到什么作用?

这篇博客文章探讨了博客文章的作用。作者通过自我反思和自我探索,意识到尽管个人力量有限,但博客文章仍能为世界带来积极影响。文章强调了积极改变的价值,无论大小,都值得关注。作者还提到,博客文章能够产生涟漪效应,帮助解决问题并改善现状。此外,文章也强调了保持同情心的重要性,并指出发挥个人优势是帮助他人的有效方式之一。总体而言,这篇博客文章探讨了博客文章如何在其作者热爱的领域帮助他人,并强调了积极行动和发挥个人优势的重要性。

使用 TailwindCSS 的 background-filter 和 background-blur 构建一个玻璃质感的导航栏

摘要: 本文介绍了如何使用 TailwindCSS 的 background-filter 和 background-blur 功能,构建一个具有玻璃质感的导航栏。首先,文章简要概述了玻璃变形设计的流行趋势及其定义。接着,通过具体步骤展示了如何在导航栏上应用玻璃质感效果,包括使用 TailwindCSS v2.1 新增的背景实用类,以及设置导航栏的基本结构。文章还强调了设置导航元素背景颜色、固定导航元素以及应用 z-index 属性等要点。最后,文章详细说明了如何应用 backdrop-filter 和 backdrop-blur 实用程序类来添加玻璃质感效果。

Javascript Sock Merchant 挑战 - 解决方案 1

本文介绍了解决“袜子商人”挑战的一种解决方案,该方案通过先对数组进行排序,然后逐个比较每个元素以找出配对的袜子,并统计找到的袜子对的数量。文章详细描述了代码实现过程,并提供了视频文字稿以辅助理解。该解决方案适用于小型数组,但仍有改进空间。

使用 Next.js 重建我的博客

摘要:本文介绍了作者使用Next.js重建个人博客的过程,包括选择Next.js的原因,以及具体实现过程中的关键点,如使用babel-plugin-preval/macro包创建博客文章集,实现语法高亮和RSS源添加、分页等功能的解决方案。文章还提供了代码示例,以帮助读者更好地理解实现过程。

向 GitHub 自述文件页面添加深色/浅色模式专用图片

本文介绍了如何向 GitHub 自述文件页面添加深色和浅色模式专用图片。作者首先展示了如何在 GitHub 文档中使用特定代码为深色和浅色模式指定不同的图像链接。接着,提供了实际的效果展示,包括浅色模式和深色模式下的图像。然后,作者介绍了如何将图像居中显示,并给出了相关的代码示例。最后,作者认为新的主题与徽标搭配起来非常棒,可以让你的 GitHub 个人或开源项目自述文件脱颖而出,并鼓励读者在评论区分享他们的结果。文章来源:https://dev.to/scopsy/adding-darklight-mode-specific-images-to-your-github-readme-page-3cdj。

使用 HTML、CSS 和 Javascript 构建音乐播放器 DEV 的全球展示挑战赛,由 Mux 呈现:展示你的项目!

摘要: 这篇文章介绍了如何使用HTML、CSS和JavaScript构建一个音乐播放器,并参加了由Mux呈现的DEV全球展示挑战赛。文章详细描述了项目的文件夹结构,包括HTML布局、CSS样式和JavaScript代码的编写。项目包括创建一个音频容器类,添加音频信息、进度容器和音频标签,并创建一个导航类包含播放、上一曲和下一曲按钮。文章还解释了CSS样式的重要部分,并分享了完整的代码GitHub链接。

使用 Cloudflare 构建速度超快的无服务器应用程序🏃

摘要: 本文介绍了使用Cloudflare构建速度超快的无服务器应用程序的方法和流程。文章首先阐述了Cloudflare Workers的简介和优势,然后详细描述了如何创建第一个Cloudflare Worker的步骤,包括先决条件、项目设置和代码编写等。通过本文,读者可以了解如何轻松地使用Cloudflare Workers构建高速且无服务器功能的云应用程序。

使用 Hugo 构建静态网站并使用 Netlify 进行部署

摘要: 本文介绍了如何使用Hugo构建静态网站并使用Netlify进行部署的详细步骤。首先,读者需要了解Hugo和Netlify是什么。然后,按照文章中的步骤,安装Hugo、创建一个新的Hugo站点、选择一个主题、运行主题并部署到Netlify。文章还包含了一些相关的图片和链接,以帮助读者更好地理解每个步骤。最后,文章总结了使用Hugo和Netlify构建和部署静态网站的过程,并提供了一个链接,以便读者查看原始博客文章。关键词:Hugo、Netlify、静态网站、构建、部署。

CSS游戏真好玩!

CSS游戏被开发者视为可能浪费时间的选择,尤其是在考虑性能和可维护性的情况下。然而,从另一个角度看,使用CSS开发游戏能带来独特的挑战和学习机会,如使用复杂选择器、处理具体性冲突以及练习组合子和伪类。文章作者感冒居家时,决定尝试仅使用CSS和HTML开发一个井字棋游戏,并分享了其添加“人工智能”元素的演示。作者鼓励其他开发者分享他们的CSS游戏经验。