Lruihao

Lruihao's Note

不怕萬人阻擋,只怕自己投降

Lruihao's Github chart

JS 实现全屏和退出全屏

1 背景在 Web 开发中,全屏模式可以提供更沉浸式的体验,特别适用于视频播放、游戏展示和演示等场景。通过 JavaScript 的 Fullscreen API,我们可以以编程方式控制元素的全屏状态。 Fullscreen API 是一组用于控制全屏显示的方法和属性,它们允许我们将网页内容以全屏的方式展示给用户,并提供了相应的事件来监听全屏模式的变化。 在本文中,我们将介绍如何判

在 Vue 项目中更优雅地使用 icon

1 前言

在 Web 开发中,我们经常会用到 icon,icon 的使用经历了从图片到字体,再到 svg 的演变过程,也产生出相应的 icon 库,如雪碧图、Font AwesomeIconfont 等等。

随着前端的发展,icon 使用方案落在了 svg 上,svg 有着矢量图的优势,可以无限放大而不失真,而且 svg 本身就是一种 XML 文件,可以直接在 HTML 中使用,也可以通过 CSS 进行样式控制,但是在 Vue 项目中使用 svg 时,我们会遇到一些问题,本文将介绍如何在 Vue 项目中更优雅的使用 svg icon。

CSS 实现网格背景效果

本文将介绍如何使用 linear-gradient 、background-size 等属性来实现网格背景效果。 1 前言最近在开发一个拖拽式仪表盘时,需要在拖拽组件时添加网格辅助标线来帮助布局和对齐元素。 最先想到的是使用 CSS 来实现这个效果,经过一番尝试,发现可以通过使用 CSS 的一些技术点,轻松实现不同类型的网格背景效果,包括实线网格和虚线网

解决 SourceTree 提交时候 husky 命令失败问题

1 问题描述在使用 SourceTree 提交代码的时候,会出现 husky 命令失败的问题(通过命令行提交代码没有问题),如下图所示: 看错误,是一个 catch 参数的问题,在新版本的 Node 中,catch 参数是可以省略的,但是在旧版本中,catch 参数是必须的。 由于使用了 nvm 管理 Node 版本,项目中的 Node 是正常的,但是 SourceTree 使用的是系统的 Node,所以会出现这个
0%