格式vscode html css
防御式CSS—Flexbox 折行
CSS flexbox是当今最有用的CSS布局功能之一。很容易将 display: flex 添加到包装器中，并使子项彼此相邻排序。 这是一个典型的例子。我们有一组选项，应该显示在彼此旁边。 .options-list { display: flex; } 当空间不足时，将出现水平滚动。这应该是意料 ......
spdlog 格式化
这里记录一下 spdlog log 的 pattern 具体参数，官方链接见 https://github.com/gabime/spdlog/wiki/3.-Custom-formatting#pattern-flags 简单版见下表 flag meaning example %v The act ......
企业级 Web 应用里使用 CSS 调整应用外观的一些例子
笔者在日常工作中曾经负责过一些企业级 Web 应用的负责和开发，也曾经指导过一些客户的二次开发人员，通过各种方式对我们发布的企业级 Web 应用进行一些定制开发。 所谓企业级前端应用，是指为大型企业或组织开发的前端应用，这些应用具有超过一般 2C 软件的技术复杂度，高度定制化和可扩展性，因为企业级前 ......
CSS进阶3-transform 动画-渐变(线性渐变、镜像渐变)-关键帧
1. 动画 介绍：改变盒子在平面内的形态（平移、缩放、旋转、倾斜） 属性： 平移：transform：translate(值1 ，值2);(默认为X轴，translateY--下移) — —平移依然在原来文档流。 移动：transform：translate(值1，值2)；可右斜移动 代码： /* ......
vscode远程连接linux
参考：https://zhuanlan.zhihu.com/p/667236864?utm_id=0# 一、安装过程 1、安装插件remote-ssh 2、点击远程资源管理器、新建远程 远程资源管理器：Remote Explorer，左侧extensions下一个像电脑一样的 新建远程：在ssh栏右 ......
迎风格式的优劣
迎风格式的优势 压制虚假的高频震荡 高频震荡：不依赖网格，可通过添加人工阻尼项；不会导致数值不稳定，可以通过网格细化减少； 迎风格式的劣势 空间域尖峰震荡：依赖网格，导致严重的不稳定，特别是网格细化和多项式阶数增加。因为迎风格式耗散的“过滤效应”减少了。（只有在特定情况出现，比如断层网格两侧不均匀） ......
HTML5 Video视频组件支持的视频编码格式
一、HTML5 Video 视频格式与浏览器的支持情况 当前， <video> 元素支持三种视频格式： MP4, WebM, 和 Ogg: 浏览器MP4WebMOgg Internet Explorer YES NO NO Chrome YES YES YES Firefox YES YES YES ......
css选择器
这篇文章主要总结了css选择器的相关知识 1.元素选择器 <div id="container"> <p class="text"></p> <h1 class="title text"></h1> <div> // 选中p元素 p{ font-size: 12px; } 2. 群组选择器 //ht ......
关于 Web 开发中的 CSS before 伪元素
我用 Chrome 打开一个网页后，F12 打开 Chrome 开发者工具，在 Elements 面板观察到一些 DOM 元素有 ::before, 这是什么含义？ 在Web前端开发中，::before 是CSS伪元素之一，它用于在指定元素的内容前插入生成的内容。这个伪元素允许开发者通过CSS样式向 ......
记一次vscode 打开go项目的处理方式
问题：需要用vscode打开 没有用 go.mod 管理的项目 打包项目为linux执行的二进制文件 vscode 全局 settings.json配置 ```json { "go.formatTool": "gofmt", "go.gopath": "D:\\GoPath;", "go.goroo ......
记一次vscode 打开go项目的处理方式
问题：需要用vscode打开 没有用`go.mod` 管理的项目 打包项目为linux执行的二进制文件 vscode 全局`settings.json`配置``` <br/> ```json{ "go.formatTool": "gofmt", "go.gopath": "D:\\GoPath;", ......
VScode 安装 R
md 想 install 一个包，发现装下来不支持 4.3.2 了，又找不到之前的版本，被迫重装。 参考： https://zhuanlan.zhihu.com/p/454702406?utm_id=0 流程： 安装 R https://mirrors.tuna.tsinghua.edu.cn/CR ......
css3 变量使用和修改变量
<!DOCTYPE html> <html> <head> <style> :root { --blue: #1e90ff; --white: #ffffff; --aa: 1212121; } body { background-color: var(--blue); } h2 { border- ......
技术分享 | 不同格式标准SBOM清单横评：SPDX、CDX和DSDX
为了保证安全性、降低开发、采购及维护的相关成本，复杂动态的现代软件供应链对软件资产透明度提出了更高的要求。使用清晰的软件物料清单（SBOM）收集和共享信息，并在此基础上进行漏洞、许可证和授权管理等，可以揭示整个软件供应链中的弱点、提高软件供应链的透明度并增进供应链上下游间的相互信任、有效管控软件供应 ......
CSS进阶2-弹性布局-弹性盒子
本节重点： 弹性布局（弹性盒子） BFC布局/规范 CSS新属性，不包含边框和内边距 CSS3的拓展：普通盒模型，怪异盒子模型(IE) 在学习弹性布局前，我们学过Float 浮动 和 Position 定位，浮动会出现一些 ‘诡异’ 的事情，定位则用起来相对麻烦，弹性布局用起来就会很舒服。 1.弹性 ......
css布局
布局 弹性布局： 关键字：display:flex justify-content:space-between 两端对齐，中间自适应 justify-content:space-around 均匀分布，两边距离等于中间间距 justify-content:space-evenly 平等均匀分布，两边 ......
记一个Python脚本--将webp图片转jpg格式
什么是WebP图片格式？如何在线转换WebP格式？ 我们有时候从互联网上下载图片会发现图片是WebP格式而不是常见的JPEG或者是PNG格式，用自带的图片处理软件无法打开，那么什么是WebP格式呢？我们该如何打开WebP格式的图片文件？需要进行图片处理的时候怎么样才能在线转换WebP格式为常用的JP ......
vite ts 安装 js-cookie 库，vscode找不到类型说明（有波浪线），解决方案
vite ts 安装 js-cookie 库，vscode找不到类型说明（有波浪线），解决方案 先安装库 https://www.npmjs.com/package/js-cookie 再安装类型 https://www.npmjs.com/package/@types/js-cookie 问题 然 ......
数字千分比格式化 vue3
{{ numberToCurrencyNo(1245) }} export const numberToCurrencyNo = (value: any) => { if (!value) return 0; // 获取整数部分 const intPart = Math.trunc(value); ......
css实现：不固定宽高，随内容宽度自动增长的圆形
css代码： .circle { display: inline-block; border-radius: 50%; min-width: 20px; min-height: 20px; padding: 5px; background: red; color: white; text-align ......
freesql orm 使用 DynamicFilterInfo 拼接日期查询条件时间格式一个难得的经验
文本到时间条件的转换 前端输入 1253-3 , 后台提示"varchar 数据类型到 datetime 数据类型的转换产生一个超出范围的值" 经查询, mssql 【datetime】数据类型：最大是9999年12 月31日，最小是1753年1月1日 所以要拼接限制一下, 只是 if (val.T ......
pwn知识——格式化字符串漏洞（萌新向）
怎么说呢，这个东西感觉相当不好写，涉及到的知识点很多，不一定能讲明白，我自己写的话只能尽量往基础的知识点上写了，若有不准确之处，希望佬们能及时指出，让我加以修改。 格式化字符串漏洞 概念 格式化字符串漏洞的形成原因在于printf/fprintf/vsprintf等格式化字符串打印函数在接受可变参数 ......
[Unraid 系列 v6.10+] 8 删除 已挂载的zfs格式硬盘 中无用共享文件夹
说明 在使用 zfs 文件格式并格式化硬盘后，无法通过 rm 命令删除已共享的文件夹（哪怕已经删除共享）。 示例： root@unraid:/mnt/disk2# rm -r appdata/ rm: cannot remove 'appdata/': Device or resource busy ......
CSS-transparent--透明属性 用transparent写一个三角形
css transparent 是一种全透明属性。当用在一个元素覆盖另一个元素时，想显示下面的元素，就用到了transparent属性。 代码： div{ width: 0; height: 0; /* 边框底部 */ border-bottom: 100px solid black; /* 边框左 ......
CSS进阶1--字体样式-文本样式
link.css--连接外部样式表 1.文字样式： ①font-family：字体样式 ②font-style：文本的字体样式 属性：normal-正常 italic-斜体字样式显示 oblique-文字向一边倾斜（与italic类似，但不太支持） ③font-variant--以小型大写字体或正常 ......
CSS-background 背景图片
更多CSS进阶： https://www.cnblogs.com/warmNest-llb/p/17866954.html 1.背景介绍 元素的背景属性： background 简写属性，作用是将背景属性设置在一个声明中。 background-attachment：背景图像是否固定或者随着页面的其 ......
H50088：js动态生成html代码的三种形式
1， // 方案一 O.TEMPLATE = '<div class="viewer-container">\ <div class="viewer-canvas"></div>\ <div class="viewer-footer">\ <div class="viewer-title"></di ......
HTML5 信纸背景的实现
HTML5 信纸背景的实现 这个是一个信纸背景页面的实现添加文字无法自动换行 需要理解代码请查看代码注试 效果图 html页面 <!doctype html> <html> <head> <meta charset="utf-8"> <title>信纸</title> <!-- 这里链接了一个外部的 ......
如何在vscode环境下使用arduino？
如何在vscode环境下使用arduino？ 下载Arduino软件 在Arduino官网下载最新的Arduino软件(2.0版本以上)。 在下载Arduino之后，电脑中会出现两个非常重要的文件夹： C:\Users\用户名\Documents\Arduino 这个文件夹中会存放你安装的一些第三方 ......