静态网站图片优化

静态博客就是好,所有资源都能提前预处理:图片压缩、转 webp, avif 、懒加载等等。

自定义右键重构篇

是的,自定义右键菜单再次尝试重构了。上一次重构是在 2022 年,但最近在尝试修改时发现,目前实现逻辑过于复杂且不够优雅,同时由于缺乏合适的注释,花了不少时间才理清调用关系, 惭愧。

评论区表情包放大

在评论区中,表情的宽度和高度通常是固定的。因此,尺寸较大的表情包会被缩放显示,导致模糊,并可能引起误解。本教程为表情图案添加了一个简单且实用的放大弹出层,帮助用户更清晰地查看表情包的细节。

父选择器 :Has() 伪类

本文介绍 CSS 中的父选择器:has()伪类,讲解其功能(如选择包含特定子元素的父元素)、使用场景(与其他选择器混用、页面元素过滤等),提及浏览器兼容性,附代码示例展示其在样式控制中的应用。

前端 CSS
原生 JS 的右键菜单实现

本文介绍如何使用原生 JavaScript 实现自定义右键菜单,涵盖菜单的创建、显示 / 隐藏逻辑、点击事件绑定,以及与默认右键菜单的冲突处理,附具体代码示例与实现思路。

网站自定义字体及推荐

本文推荐了多款适合网站使用的自定义字体,涵盖中英文字体,包括 BrilliantSignature、HYMiaoHunTiJ、庞门正道系列等,提供各字体的文件大小、分类、下载链接及预览效果,为网站字体选择提供参考。

前端页面的自定义右键与剪切板操作实现

本文介绍前端页面中自定义右键菜单与剪切板操作的实现方法,包括通过 oncontextmenu 事件自定义右键菜单的绘制与元素判断,以及利用 Clipboard API 实现文本、图片的复制粘贴等剪切板操作,附相关代码示例。

记一次对标签页与路由联动的处理方案

最近处理了一个标签页与父子页面联动的问题,在开发一个后台管理项目时,前端框架是在另一个项目的基础上改进使用的,原有项目的业务整体比较简单,通过不同导航页进入不同的标签页后,查询显示结果即可。而在新项目中,还需要处理另一种业务情况:从父页面进入子页面时的标签页处理,例如查询列表页跳转进详情页/编辑页。此时才发现这个框架的坑,而偏偏还已经开发了一段时间,换框架是没得可能只能硬着头皮改造。

Ant Design of Angular 快速上手系列

本文介绍 Ant Design of Angular(ng-zorro-antd)的快速上手方法,包括公共配置(属性基础配置、样式覆盖配置)和表单组件的使用,以响应式表单为例讲解表单设定与赋值,附相关代码示例。

ES6 快速入坑

本文介绍 ES6 的核心知识点,包括 const 与 var 的区别、const 变量的可变性、箭头函数的特性及解构赋值的使用方法,附相关代码示例与参考链接,帮助快速入门 ES6。