2024-12-23

[编程技术] HTML实现table表格移动端自动转为卡片样式

现在的网页开发中，响应式设计至关重要，它能够确保网页在不同设备上都能提供良好的用户体验。本文将使用 HTML、CSS 和原生 JavaScript，实现在移动端将 Table 表格自动转变为卡片样式，并且每个卡片都展示

2024-05-10

[编程技术] 封装一个最简单的Axios，避免过度封装！

axios 是目前最优秀的 HTTP 请求库之一，虽然 axios 已经封装的非常好了，我们可以直接拿过来用。但是在实际的项目中，我们可能还需要对 axios 在封装一下，以便我们更好的管理项目和各个借口。但是，目前网上有特别多的针对于 axios 在项目

2024-01-08

本文讲解如何使用 CSS Grid(网格) 布局来创建一个超酷的图像网格，它会根据屏幕的宽度改变列的数量，以实现响应式布局。而这篇文章中最漂亮的部分是：添加一行 CSS 代码即可实现响应式布局。这意味着我们不必通过丑陋

2023-03-04

仿ElementUI消息提示组件，含生命周期钩子先来看看 ElementUI 消息提示组件官网：https://element.eleme.cn/#/zh-CN/component/message 本文实现效果：代码： <!DOCTYPE html>

2022-12-31

**lazysizes **是一种快速（无垃圾），对 SEO 友好且可自动初始化的 lazyloader，用于图像（包括响应图像 picture/ srcset），iframe，脚本/小部件等。它还通过区分关键视图元素和近视图元素来优先分配资源，以使

2022-12-29

typecho 是一个伪静态的博客系统，如果不使用缓存，每次打开页面都会查询数据库，访问人数多了以后服务器压力倍增。但是，typecho 是一个 php 的程序，我们可以利用 php 将实时页面保存成 html，设置一个失效时间，如果