前端

FishNoval – 一个轻量级的 Chrome 小说阅读器扩展

FishNoval – 一个轻量级的 Chrome 小说阅读器扩展

简介FishNoval 是一个简单而强大的 Chrome 浏览器扩展,它允许你在浏览网页的同时阅读本地小说文件。这个扩展的设计理念是轻量、高效,让你可以在任何网页上享受阅读的乐趣。主要功能本地文件支持支持加载本地 TXT 格式的小说文件智能处理大文件,支持 30MB 以上的小说文件自动保存最近阅读的

2025-04-15
327 0 0
使用tailwindcss在进行图片放大时渲染问题

使用tailwindcss在进行图片放大时渲染问题

记录一个今天遇到的图片放大时渲染问题在使用tailwindcss对图片进行放大使用hover:scale-105 transition duration-300更好效果可以对图片进行定位,比如从图片中间放大,再加上origin-center但是这会有一个问题,那就是在放大时,图片可能会抖动,这是因为

2024-08-12
172 0 0
使用Plyr.js打造出色的网站视频播放体验

使用Plyr.js打造出色的网站视频播放体验

作为网站所有者,你可能希望为用户提供一款功能强大、外观出众的视频播放器。这不仅能提升整体用户体验,还能帮助你更好地展示各种内容和产品。在众多可用的视频播放器插件中,Plyr.js是一个非常出色的选择,我在icefox主题里面使用了该插件,体验非常棒。Plyr.js是一个轻量级、响应式且易于定制的HT

2024-05-11
174 1 0
hover的时候,悬浮框从下往上,从隐藏到显示出现

hover的时候,悬浮框从下往上,从隐藏到显示出现

要实现悬浮框从下往上,从隐藏到显示的效果,可以使用 Tailwind CSS 提供的 transform 和 transition 工具类。HTML 结构:<div class="relative group"> <button class="bg

2024-04-30
164 0 0
常用meta适配标签

常用meta适配标签

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /> <meta name=&qu

2024-04-10
150 0 0
更换cactus主题

更换cactus主题

原本自己写了一个主题叫calm,是模仿自hexo的一款国外主题hexo-theme-cactus,但是突然网上发现一款主题也是移植这个主题,并且还原度非常高,叫做cactus,所以自己calm这个主题就不继续维护,我也直接换这个cactus主题了。大家可以看看,确实挺好看的。

2024-04-09
121 0 0
简单实现图片异步加载

简单实现图片异步加载

网页图片的异步加载可以使用 JavaScript 实现。具体实现方式可以使用以下步骤:将网页图片的 src 属性设置为一个占位符;在 JavaScript 中,将图片的真实 URL 存储在自定义属性 data-src 中;使用 Intersection Observer API 监听图片是否进入视口

2023-06-09
122 0 0
pjax对SEO有什么影响?

pjax对SEO有什么影响?

pjax对SEO的影响主要取决于网站的实现方式和使用场景。如果pjax的实现方式不合理,可能会对SEO产生一定的负面影响。对于使用pjax的网站,如果没有正确处理好URL的变化和页面内容的加载,可能会导致搜索引擎无法正确抓取和索引网站的内容,从而影响网站的排名和流量。不过,如果pjax的实现方式得当

2023-06-09
138 0 0
通过css变量切换站点主题

通过css变量切换站点主题

CSS变量声明一个变量,属性名需要以两个减号(--)开始,属性值则可以是任何有效的CSS值。:root[theme="dark"] { --color: #fff; } :root[theme="light"] { --color: black; }:

2023-06-09
151 0 0