RavelloH's Blog
LOAD COMPLETED.
LOADING
.
.
.
NeutralPress
标签:JavaScript - 第 1 页 | RavelloH's Blog
Keywords. Connections. Traces.
标签:JavaScript
整理 & 索引 JavaScript 下的所有文章。
此标签共包含 11 个文章。
当前正在查看 标签:JavaScript。
第 1 页,共 1 页。
正在查看第 1 - 11 篇文章。
Back / 返回标签列表
Timepulse:现代化高颜值计时器
Timepulse:现代化高颜值计时器
2025/04/03
开发
/
前端
---
#React
#Next.js
#倒计时
#JavaScript
#React
#Next.js
#倒计时
#JavaScript
TimePulse 是一个具有现代化 UI 和交互的倒计时网页应用,致力于提供极佳的视觉体验。它采用玻璃态设计和流畅动画效果,支持多计时器管理、数据本地存储与云端同步、智能节假日识别以及 PWA 离线访问等功能,并开放了核心源码。
#React
#Next.js
#倒计时
#JavaScript
TimePulse 是一个具有现代化 UI 和交互的倒计时网页应用,致力于提供极佳的视觉体验。它采用玻璃态设计和流畅动画效果,支持多计时器管理、数据本地存储与云端同步、智能节假日识别以及 PWA 离线访问等功能,并开放了核心源码。
JS 模拟 Arknights 卡池
JS 模拟 Arknights 卡池
2025/01/14
游戏
---
#JavaScript
#node.js
#明日方舟
#JavaScript
#node.js
#明日方舟
使用 JavaScript 模拟明日方舟各类卡池期望抽数的代码合集。作者基于 Node.js 进行了十亿次蒙特卡洛模拟,详细计算了在双 UP、单 UP、联动池(含保底机制)、限定池(含井)等不同规则下,获取任意六星、指定六星及满潜所需的平均期望抽数,并提供了可直接运行的测试代码与统计数据。
#JavaScript
#node.js
#明日方舟
使用 JavaScript 模拟明日方舟各类卡池期望抽数的代码合集。作者基于 Node.js 进行了十亿次蒙特卡洛模拟,详细计算了在双 UP、单 UP、联动池(含保底机制)、限定池(含井)等不同规则下,获取任意六星、指定六星及满潜所需的平均期望抽数,并提供了可直接运行的测试代码与统计数据。
使用 KV Cache 作为在线临时数据库
使用 KV Cache 作为在线临时数据库
2024/12/21
开发
/
后端
---
#JavaScript
#node.js
#Serverless
#KV
#JavaScript
#node.js
#Serverless
#KV
KV Cache 是一个基于 Serverless API 的键值对存储系统,能将数据库操作转化为 HTTP 请求,为联网项目提供便捷的非关系型数据库服务。文章详细介绍了该项目的安全机制(如 UUID 防扫、密码保护、IP 白名单)、API 接口的使用方法以及在 Vercel 上的部署流程,最后还分享了一个利用 404 机制实现的在线剪切板前端案例。
#JavaScript
#node.js
#Serverless
#KV
KV Cache 是一个基于 Serverless API 的键值对存储系统,能将数据库操作转化为 HTTP 请求,为联网项目提供便捷的非关系型数据库服务。文章详细介绍了该项目的安全机制(如 UUID 防扫、密码保护、IP 白名单)、API 接口的使用方法以及在 Vercel 上的部署流程,最后还分享了一个利用 404 机制实现的在线剪切板前端案例。
RLog:可能是 nodejs 端最好的日志系统
RLog:可能是 nodejs 端最好的日志系统
2024/10/26
开发
/
工具
---
#JavaScript
#node.js
#TypeScript
#NPM
#JavaScript
#node.js
#TypeScript
#NPM
RLog 是一个旨在让 console.log 变得更加优雅的 Node.js 端日志库。它不仅支持自动着色、时间戳添加、信息等级判断以及高性能的文件异步写入,还提供了进度条显示、隐私内容隐藏及灵活的配置选项,帮助开发者通过简单的 API 替换实现更高效的调试与记录。
#JavaScript
#node.js
#TypeScript
#NPM
RLog 是一个旨在让 console.log 变得更加优雅的 Node.js 端日志库。它不仅支持自动着色、时间戳添加、信息等级判断以及高性能的文件异步写入,还提供了进度条显示、隐私内容隐藏及灵活的配置选项,帮助开发者通过简单的 API 替换实现更高效的调试与记录。
我妥协了,React 与 Pjax 不可兼得
我妥协了,React 与 Pjax 不可兼得
2024/10/20
开发
/
前端
---
#React
#PJAX
#JavaScript
#React
#PJAX
#JavaScript
React 项目中集成 Pjax 失败的经验总结与视觉模拟方案。由于 React 的渲染机制与 Pjax 在脚本加载及 DOM 替换上存在冲突,作者最终决定放弃 Pjax,转而通过拦截 <a> 标签点击事件、延迟跳转以及 CSS 淡出动画来模拟 Pjax 的无刷新视觉效果,并利用 document.referrer 判断来源以优化下一页面的加载遮罩体验。
#React
#PJAX
#JavaScript
React 项目中集成 Pjax 失败的经验总结与视觉模拟方案。由于 React 的渲染机制与 Pjax 在脚本加载及 DOM 替换上存在冲突,作者最终决定放弃 Pjax,转而通过拦截 <a> 标签点击事件、延迟跳转以及 CSS 淡出动画来模拟 Pjax 的无刷新视觉效果,并利用 document.referrer 判断来源以优化下一页面的加载遮罩体验。
RThemeV3:全面升级
RThemeV3:全面升级
2023/08/15
开发
/
前端
---
#JavaScript
#node.js
#JavaScript
#node.js
一款完全重构的高性能、无依赖且采用单页应用(SPA)架构的静态博客主题。该版本在 Google PageSpeed 测试中取得满分,集成了自动化部署、全站搜索及丰富的多媒体组件,本文详细介绍了其各项特性、部署流程、模板修改方法以及高级功能的配置指南。
#JavaScript
#node.js
一款完全重构的高性能、无依赖且采用单页应用(SPA)架构的静态博客主题。该版本在 Google PageSpeed 测试中取得满分,集成了自动化部署、全站搜索及丰富的多媒体组件,本文详细介绍了其各项特性、部署流程、模板修改方法以及高级功能的配置指南。
Virgule.js 现已发布
Virgule.js 现已发布
2022/12/26
开发
/
前端
---
#JavaScript
#JavaScript
Virgule.js 是一个轻量级的 JavaScript 打字机特效库,由作者对博客首页原有特效重构而成。该项目将代码量从 530 行压缩至 370 行,新增了跳过空格、自定义速度及快捷引用目标等功能,并通过“斜杠覆盖-随机字符-目标文字”的三阶段逻辑实现优雅的文本过渡动画,现已开源并支持简单的函数调用。
#JavaScript
Virgule.js 是一个轻量级的 JavaScript 打字机特效库,由作者对博客首页原有特效重构而成。该项目将代码量从 530 行压缩至 370 行,新增了跳过空格、自定义速度及快捷引用目标等功能,并通过“斜杠覆盖-随机字符-目标文字”的三阶段逻辑实现优雅的文本过渡动画,现已开源并支持简单的函数调用。
静态站实现全站搜索
静态站实现全站搜索
2022/08/25
开发
/
前端
---
#全文搜索
#搜索引擎
#JavaScript
#Python
#全文搜索
#搜索引擎
#JavaScript
#Python
静态网站全站搜索功能的纯前端实现方案。作者通过 Python 脚本遍历站点 HTML 文件,提取标题、时间及正文内容生成 JSON 格式的索引文件,并配合前端 JavaScript 代码读取该索引,在客户端本地完成关键词检索、结果按相关度排序以及内容高亮显示,从而在不依赖后端数据库的情况下实现全站搜索。
#全文搜索
#搜索引擎
#JavaScript
#Python
静态网站全站搜索功能的纯前端实现方案。作者通过 Python 脚本遍历站点 HTML 文件,提取标题、时间及正文内容生成 JSON 格式的索引文件,并配合前端 JavaScript 代码读取该索引,在客户端本地完成关键词检索、结果按相关度排序以及内容高亮显示,从而在不依赖后端数据库的情况下实现全站搜索。
论静态页中伪动态的实现
论静态页中伪动态的实现
2022/07/08
开发
/
前端
---
#JavaScript
#Python
#JavaScript
#Python
伪动态是指在不改变静态站点本质的前提下,通过客户端脚本或自动化构建工具实现部分动态交互功能的技术。 文章以 GitHub Pages 为例,详细介绍了两种实现方法:一是利用 JavaScript 的 window.location 对象识别 URL 参数(如 ?text=value)来根据用户输入渲染不同内容;二是利用 GitHub Actions 配置定时任务或触发器,运行 Python 爬虫抓取数据并自动构建、提交页面更新,从而在无后端服务器的情况下实现内容的自动更迭与个性化展示。
#JavaScript
#Python
伪动态是指在不改变静态站点本质的前提下,通过客户端脚本或自动化构建工具实现部分动态交互功能的技术。 文章以 GitHub Pages 为例,详细介绍了两种实现方法:一是利用 JavaScript 的 window.location 对象识别 URL 参数(如 ?text=value)来根据用户输入渲染不同内容;二是利用 GitHub Actions 配置定时任务或触发器,运行 Python 爬虫抓取数据并自动构建、提交页面更新,从而在无后端服务器的情况下实现内容的自动更迭与个性化展示。
JS递归遍历伪数组
JS递归遍历伪数组
2022/02/06
开发
/
前端
---
#JavaScript
#JavaScript
JavaScript 遍历 getElementsByTagName 获取的伪数组的教程。阐述了如何处理 getElementsByTagName 返回的 HTMLCollection 集合,通过 for 循环逐项操作 DOM 元素,解决直接修改集合属性无效的问题,并提供了一个批量为 span 标签添加 CSS 动画特效的实际应用案例。
#JavaScript
JavaScript 遍历 getElementsByTagName 获取的伪数组的教程。阐述了如何处理 getElementsByTagName 返回的 HTMLCollection 集合,通过 for 循环逐项操作 DOM 元素,解决直接修改集合属性无效的问题,并提供了一个批量为 span 标签添加 CSS 动画特效的实际应用案例。
CSS+JS实现页面切换过渡
CSS+JS实现页面切换过渡
2021/07/18
开发
/
前端
---
#JavaScript
#css
#JavaScript
#css
使用 CSS 和 JavaScript 实现博客页面切换过渡效果的教程。主要介绍如何通过 CSS Keyframes 动画实现内容区域从屏幕左侧的飞入与飞出,并利用 JavaScript 的 window.onbeforeunload 事件监听离开动作以触发动画,同时使用 animation-fill-mode: forwards 属性解决网络延迟可能导致的动画状态重置问题。
#JavaScript
#css
使用 CSS 和 JavaScript 实现博客页面切换过渡效果的教程。主要介绍如何通过 CSS Keyframes 动画实现内容区域从屏幕左侧的飞入与飞出,并利用 JavaScript 的 window.onbeforeunload 事件监听离开动作以触发动画,同时使用 animation-fill-mode: forwards 属性解决网络延迟可能导致的动画状态重置问题。
-
-
-
-
1
-
-
-
-
-