手里有只毛毛虫

10/21/2025 css HTML 信息技术

网页利用 view-transition 仿 AppStore 转场动画

其实上个月为了体验这功能就做了这个demo项目，碍于后面有些事忙起来遗忘了，这次补发文章出来。介绍一下 view-transition 背景，是 Web 开发中用于实现 DOM 元素过渡效果的技术，在24年中旬引入，现在各大主流浏览器也已经支持了，除了火狐（真的会有人用火狐吗）。项目链接：<https://github.com/miniwater/AppStore> 示例：miniwater....

AppStore HTML HTML5 view-transition

6/25/2025 AI HTML LLM 信息技术

LLMs.txt：让AI更方便爬取你的数据

最近，看到各种开发工具最近在其文档中添加了 LLMs.txt 支持。虽然 robots.txt 和 sitemap.xml 是为搜索引擎设计的，但 LLMs.txt 针对推理引擎进行了优化。它以 LLM 可以轻松理解的格式向他们提供有关网站的信息。什么是 LLMs.txt？ LLMs.txt 是一个具有特定结构的 markdown 文件。 /llms.txt: 简化的文档导航视图，帮助 AI ...

AI HTML LLM Markdown

10/12/2024 css HTML 信息技术

HTML 锚点偏移方法防止被头部遮挡

由于顶部菜单存在 position:fixed ，而引起的的锚点位置偏移。在css中，给锚点添加偏移量，直接就可以了 html { scroll-padding-top: 200px; scroll-behavior: smooth; } 就是这么简单的办法，我不知道为什么百度搜不出来其他不是用正负边距进行抵消，就是用js写滚动。网络上的反面教材： .content { margin-top...

CSS HTML HTML5 菜单锚点

10/8/2024 HTML 信息技术

网站添加字符画艺术文本彩蛋注释-开发人员工具

在HTML中，<!DOCTYPE HTML>下添加如下内容即可实现类似效果  $$\ $$\ $$\ $$\ $$\ $$\ $$\ $$\ $$ | $$ | $$ |$$ | $$ | $\ $$ | $$ | $$ | $$ | $$ | $$$$$$\ $$ |$$ | $$$$$$\ $$ |$$$\ $$ | $$$$$$\ $$$$$$\ $$ | $$$$...

HTML 字符画彩蛋注释

10/8/2024 HTML 信息技术模板

Html5 地址发布页单页源码

发现一个很好看的地址发布页单页源码，做网站的应该都很熟悉了。原文：https://6ke.li/forum-post/1160.html 演示地址：地址发布页优点自动检测是否能够正常访问自动检测本机延迟自动黑夜/白天模式，也可手动切换主要是页面好看效果展示代码奉上 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="U...

HTML 单页学习源码

9/8/2024 HTML 信息技术

分享一个仿Windows蓝屏的404页面

效果 <https://www.krjojo.com/resources/html/windows%e8%93%9d%e5%b1%8f404.html> 页面源码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=...

404 HTML windows

8/10/2024 HTML WordPress 信息技术

一秒钟，把大家网站底裤扒出来 — Wappalyzer

对于许多人来说，深入了解一个网站背后使用的技术是非常有趣的。也许你是一个开发者，想知道竞争对手使用的技术堆栈，或者你是一个数字营销者，想要知道一个网站使用的分析工具。无论你是哪一种，Wappalyzer 插件都是一个强大的工具，它能够迅速、准确地揭示网站所使用的技术。只需要在浏览器中安装这款插件 Chrome: <https://chromewebstore.google.com/detail...

HTML Wappalyzer 技术架构

5/8/2024 HTML PHP WordPress 信息技术

WordPress 简单代码实现外链跳转安全提示

通过代码方式实现知乎那种外链跳转提示可以自行定制提示页面目前不清楚对搜索引擎是正收益还是负收益核心代码使用get传参进行传值，如以下这样 www.krjojo.com/link?url=base64网址如果需要把网址直接写到url里面，可以自行小调整实现 www.krjojo.com/link/base64网址/ 改写文中所有url地址，进行base64编码注释掉的那行为url传值，需...

HTML PHP WordPress 外链

4/2/2024 HTML nginx 信息技术

为Nginx站点添加防盗链

如果你发现网站没什么人访问但是服务器流量却哗哗的走，有一种可能是你的静态资源被盗用了，别人网站展示的图片，却从你的服务器上加载。作用主要防止其他网站直接引用自己网站的资源原理正常用户，正常浏览器，浏览A网站加载图片的时候，会在HTTP的头信息携带Referer这个参数，里面包含了A网站的网址。 Nginx通过检查HTTP的头携带的Referer参数，判断是否是自己的网址，如果不是，则拒绝访...

HTML http nginx referer 网络安全防盗链

3/30/2024 apache HTML nginx 信息技术

Use X-Content-Type-Options Header修复

今天在看到了 Use X-Content-Type-Options Header 的警告具体内容为：<https://webhint.io/docs/user-guide/hints/hint-x-content-type-options/?source=devtools> 大概意思就是：响应头用来指定浏览器对未指定或错误指定Content-Type资源真正类型的猜测行为，nosniff表示不...

.htaccess Apache HTML HTML5 http http响应头 js nginx xss