当前位置：首页 > news >正文

CSS遮罩：mask

news 2025/9/14 11:01:20

CSS属性 mask 允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。

// 一般用位图图片做遮罩
mask: url('~@/assets/images/mask.png');
mask-size: 100% 100%;// 使用 SVG 图形中的形状来做遮罩 
mask: url('~@/assets/images/mask.svg#star');  // 使用渐变来做遮罩
mask: linear-gradient(#000, transparent)

使用mask的效果图
未使用mask的效果图

CSS遮罩：mask

CSS属性 mask 允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。 // 一般用位图图片做遮罩 mask: url(~/assets/images/mask.png); mask-size: 100% 100%;// 使用 SVG 图形中的形状来做遮罩 mask: url(~/assets/images/mask.svg#star);…...

编程日记 2024/11/20 20:25:30

Swift闭包的本质

1 闭包的本质其实是一个引用类型：存储在堆空间上，由堆分配空间，且生命周期由ARC（自动引用计数机制）管理 2 捕获值：闭包会捕获上下文使用到的变量（引用类型会保持引用关系）&#xff…...

编程日记 2024/11/20 20:24:28

时代变迁对传统机器人等方向课程的巨大撕裂

2020年之后，全面转型新质课程规划，传统课程规划全部转为经验。农耕-代表性生产关系-封建分配制度主要生产力-人力工业-代表性生产关系-资本分配制度工业分为机械时代，电气时代，信息时代；主要生产力-人力转为人脑&…...

编程日记 2024/11/20 20:23:27

【算法设计与分析实训】第1关：求序列的最大字段和

务描述本关任务：编写用动态规划解决最大字段和问题。相关知识为了完成本关任务，你需要掌握：动态规划。编程要求给定由n个整数（可能为负数）组成的序列：a1,a2,……,an, 求该序列的最大子段和。当所有整…...

编程日记 2024/11/20 20:22:26

【澜舟科技-注册/登录安全分析报告】

前言由于网站注册入口容易被机器执行自动化程序攻击，存在如下风险： 暴力破解密码，造成用户信息泄露，不符合国家等级保护的要求。短信盗刷带来的拒绝服务风险 ，造成用户无法登陆、注册，大量收到垃圾短信的…...

编程日记 2024/11/20 20:20:24

【读书笔记-《网络是怎样连接的》- 7】Chapter3_2 路由器

本篇继续介绍路由器及其转发过程。 1 路由器内部结构路由器内部结构图如图所示。即主要包含左侧的包转发模块和右侧的端口模块。转发模块负责查找包的发送目的地，端口模块完成包的发送。通过安装不同的硬件，转发模块不仅可以支持以太网，也…...

编程日记 2024/11/20 20:19:22

Android Activity 基础接口知识和常见问题

Activity 知识点及问题点接口onMultiWindowModeChangedonConfigurationChanged 常见问题Android解决点击桌面图标，就重新启动应用程序问题接口 onMultiWindowModeChanged 定义 onMultiWindowModeChanged是Android中Activity类的一个回调方法。它会在活动&#xf…...

编程日记 2024/11/20 20:16:16

利用python 检测当前目录下的所有PDF 并转化为png 格式

以下是一个完整的 Python 脚本，用于检测当前目录下的所有 PDF 文件并将每一页转换为 PNG 格式： import os from pdf2image import convert_from_path# 设置输出图像的 DPI（分辨率） DPI 300# 获取当前目录 current_directory os…...

编程日记 2024/11/20 20:12:09

解决 Spring Boot 中 `Ambiguous mapping. Cannot map ‘xxxController‘ method` 错误

前言在使用 Spring Boot 开发 Web 应用时，经常会遇到各种各样的错误。其中一种常见的错误是 Ambiguous mapping. Cannot map ‘testController‘ method。本文将详细介绍这个错误的原因及解决方法，帮助开发者快速定位并解决问题。错误解释这个错误…...

编程日记 2024/11/20 20:03:57

C++ 函数返回值优化

本文中部分内容来自下面的文章，还有一部分来自智谱清言 C 返回值优化_c 局部变量返回优化-CSDN博客 elision:省略 copy elision：拷贝省略 RVO (Return Value Optimization)：返回值优化 ------ 我最近也遇到了上面博文中说到的问题&…...

编程日记 2024/11/20 20:01:54

c++源码阅读ThreadPool正文阅读

一. 简介本章我们开始阅读c git 高星开源项目ThreadPool, 这是一个纯c的线程池项目, 并且代码量极小, 非常适合新手阅读 git地址: progschj / ThreadPool 二. 前提知识为了面对不同读者对c掌握情况不同的情况, 这里我会将基本上稍微值得一说的前提知识点, 全部专门写成一篇…...

编程日记 2024/11/20 20:00:52

关于ES的查询

查询结果那么多字段都是什么？ 为什么会提到这个问题呢，因为默认ES查询的结果会有很多信息，我们可能并不希望要那么多数据，所以你需要了解这些字段都表示什么，并正确的返回和使用它们。 took– Elasticsearch 运行查询…...

编程日记 2024/11/20 19:57:47

数据结构初识

目录 1.初识 2.时间复杂度常见时间复杂度举例： 3.空间复杂度 4.包装类&简单认识泛型 4.1装箱和拆箱 5.泛型 6.泛型的上界 7.泛型方法 8.List接口 1.初识 1.多画图 2.多思考 3.多写代码 4.多做题牛客网-题库/在线编程/剑指offer 算法篇&#xff1a…...

编程日记 2024/11/20 19:56:44

保存数据到Oracle时报错ORA-17004: 列类型无效: 1111

1、问题描述： 关键信息：Mybatis；Oracle （1）保存信息到Oracle时报错： Caused by: org.apache.ibatis.type.TypeException: Error setting null for parameter #10 with JdbcType OTHER . Try setting a dif…...

编程日记 2024/11/20 19:55:42

Excel——宏教程(1)

Microsoft excel是一款功能非常强大的电子表格软件。它可以轻松地完成数据的各类数学运算，并用各种二维或三维图形形象地表示出来，从而大大简化了数据的处理工作。但若仅利用excel的常用功能来处理较复杂的数据，可能仍需进行大量的人工操作。…...

编程日记 2024/11/20 19:51:38

论文浅尝 | MindMap：知识图谱提示激发大型语言模型中的思维图（ACL2024）

笔记整理：和东顺，天津大学硕士，研究方向为软件缺陷分析论文链接：https://aclanthology.org/2024.acl-long.558/ 发表会议：ACL 2024 1. 动机虽然大语言模型（LLMs）已经在自然语言理解和生成任务…...

编程日记 2024/11/20 19:50:36

第6章：TDengine 标签索引和删除数据

TDengine 标签索引和删除数据目标掌握标签索引的创建、删除掌握超表、子表创建以及数据删除删除数据删除数据是 TDengine 提供的根据指定时间段删除指定表或超级表中数据记录的功能，方便用户清理由于设备故障等原因产生的异常数据。注意：删除数据并不会立即释放该表所…...

编程日记 2024/11/20 19:48:33

【微软：多模态基础模型】（5）多模态大模型：通过LLM训练

欢迎关注[【youcans的AGI学习笔记】](https://blog.csdn.net/youcans/category_12244543.html）原创作品【微软：多模态基础模型】（1）从专家到通用助手【微软：多模态基础模型】（2）视觉理解【微…...

编程日记 2024/11/20 19:46:29

海外带云仓多语言商城源码，多语言多商家云仓一键代发商城

新增海外仓，云仓国际供应链系统，商家可登陆云仓进行批量发货商城修复了一些bug以及增加了订单数字提示，优化加载速度，二开了一些细微功能基于 PHP Laravel 框架开发的一款 Web 商城系统。 1.前端多国语言自由切换，…...

编程日记 2024/11/20 19:45:28

android:taskAffinity 对Activity退出时跳转的影响

android:taskAffinity 对Activity跳转的影响概述taskAffinity 的工作机制taskAffinity对 Activity 跳转的影响一个实际的开发问题总结参考概述在 Android 开发中，任务栈（Task）是一个核心概念。它决定了应用程序的 Activity 如何相互交互以…...

编程日记 2024/11/20 19:44:27

Vim 调用外部命令学习笔记

Vim 外部命令集成完全指南文章目录 Vim 外部命令集成完全指南核心概念理解命令语法解析语法对比常用外部命令详解文本排序与去重文本筛选与搜索高级 grep 搜索技巧文本替换与编辑字符处理高级文本处理编程语言处理其他实用命令范围操作示例指定行范围处理复合命令示例实用技…...

编程新知 2025/9/13 1:36:57

树莓派超全系列教程文档--(62)使用rpicam-app通过网络流式传输视频

使用rpicam-app通过网络流式传输视频使用 rpicam-app 通过网络流式传输视频UDPTCPRTSPlibavGStreamerRTPlibcamerasrc GStreamer 元素文章来源： http://raspberry.dns8844.cn/documentation 原文网址使用 rpicam-app 通过网络流式传输视频本节介绍来自 rpica…...

编程新知 2025/6/15 22:22:18

Zustand 状态管理库：极简而强大的解决方案

Zustand 是一个轻量级、快速和可扩展的状态管理库，特别适合 React 应用。它以简洁的 API 和高效的性能解决了 Redux 等状态管理方案中的繁琐问题。核心优势对比基本使用指南 1. 创建 Store // store.js import create from zustandconst useStore create((set)…...

编程新知 2025/9/9 10:12:45

练习（含atoi的模拟实现,自定义类型等练习）

一、结构体大小的计算及位段 （结构体大小计算及位段详解请看：自定义类型：结构体进阶-CSDN博客） 1.在32位系统环境，编译选项为4字节对齐，那么sizeof(A)和sizeof(B)是多少？ #pragma pack(4)st…...

编程新知 2025/9/13 17:46:22

无法与IP建立连接，未能下载VSCode服务器

如题，在远程连接服务器的时候突然遇到了这个提示。查阅了一圈，发现是VSCode版本自动更新惹的祸！！！ 在VSCode的帮助->关于这里发现前几天VSCode自动更新了，我的版本号变成了1.100.3 才导致了远程连接出…...

编程新知 2025/9/9 16:59:16

import java.util.Arrays; import java.util.Scanner;public class DemoTest3 {public static void main(String[] args) {Scanner in new Scanner(System.in);// 注意 hasNext 和 hasNextLine 的区别while (in.hasNextLine()) { // 注意 while 处理多个 caseint a in.nextIn…...

编程新知 2025/8/27 16:07:23