前端


2024-01-08

[编程技术] 一行 CSS 代码实现响应式布局 – 使用 Grid 实现的响应式布局

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

2023-03-04

[编程技术] JS | 原生js仿ElementUI消息提示组件,含生命周期钩子

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

2022-12-31

[编程技术] Lazysizes.js图片懒加载的使用

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

2022-12-29

[编程技术] typecho使用文件缓存加快打开速度

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

2022-11-27

[编程技术] 通用的检测到广告屏蔽插件进行弹窗提示实现方法

用的 js 方法来检测,按理说所有博客都能使用,就是在打开网页的时候进行一次判断。如果发现没有加载广告代码,就会出来一个弹窗来提示浏览者将本站加到广告拦截插件的白名单里面。 别喷我,个人站长经营实在是不容易,

2022-08-11

[编程技术] javascript | 原生JS多语言切换简单实现

由于项目需要实现一个前端的多语言切换,不想因为一个简单的功能就引入 jQuery,所以经过 google 编程大法摸索出一个原生 JS 就可以实现的多语言前端切换的小例子,仅供参考。 <body> <select id="langControl"> <option value="zh&#3

×