前端

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

简介FishNoval 是一个简单而强大的 Chrome 浏览器扩展,它允许你在浏览网页的同时阅读本地小说文件。这个扩展的设计理念是轻量、高效,让你可以在任何网页上享受阅读的乐趣。…

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

记录一个今天遇到的图片放大时渲染问题在使用tailwindcss对图片进行放大使用hover:scale-105 transition duration-300更好效果可以对图片进…

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

作为网站所有者,你可能希望为用户提供一款功能强大、外观出众的视频播放器。这不仅能提升整体用户体验,还能帮助你更好地展示各种内容和产品。在众多可用的视频播放器插件中,Plyr.js是…

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

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

常用meta适配标签

<meta name="viewport" content="width=device-width,initial-scale=1.0,maxi…

更换cactus主题

原本自己写了一个主题叫calm,是模仿自hexo的一款国外主题hexo-theme-cactus,但是突然网上发现一款主题也是移植这个主题,并且还原度非常高,叫做cactus,所以…

简单实现图片异步加载

网页图片的异步加载可以使用 JavaScript 实现。具体实现方式可以使用以下步骤:将网页图片的 src 属性设置为一个占位符;在 JavaScript 中,将图片的真实 URL…

pjax对SEO有什么影响?

pjax对SEO的影响主要取决于网站的实现方式和使用场景。如果pjax的实现方式不合理,可能会对SEO产生一定的负面影响。对于使用pjax的网站,如果没有正确处理好URL的变化和页…

通过css变量切换站点主题

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