swiper是一款功能强大的卡片划动组件，能够组合实现多样交互功能，但是要用好swiper可不容易，本文将尽可能去描述清楚，如何使用swiper实现动态自动轮播

Nuxt3 正式发布还不到半年，在投入生产环境使用后，遇到了不少问题，很难找到合适的解决方案，其中环境变量配置就是其中一个，之前一直未能解决，最近要上持续集成，无法绕过这个问题，所以花了点时间研究了一

【字体压缩】淦，以后不用怕字体文件了 背景 开发项目的时候遇到一个这样的需求：要求使用思源黑体。据了解，一般字体文件体积都是蛮大的，通常 5MB+。谷歌了下思源黑体字体包，更是达到了 10MB。这么大

视频作为一种重要的媒体形态，在网站中使用可以提高网站内容的丰富性，但同时对网络加载来说也是一个负担。所以会出现一些如下针对 Web 上视频的优化。

之前在服务器搭建的项目都是用http的，但是一般来说都要换成https；因为https比http更加安全，数据不再是明文传输，更不容易被攻击/被第三方广告光顾；所以就有了将http换成https的想法

最近做个官网（技术栈使用Nuxt）需要用到滑动到可视区域才触发动画效果，几乎所有的页面都要”动“起来，手写要累死的节奏，赶紧寻找工具！发现wow.js+animate.css可以满足笔者的需求。 animate.css 是一个使用CSS3的animation制作的动画效果的CS…

前言 最近项目里面又用到了轮播，之前用swiper也写过，所以毫不犹豫又下了swiper包，本以为三下五除二就能搞定了，结果最新版本的swiper@9.0.3是让我踩了一个又一个的坑啊！避坑指南来了，

众所周知，在 SSR 服务中，渲染阶段是非常消耗渲染服务器资源的。 比如网站的首页，会经常被访问到，如果每一次请求渲染服务器都要执行一遍渲染操作，不仅速度上要慢很多，而且在高并发状态下会出现性能瓶颈。 这时，如果我们在页面第一次渲染完成后，就将这次的渲染结果缓存下来。当再次请求…

令人愉快的 Nuxt3 教程 (一): 应用的创建与配置 令人愉快的 Nuxt3 教程 (一): 应用的创建与配置 前言 Nuxt 是什么? 创建 Nuxt3 应用 你需要的亿点点配置 0.eslin