实用技巧 技巧css
01_JS技巧
1.判断对象数据类型 示例代码如下 const isType = (type) => (target) => `[object ${type}]` Object.prototype.toString.call(target) const isArray = isType('Array') const ......
vue学习 第五天 css基础 --- ps操作 / 圆角边框(border-radius) / 阴影（盒子/文字）box-shadow / text-shadow
ps基本操作 1、ps的基本操作 2、ps快捷操作的位置 3、样式书写习惯 4、样式设置的小细节（注意） 1、图片设置width： 100% 这样图片的宽度就不会超过父容器的宽度。 2、块元素没有设置宽度，给margin左右是没有效果的。 3、块级元素独占一行，将块级元素改为行内块元素就可以与其他行 ......
论文分享：使用查找表的SR-LUT实用单图像超分辨率
笔者：SijunMa 全文：https://www.cnblogs.com/SijunMa/articles/17367497.html 摘要：随着移动的设备和显示硬件的发展，对实用SR技术的需求已经增加。当前最先进的SR方法是基于DNN以获得更好的质量。然而，它们在通过使用并行计算模块（例如GPU ......
CSS开发总结
p标签里的文字溢出怎么办 加一个属性即可： word-break: break-all; inline-block 相关 图片默认是 inline-block 布局，会存在经典的底部 3px 的问题。 ......
有关css图片不显示的问题的相关解决
问题描述 在项目里面明明有图片的相关路径，也没有任何报错，就是图片无法显示 问题解决 我这里就是img标签的显示问题，在html页面加上这样一行代码就好啦： <meta name="referrer" content="no-referrer"> 就可以完美解决这个问题啦！ ......
stable diffusion 技巧
渐变/混合/先后 [from:to:when] [A|B] A AND B 保存常用prompt 使用style lora分层控制 安装LoRA分层控制插件：https://github.com/hako-mikan/sd-webui-lora-block-weight 影响除脸之外的部分（保持不变 ......
IntelliJ IDEA 中有什么让你相见恨晚的技巧？
作为一款非常强大的集成开发环境，IntelliJ IDEA 提供了许多让人惊叹的功能和技巧。以下是一些让我相见恨晚的 IntelliJ IDEA 技巧： IntelliJ IDEA 2022.1 最新注册教程 代码自动完成：IntelliJ IDEA 的代码自动完成功能非常出色，可以自动补全代码和方 ......
Linux实用命令（持续更新）
查看Linux是否为虚拟机 方法1：systemd-detect-virt 如果是vmware则为vmware的虚拟机，为none则不是虚拟机（是物理机） 方法2：dmesg|grep -i "Hypervisor detected" 方法3：lscpu | grep "Hypervisor ven ......
css div上层显示一个div
CSS position属性来实现div上层显示div。 首先，为需要在上层显示的div设置position: absolute，并设置其z-index值大于其他div。 然后，为包含这些div的父元素设置position: relative。 <div class="container"> <di ......
CSS知识点总结
CSS知识点总结 文章内容可能较多且杂乱，可以查看页面右方的目录，以及使用Ctrl+F搜索页面内容进行内容定位。 常用属性 推荐搭配文档使用，可以复制属性名，到文档查看该属性对应的可选值。 👉MDN Web Docs 盒模型 宽度：width 高度：height 边框：border 圆角：bord ......
盘点高效实用的AI工具——搜嗖工具箱
如今这个数字化时代，AI（人工智能）的发展经历了一个爆炸性的增长。AI不仅在科技领域大放异彩，还在各行业得到了广泛的应用，为我们的生活带来了很多便利。实用AI工具，更是应用到了人们生产生活的各个领域，帮助我们提高工作效率和实现更好的生活，今天就为大家盘点一下好用的AI工具有哪些！ Grammarly ......
Shodan的http.favicon.hash语法详解与使用技巧
本文转载自：https://www.cnblogs.com/miaodaren/p/9177379.html 在Shodan搜索中有一个关于网站icon图标的搜索语法，http.favicon.hash，我们可以使用这个语法来搜索出使用了同一icon图标的网站，不知道怎么用的朋友请参考我上一篇文章。 ......
CSS animation (animation-timing-function) 测试脚本
代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content ......
Linux 实用shell脚本
1.查看有多少远程的 IP 在连接本机 #!/bin/bash #!/bin/bash # 查看有多少远程的 IP 在连接本机(不管是通过 ssh 还是 web 还是 ftp 都统计) # 使用 netstat ‐atn 可以查看本机所有连接的状态,‐a 查看所有, # -t仅显示 tcp 连接的信 ......
第四节 CSS进阶
day04-CSS进阶 目标：掌握复合选择器作用和写法；使用background属性添加背景效果 01-复合选择器 定义：由两个或多个基础选择器，通过不同的方式组合而成。 作用：更准确、更高效的选择目标元素（标签）。 后代选择器 后代选择器：选中某元素的后代元素。 选择器写法：父选择器 子选择器 { ......
css的度量单位：px、em、rem、vh、vw、vmin、vmax、百分比
css的度量单位 px，像素数量，适用于比较固定的场景，比如边框宽度，分割线宽度 em em：是描述相对于应用在当前元素的字体尺寸，所以它也是相对长度单位。一般浏览器字体大小默认为16px，则2em == 32px；它相对的是父元素的字体大小，如果父元素是根的1.5，当前元素是父元素1.5，则当前元 ......
HTML和CSS基础笔记
文件: html_and_css_basic.txt 标题: HTML和CSS基础笔记 摘要: HTML常用标签。CSS常用属性。常用的布局方法。 最后更新时间: 2023/04/28 00:59:00 转换工具: https://www.lddgo.net/convert/htmlencode(h ......
第三节 CSS基础
day03-CSS基础 目标：掌握 CSS 属性基本写法，能够使用文字相关属性美化文章页。 01-CSS初体验 层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种 样式表 语言，用来描述 HTML 文档的呈现（美化内容）。 书写位置：title 标签下方添加 sty ......
css--实现一个文字少时居中，文字换行时居左的样式
css--实现一个文字少时居中，文字换行时居左的样式 前言 最近群里的小伙伴去面试，遇到这样一个问题，面试官问："用 css 对一行文字进行布局，当文字不够换行的时候，这行文字要居中显示，当文字出现换行的时候，这行文字要靠左显示。"，遇到这样的需求一下束手无策，后来查下资料，哦，原来这样，这里总结一 ......
css--常见左右盒子宽度高度自适应布局
css--常见左右盒子宽度高度自适应布局 前言 前端开发工程师最基础的技能要求是根据 ui 设计稿还原网页，这就缺少不了必要的网页布局，首先看下最近小伙伴问我的一个问题，他说一个网页有左右两个部分，左右两个部分的宽高度都不固定，要使得右部分的宽度充满剩余的部分，并且高度随着左边的高度发生自适应，而左 ......
Mac使用技巧
####1. 快捷键 windows下的control改成cmd ctrl+ x剪切、c复制、v粘贴、z撤销、q退出、space 聚焦查找、tab切换应用、w关闭并不退出 截屏 cmd+shift+ 3捕捉整个屏幕,4:自选截屏区域,5截屏或录屏 cmd+ ctrl + space: 添加emoji ......
CSS3弹性盒子用于子元素填充父元素
主要记住三个关键点 父元素display设置为flex，表明该容器是弹性盒子，设置flex-flow指明弹性方向，子元素设置flex属性，指定弹性比例 CSS3 弹性盒子 | 菜鸟教程 (runoob.com) ......
css渐变实现进度条动画
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
CSS定位子元素包含特定 class 的父元素
要定位子元素包含特定 class 的父元素，可以使用 CSS 选择器中的 :has() 选择器，但是这个选择器目前还没有得到广泛的浏览器支持。目前使用 :has() 选择器的最佳方式是使用 jQuery 或其他类似的 JavaScript 库。以下是一个使用 jQuery 的例子： <div cla ......
CSS基础知识大全（值得收藏）
CSS基础 CSS(cascading style sheet) 汉译为层叠样式表,是用于控制网页样式WEB标准中的表现标准语言,在网页中主要对网页信息的显示进行控制。目前推荐遵循的是W3C发布的CSS3.0版本；用来表现HTML或者XHTML等样式文件的计算机语言。1998年5月21日由w3C正式 ......