前端
未读
使用 GSAP ScrollTrigger 创建滚动驱动动画
在前端动画开发中,滚动驱动(scroll-based)的交互方式越来越常见。通过简洁的代码实现“随着页面滚动播放动画”的效果。 这篇文章将以一个实际示例为基础,从零开始讲解 ScrollTrigger 的使用方法,包括滚动触发、动画同步、固定元素(pinning)等核心功能。 什么是 GSAP 和
前端
未读
CSS 绘制中间透明的圆形
<div class="area1">
<div class="circle"></div>
</div>
<style>
.area1 {
width: 100%;
display: flex;
justify-content: center;
}
.c
环境搭建
未读
从EPUB到Audiobook 将电子书转化为有声书(Azure、OpenAI)
环境搭建 源码运行 需要准备 Python 环境 GitHub地址: https://github.com/p0n1/epub_to_audiobook 克隆代码 git clone https://github.com/p0n1/epub_to_audiobook.git
cd epu
环境搭建
未读
Github 使用工作流自动部署前端项目
新建文件 在项目根目录下新建 .github/workflows/node.js.yml 工作流脚本 # This workflow will do a clean installation of node dependencies, cache/restore them, build the so
后端
未读
MongoDB 备份恢复
下载工具 前往 MongoDB官网 下载数据库备份恢复工具 MongoDB Command Line Database Tools Download 下载完成后进入 bin 目录 有一堆文件 如 mongodump mongorestore 备份 备份需要使用 mongodump 工具,具体使用方式
前端
未读
Swiper Element(Web 组件) 更改样式
Swiper Element(Web 组件)无法使用正常的 .className 修改样式 需要通过组件对外暴露的 part 值修改,代码如下 swiper-container::part(button-prev),
swiper-container::part(button-next) {
b
前端
未读
Swiper 匀速无缝轮播
<!-- 引入 Swiper 的样式文件 -->
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
<!-- Swiper 容器 -->
<div class="swiper-containe
前端
未读
Swiper 横向循环焦点图实现
Swiper 配置代码 const area5Swiper = new Swiper(".area5Swiper", {
// autoplay: true, //是否自动播放 true 是 false 否
slidesPerView: 2, //一排展示几个
initia
环境搭建
未读
获取 Pixiv RefreshToken
环境准备(Nodejs) 安装地址: Node.js — Run JavaScript Everywhere (nodejs.org) 安装 pxder npm i -g pxder 登陆 pxder --login 如果输入此命令发生错误 如类似 Error: Cannot find module