RavelloH's Blog
LOAD COMPLETED.
LOADING
.
.
.
NeutralPress
分类:开发 - 第 2 页 | RavelloH's Blog
Topics. Themes. Paths.
分类:开发
整理 & 索引 开发 下的所有子分类及文章。
最近更新于
1 周前
。
此分类共包含 3 个子分类,
25 篇文章。
当前正在查看 分类列表。
第 2 页,共 2 页。
正在查看第 21 - 25 篇文章。
Back / 返回上一级分类
14
前端
14
7
后端
7
2
工具
2
静态站实现全站搜索
静态站实现全站搜索
-
开发
/
前端
---
#全文搜索
#搜索引擎
#JavaScript
#Python
#全文搜索
#搜索引擎
#JavaScript
#Python
静态网站全站搜索功能的纯前端实现方案。作者通过 Python 脚本遍历站点 HTML 文件,提取标题、时间及正文内容生成 JSON 格式的索引文件,并配合前端 JavaScript 代码读取该索引,在客户端本地完成关键词检索、结果按相关度排序以及内容高亮显示,从而在不依赖后端数据库的情况下实现全站搜索。
#全文搜索
#搜索引擎
#JavaScript
#Python
静态网站全站搜索功能的纯前端实现方案。作者通过 Python 脚本遍历站点 HTML 文件,提取标题、时间及正文内容生成 JSON 格式的索引文件,并配合前端 JavaScript 代码读取该索引,在客户端本地完成关键词检索、结果按相关度排序以及内容高亮显示,从而在不依赖后端数据库的情况下实现全站搜索。
论静态页中伪动态的实现
论静态页中伪动态的实现
-
开发
/
前端
---
#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递归遍历伪数组
-
开发
/
前端
---
#JavaScript
#JavaScript
JavaScript 遍历 getElementsByTagName 获取的伪数组的教程。阐述了如何处理 getElementsByTagName 返回的 HTMLCollection 集合,通过 for 循环逐项操作 DOM 元素,解决直接修改集合属性无效的问题,并提供了一个批量为 span 标签添加 CSS 动画特效的实际应用案例。
#JavaScript
JavaScript 遍历 getElementsByTagName 获取的伪数组的教程。阐述了如何处理 getElementsByTagName 返回的 HTMLCollection 集合,通过 for 循环逐项操作 DOM 元素,解决直接修改集合属性无效的问题,并提供了一个批量为 span 标签添加 CSS 动画特效的实际应用案例。
CSS+JS实现页面切换过渡
CSS+JS实现页面切换过渡
-
开发
/
前端
---
#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 属性解决网络延迟可能导致的动画状态重置问题。
RTheme v1 上线
RTheme v1 上线
-
开发
/
前端
---
RTheme v1 个人博客主题的发布记录。作者为了替代原有的 Hexo 主题,自主开发了这款虽简陋但易于维护的新主题,并将项目源码上传至 GitHub。
RTheme v1 个人博客主题的发布记录。作者为了替代原有的 Hexo 主题,自主开发了这款虽简陋但易于维护的新主题,并将项目源码上传至 GitHub。
-
-
-
1
2
-
-
-
-
-