Lruihao

Lruihao's Note

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

Lruihao's Github chart

认知复杂度(Cognitive Complexity)

1 摘要

循环复杂度(Cyclomatic Complexity)最初被制定为衡量模块控制流的“可测试性和可维护性”的一种度量标准。虽然它在衡量前者方面表现出色,但其底层的数学模型在产生衡量后者的值方面不尽如人意。本文介绍了一种新的度量标准,它摒弃了使用数学模型评估代码的做法,以弥补循环复杂度的不足之处,并产生更准确地反映方法、类和应用程序的相对难度的度量标准。

1.1 术语说明

虽然认知复杂度(Cognitive Complexity)是一种语言中立的度量标准,同样适用于文件和类,以及方法、过程、函数等等,但为了方便起见,本文中使用面向对象的术语“类”和“方法”。


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 的一些技术点,轻松实现不同类型的网格背景效果,包括实线网格和虚线网
0%