自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(75)
  • 收藏
  • 关注

原创 supervisord的常用命令

以配置文件启动 Supervisor 进程。reread只检查新修改的配置,不会立即应用;update则真正应用配置到 Supervisor。shutdown彻底关闭 Supervisor;之后需要手动用重新启动。

2025-04-01 11:20:30 123

原创 linux apt安装docker

3. 添加 Docker 官方 GPG 密钥。4. 添加 Docker 官方 APT 源。在 Ubuntu 24.04 上使用。7. 验证 Docker 是否安装成功。8. (可选)允许当前用户无需。6. 安装 Docker。

2025-04-01 11:12:37 206

原创 gitlab 提交pr

这样,你就成功提交了一个 GitLab PR(Merge Request)。如果你需要在 GitLab CI/CD 中自动运行测试或构建流程,可以在。你的团队成员会进行代码审核,可能会要求你做一些修改。如果你的 Merge Request 通过了审核,可以点击。如果仓库设置了自动删除合并的分支,你的。将新分支推送到远程仓库。

2025-03-18 10:51:55 374

原创 pip 导出与安装

【代码】pip 导出与安装。

2025-02-10 15:49:03 82

原创 修改网页视频播放速度

【代码】修改网页视频播放速度。

2025-01-21 18:13:31 122

原创 console 对象

console提供了多种方法帮助我们调试代码和分析数据,常用的有logwarnerrorinfo等,其他功能如计时(time)、分组(group)和表格展示(table)则用于更复杂的调试需求。你可以根据不同的调试需求选择适合的函数。

2025-01-20 09:28:46 291

原创 css 原子化

原子化 CSS是一种有效的 CSS 设计模式,它通过拆分样式成最小的单元,使得样式可以灵活组合和复用。通过使用像这样的工具,你可以在项目中方便地实现这种设计模式,快速构建响应式、灵活的 UI,同时保持样式的可维护性和简洁性。不过,要避免过度依赖原子类而导致 HTML 中类名过多,合理的管理和优化工具可以帮助保持代码的清晰和性能的高效。

2025-01-16 16:51:29 1227

原创 react中的hook

React 的 Hook 提供了许多强大的功能,使函数组件能够处理状态、生命周期、引用等。掌握这些常用的 Hook,能够帮助你在开发中写出更加简洁、可维护的代码。

2025-01-16 16:24:57 989

原创 python 执行任务进度条展示

你可以为进度条设置描述,显示任务的详细信息。# 设置描述信息如果你在某些自定义任务中需要手动更新进度条,可以通过# 手动控制进度条pbar = tqdm(total=100, desc="Processing") # 创建进度条pbar.update(1) # 每次更新进度基本使用:通过for循环和tqdm包装可以轻松显示进度条。多线程/多进程tqdm可以与或配合使用。手动更新:通过可以手动更新进度条。通过tqdm,你可以很容易地在 Python 脚本中展示任务的进度。

2025-01-16 09:52:14 398

原创 Ts反向约束类型

问题:函数func(x) 要求x不能是number类型在 TypeScript 中,反向约束(即,要求某个参数不能是某种类型)可以通过(Conditional Types)和(Excluding Types)来实现。你提到的需求是:定义一个函数,要求某个参数x不能是number类型。我们可以利用 TypeScript 的Exclude工具类型来实现这一功能。

2025-01-10 18:14:27 282

原创 前端学习网络

前端与网络的学习重点包括理解 Web 请求和响应的基本协议,掌握如何与后端交互,以及如何优化网络性能。随着技术的发展,了解 HTTP/2、WebSocket、GraphQL 等新技术将帮助你构建更高效、更现代的前端应用。

2025-01-08 17:27:04 1037

原创 js 属性描述符

你可以使用。

2025-01-08 17:08:20 201

原创 js new Set()、new Map()、new WeakSet()、new WeakMap()

特性SetMapWeakSetWeakMap存储类型任意类型(唯一值)键值对(任意类型)只能存储对象键为对象,值为任意类型是否支持迭代是是否否键的类型任意类型任意类型(键为对象类型)只能存储对象键为对象垃圾回收支持否否是(弱引用对象)是(弱引用键)使用场景存储唯一的值存储键值对存储对象,自动回收存储对象键值对,自动回收。

2025-01-07 10:57:21 781

原创 js 获取浏览器指纹

/ 可选:通过特殊方法获取字体// 可选:通过Canvas获取指纹return {userAgent,language,plugins,fonts,canvas// 可选:获取 Canvas 指纹', 2, 2);// 可选:获取已安装字体列表// 获取浏览器指纹使用库是最简便和可靠的方法来生成浏览器指纹。如果不依赖第三方库,可以通过获取浏览器的基本信息、Canvas 和字体等方式生成自定义指纹。

2025-01-07 10:14:40 1218

原创 浏览器的渲染原理

HTML 解析:构建 DOM 树。CSS 解析:构建 CSSOM 树。构建渲染树:根据 DOM 和 CSSOM 树结合生成渲染树。布局:浏览器计算每个元素的确切位置和大小。绘制:根据布局信息绘制每个元素的视觉表现。在这个过程中,CSS 的解析和应用遵循层叠规则、选择器优先级、继承和默认值等原则,确保最终样式的正确应用。如果某些样式没有明确值,浏览器会根据这些规则决定如何处理。

2025-01-03 15:16:30 773

原创 axios 实现进度监控

使用和可以实现文件的上传和下载进度监控。你可以根据获取到loaded和total字段,计算出上传或下载的进度百分比。可以结合浏览器的<progress>元素或自定义进度条来显示上传或下载的进度。axios提供了非常简单且直接的方式来实现文件的进度监控,适用于大文件的上传和下载场景。通过这些方法,你可以轻松地在前端实现文件上传和下载的进度显示。

2025-01-02 17:21:50 1214 1

原创 大O表示法

假设有一个算法,输入规模为 nnn,该算法的运行时间或空间复杂度为 T(n)T(n)T(n)。我们说该算法的时间复杂度是 O(f(n))O(f(n))O(f(n)),其中 f(n)f(n)f(n) 是一个函数,它描述了输入规模 nnn 增大时,算法运行时间或空间需求的增长率。大O表示法忽略了常数因子和低阶项,专注于描述增长速度。大O表示法提供了一种标准化的方式来描述和比较算法的效率,帮助我们在设计算法时进行性能分析。

2025-01-02 16:58:08 431

原创 vmin、vmax

在 CSS 中,vmin和vmax是相对于视口(viewport)尺寸的单位,主要用于响应式设计,可以帮助元素根据视口的大小灵活调整。

2025-01-02 16:49:18 335

原创 js 用2进制来表示权限

在 JavaScript 中,可以使用二进制来表示权限,常用于访问控制或角色权限管理。通常通过位运算来进行处理。每个权限可以对应一个二进制位,通过按位操作(如与、或、异或)来设置、清除或检查权限。

2025-01-02 16:43:47 218

原创 js 文档注释

JSDoc 是 JavaScript 开发中用于提高代码可维护性和可读性的一个重要工具,它不仅帮助开发者理解代码的功能,还能自动生成 API 文档。合理使用 JSDoc 可以使你的代码更加清晰、规范,尤其是在团队合作时非常有用。

2025-01-02 15:44:48 903

原创 function 拥有的方法和属性

是一种特殊的对象类型,因此函数也拥有自己的方法和属性。对象的基础功能,广泛用于函数调用、上下文绑定和动态行为扩展。这些方法可以直接通过函数实例调用。在 JavaScript 中,

2024-12-26 10:20:19 786

原创 JavaScript 中的对象方法

这些方法可以帮助你更灵活地操作和管理对象!(直接作用于对象实例)和。

2024-12-26 09:59:33 604

原创 css 编写注意-2- 代码质量

优先使用简短的 CSS 属性组合。:提取重复样式为公共类或变量。

2024-12-24 15:21:53 349

原创 css 编写注意-1-命名约定

页面布局相关的样式。

2024-12-24 15:07:27 611

原创 js 深度克隆

深度克隆(Deep Clone)是指复制一个对象或数组及其所有嵌套结构的副本,使得克隆后的对象与原对象完全独立。JavaScript 提供了一些方法实现深度克隆,但每种方法有其优缺点。是一种内置的深拷贝方法,支持复杂数据结构。通过递归遍历对象和数组,手动实现深拷贝。对于有循环引用的对象,需要使用。这种方法最简单,但有局限性。来避免递归陷入死循环。

2024-12-23 10:52:25 525

原创 js 数据类型以及typeof的关系

运算符可以检查数据类型,但有一些特殊情况需要注意。运算符可以检查数据类型,但有一些特殊情况需要注意。在 JavaScript 中,数据类型分为。在 JavaScript 中,数据类型分为。返回一个字符串,表示操作数的数据类型。

2024-12-23 10:13:09 204

原创 css 裁剪 clip-path

是一个强大的 CSS 属性,用于裁剪元素的可视区域,支持多种形状裁剪。它可以用来创建复杂的裁剪效果,如圆形、多边形、路径等。

2024-12-23 10:06:24 383

原创 数组转树型数据o(n)

【代码】数组转树型数据o(n)

2024-12-19 18:05:58 103

原创 画一颗随机数

【代码】画一颗随机数。

2024-12-18 23:00:33 278

原创 跳动标题动画

【代码】跳动标题动画。

2024-12-18 22:21:52 104

原创 图片边框自适应

【代码】图片边框自适应。

2024-12-18 21:04:28 117

原创 js 算法

【代码】js 算法。

2024-12-18 14:38:33 260

原创 浏览器执行机制

【代码】浏览器执行机制。

2024-12-17 16:18:51 438

原创 js递归求和

问题:求数组([1, 2, 3])的和。

2024-12-17 11:02:24 204

原创 前端需要学什么

作为前端开发者,学习的内容不仅仅局限于 HTML、CSS 和 JavaScript。无论选择什么方向,保持好奇心和学习动力是最重要的!

2024-12-16 16:35:36 918

原创 js 常见函数类型和用途

控制函数执行的频率,在一定时间间隔内只执行一次,即使事件被频繁触发。在递归函数中,将最后一个操作是函数调用的场景优化,减少栈的使用。用于生成一系列值,每次调用时返回一个新值,适合处理流式数据。将一个接受多个参数的函数转换为一系列只接受一个参数的函数。减少函数参数的复杂性,通过固定某些参数返回一个新函数。缓存函数的计算结果,避免重复计算,提高性能。固定函数的一部分参数,返回一个新的函数。按顺序执行一系列函数,可以动态添加功能。接受函数作为参数,或返回另一个函数。将函数按顺序组合执行,类似于管道。

2024-12-16 16:26:44 572

原创 js 函数定义域

【代码】js 函数定义域。

2024-12-16 15:44:12 183

原创 js 值传递与引用传递

以上都是js传递都是值传递,对传递的变量b,d从新赋值不会影响到a,c原来的值。在a.js文件里面修改了a会影响到b的值。因为他们共享内存地址。

2024-12-16 15:32:48 175

原创 高阶函数与闭包

高阶函数和闭包是 JavaScript 中两个非常重要的概念,虽然它们是独立的概念,但它们经常一起使用,尤其是在函数式编程中。让我们分别了解这两个概念,并看看它们是如何相互关联的。高阶函数是指,或者的函数。高阶函数的核心特性是它能操作其他函数,使得函数变得更加灵活和可复用。

2024-12-16 14:55:21 338

原创 MaterialTextInput效果代码

【代码】MaterialTextInput效果代码。

2024-12-16 11:20:43 160

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除