我勒个豆

一、常用命名规范 二、项目文件命名 2.1 项目名 全部采用小写方式， 以短横线分隔。如：my-project 2.2 目录名 全部采用小写方式， 以短横线分隔，有复数结构...

某晚，公司短信接口遭到恶意爆破攻击，导致大量验证码请求，差一点让公司陷入财务危机。本文深入探讨验证码爆破攻击的原理、常见手段，以及如何通过安全策略和技术手段提升防护，避免类...

📍前言 最近在一次理解vue项目的代码时，发现周一对好多API都不太熟悉。这间接导致的问题是，代码理解速度要比平常要慢很多。于是乎，赶忙把vue API的学习提上了日程。...

CSS渐变背景看这一篇就够了 这是我参与11月更文挑战的第1天，活动详情查看：2021最后一次更文挑战 在我们自己设计网页的时候，为了好看美观，颜色可谓是最让人头疼的一部分...

效果图普通轮播图卡片式轮播图堆叠式轮播图普通轮播图普通轮播图-演示普通轮播图-源码思路：如上图所示，假设有三张图片进行轮播，绿色区域是显示区域，其它部分都是隐藏的页面渲染时...

一. JavaScript书写方式 1. 行内式---直接把代码书写在标签身上 a标签--书写在href属性上 非a标签--书写在行为属性上 2. 内嵌式---把代码书写在...

先看实现效果 代码实现 HTML CSS JS 最终效果图 留言 如果以上内容对你有些许帮助，还请劳烦给博主送一个小心心♥(ˆ◡ˆԅ) 本人Gitee仓库链接(也要♥(ˆ◡...

废话不多说，先直接上成品 代码片段 让我们从零开始分析代码 1. 初始化HTML和CSS 2. 添加计时器，每秒计算需要在纵轴上偏移的位置 3. 添加一点点过渡效果，让时间...

Flexbox 是一维布局系统，适合做局部布局，比如导航栏组件。 Grid 是二维布局系统，通常用于整个页面的规划。 二者从应用场景来说并不冲突。虽然 Flexbox 也可...

1. 精灵图 一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。 ...

HTML、CSS和JavaScript创建独特而引人注目的文字(字母&数字)雨动画效果。该动画展现出的是一系列随机字符从云朵中下落像是将文字变成雨滴从天而降，营造出与众不同...

老话说的好：css是你永远学不会的语言。 子辰发现了一个炫酷的3D卡片效果，这样的效果实现起来，你有没有思路呢？...

目前浏览器实现动画的方式有如下两种 JS 动画 和 CSS 动画，本篇详细讲解 CSS 动画：CSS Transition过渡 和 CSS Animation 动画。...

在 CodePen 上分享的 5 个酷炫且令人兴奋的前端演示合集。 Color Palette Ben Matthews 的生成艺术作品。颜色基于海底总动员海报，虽然笔触可...