overflow:hidden
基本用法介绍如果元素中的内容超出了给定的宽度和高度属性,overflow 属性可以确定是否显示滚动条等行为。
默认情况为: overflow: visible 内容超出给定部分后将越界正常显示。
而加上属性overflow: scroll或overflow: auto后会显示滚动条行为,加上属性overflow: hidden则隐藏超出部分的元素
注意: auto是超出了才显示滚动条,不超出不显示,scroll不管超不超出都会显示。
外边距合并问题原文链接:
[1] https://my.oschina.net/huskydog/blog/749629
[2] https://www.bbsmax.com/A/LPdovWGE53/
外边距合并:指的是,当两个垂直外边距相遇时,它们将合并成一个外边距。
当一个div在另一个div里,两个div都有margin的属性,想让这两个div不出现外边距合并的问题,必须给外层div添加border属性或者overflow:hidden属性;如果允许其出现外边距合并,内层div始终保持原位置,而外层div的margin属性会取两者的最大 ...
为什么css一开始需要设定margin和padding为0
这几天闲着没事,打算利用闲杂时间把b/s端的开发学习学习, 方便我这个写c/s后台的程序员, 了解下b端, 顺便做几个相关的demo, 为自由创业打一打基础。(毕竟通过b/s创业可以拉低很多成本)
b端的后台偶尔接触过一些,但前端ui那一套没了解过。就趁着这次疫情的闲暇时间,补补知识盲区,先了解下这部分把。
经过几天调研,发现有个vue框架很火, 打算通过此入手, 学习应用下前端, 对于玩过c/c++选手来说玩js/ts这些也一个样,简单看了下就打算直接上手了哈哈。
这不, 刚上手的第一个问题就来了,html、css这些做ui拿来用的东西虽然很是无聊,不过既然打算尝试下b/s了,就把遇到的这些记录下吧。
为什么css一开始需要设定margin和padding为0?
在前端ui人员写HTML的时候,通常会在样式里先写上一些像html,body,#app(vue框架下)等标签,全局的一些样式。之所以有这样的习惯,主要是是因为以下几点:
首先:浏览器兼容。做的网页是给用户看的,写ui的只负责把网页做出来,至于用户怎么使用,在哪种 ...
gin框架下,实现sse单向事件推送
前言
经过调研, 在http2中, sse已无限制, 因此结合工作项目, 选用在gin框架下通过sse的方案进行推送, 以避免websocket的额外引入。
实现参考以下文章和项目即可:https://semieye.github.io/post/2018/03/gin-contrib-sse/https://blog.csdn.net/Jay_Josby/article/details/128816367https://juejin.cn/post/7133423490505375757https://web.dev/eventsource-basics/
我的实现
GORM入门
Save在 GORM 中,Save 方法默认是根据主键来执行更新或创建操作的。如果对象包含主键,Save 会更新对应的记录;如果对象不包含主键,Save 会创建新的记录。
也就是说,Save 方法并不能直接与 Where 方法结合使用来实现 “找到了就更新,找不到就创建” 的逻辑。因为 Save 方法在执行时并不会考虑 Where 方法设定的条件。
如果你想实现 “找到了就更新,找不到就创建” 的逻辑,你可以使用 FirstOrCreate 或 FirstOrInit 方法。这两个方法会先尝试根据指定的条件查找记录,如果找到了就返回该记录,如果没找到就创建(对于 FirstOrCreate)或初始化(对于 FirstOrInit)一个新的对象。
FirstOrCreate 和 FirstOrInit
FirstOrInit 方法会先尝试根据指定的条件查找记录,如果找到了就返回该记录,如果没找到就初始化一个新的对象,但不会在数据库中创建新的记录。
FirstOrCreate 方法也会先尝试根据指定的条件查找记录,如果找到了就返回该记录,如果没找到就在数据库中创建一个新的记录,并返回这个新 ...
Python | 为pip配置镜像云
为pip配置镜像云linux
创建或编辑 pip 配置文件:
文件位置:~/.pip/pip.conf(用户级别)。
如果目录或文件不存在,先创建
12mkdir ~/.pipvi ~/.pip/pip.conf
添加以下内容(以阿里云为例):
1234567[global]index-url=http://mirrors.aliyun.com/pypi/simple/[install]trusted-host=mirrors.aliyun.com
index-url:指定镜像源地址。
trusted-host:避免 SSL 验证错误(某些镜像可能需要)。
保存并退出
验证
1pip3 config list
windows1.进入命令行,在当前用户目录下创建pip文件夹
2.在pip文件夹下面创建pip.ini文件,pip.ini配置内容如下:
[global]
index-url=http://mirrors.aliyun.com/pypi/simple/
[install]
trusted-host=mirrors ...
Docker笔记(Dockerfile)
突然感觉这种笔记毫无意义, 网上一大堆从简单的菜鸟教程https://www.runoob.com/docker/docker-dockerfile.html 到 官方文档, 都非常详尽。 因此感觉一味的读文档总结笔记还是有些是浪费时间的。 Docker 以及 进一步编排需求的 Kubernetes 等技术, 即使在应用中所涉及的问题, 在网上也已经有非常多的答案了, 可以说是非常成熟了。 也就是说, 实际用到这些技术前, 花两天时间掌握基础用起来, 然后在实际使用中边深入边总结的文章才是对自身有价值的。 否则感觉综合性质的学习虽然有案例、 有模拟实践、 有实践笔记这些, 但是依旧不如实际遇到问题解决问题时自己思考解决后写出来的深刻。 因此这类网上一搜一堆的泛笔记, 就到此为止, 暂时不记录了。
自定义主题
1234"vscode_custom_css.imports": [ "file:///c:/Users/srackHall/.vscode/extensions/brandonkirbyson.vscode-animations-2.0.1/dist/updateHandler.js", "file:///C:/Users/srackHall/.vscode/extensions/webrender.synthwave-x-fluoromachine-0.0.14/synthwave-x-fluoromachine.css"],
112345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110 ...
Docker笔记(入门篇)
简介Docker是一个开源的容器引擎,它轻巧,且易移植,“build once, configure once and run anywhere”。使用go语言开发,并遵从apache2.0协议。[1]
docker要解决的问题
解决当前传统行业中存在的问题
开发、生产、测试环境不一致,开发环境下可用的服务挪到生产上不可用。
不同环境之间迁移成本太高,没有统一的软件部署封装标准及封装环境。
对于分布式软件持续集成(测试、打包、发布、部署、管理)周期很长,难以自动化、工程化。
面临瞬时用户流量增大的场景,很难实现分布式应用服务实例的快速部署。
虚拟机的在某些场景下的性能损耗问题
docker是一种虚拟化容器技术,他和虚拟机最根本的区别是:docker容器和宿主机共用linux操作系统内核,不会在宿主机上再次安装操作系统。docker容器运行状态下的本质是宿主机上的进程,通过namespace资源隔离,cgroups资源限制,使它看上去像是一个独立的虚拟机.
docker容器与虚拟机的对比:
对比项
虚拟机
docker容器
启动速度
龟速(本质是启动操系统)
秒速( ...
Docker笔记(初级篇)
Docker镜像一些需要了解的概念
Docker镜像是分层的联合文件系统,每一层都可以复用。
Docker镜像层都是只读的,容器层是可写的。
Docker容器启动时,一个新的可写镜像被加载到顶部,这一层即为”容器层”,”容器层”之下的都叫”镜像层”。
Docker中对容器的改动,不会影响只读的镜像。因此镜像具有复用性,一个镜像可实例出多个可写的容器。
也就是说, 如果基于目前状态的可写容器层, 向下提交出一个新的只读层, 那么我们就获得了一个基于当前容器的只读”镜像”。
基于当前容器生成一个镜像docker commit -m=”描述” -a=”作者” 容器ID 生成镜像的名称:标签号镜像发布
要先将镜像加上用户名,不然push时docker无法确认目标仓库。
1docker tag 源镜像名:tag 用户名/修改后的镜像名:Tag
这一步之后,镜像仓库里会新生成一个名字为用户名/修改后的镜像名的镜像,标签为Tag
推送至服务器(注意推送的是刚才tag后新生成的那个推送版本)
123docker push 用户名/修改后的镜像名:Tag或 ...
Gimp使用笔记
背景想做个自己使用的头像,于是找一个图片编辑设计软件来实现此需求,搜索后,找到了GIMP这个开源软件。
基础操作
m
切至移动工具, 移动工具没任何作用,不会对影像图片产生影响,常用于在使用过程中去除正在使用的光标工具。
Ctrl键+鼠标滚轮
用来缩放设计界面的画面比例。
长按空格不放+鼠标移动拖拽或按住鼠标中键不放+鼠标移动拖拽
用来平移设计界面的画面视角。
Ctrl+Shift+j
快速使设计界面缩放比例自动适应图片大小, 即快速切回对整体素材的全图视角。
Ctrl+Shift+a
取消选取区,即 使用此快捷键可解除之前对所编辑范围的自定义限制。
Shift不放+继续操作
累加作用, 即 可以分多次进行区域的选择,最终再批量地操作这些区域。
Ctrl+i
反转, 即 对所建立的选择区做反选操作。
Ctrl+z 与 Ctrl+y
回退至上一步 与 放弃回退。
Ctrl+c 与 Ctrl+v
复制 与 粘贴。
Ctrl+x 与 Ctrl+v
剪切 与 粘贴, 抠图时常用。
Shift+c
切至裁剪工具, 裁剪图片使用。( ...

.png)