面壁人浮川 发布的文章 - 浮川的小窝
首页
休闲直播
4K壁纸
统计
更多
关于
留言
归档
搜 索
1
HelloWorld!
138 阅读
2
前端算法整理
129 阅读
3
关于服务器配置反代隐藏端口中遇到的问题
104 阅读
4
maptalks 一些基础api的再封装(待解耦改装纯方法类)
95 阅读
5
HTTPS原理和通信流程
94 阅读
生活
学习
随笔
吐槽
小秘密
小故事
登录
/
注册
搜 索
SnowLove
累计撰写
65
篇文章
累计收到
5
条评论
首页
栏目
生活
学习
随笔
吐槽
小秘密
小故事
页面
休闲直播
4K壁纸
统计
关于
留言
归档
用户登录
登录
注册
找到
65
篇与
面壁人浮川
相关的结果
2021-04-19
正则 ?: 、 ?= 、 ?! 、 ?<= 、 ?<!
正则规则收集?:pattern匹配pattern但不获取匹配结果 var str = 'aaabbb' var reg = /(a+)(?:b+)/ str.match(reg) // ["aaabbb", "aaa", index: 0, input: "aaabbb", groups: undefined]?=pattern 零宽度正预测先行断言意思就是匹配内容右侧必须为pattern var str = "i'm singing and dancing"; var reg = /\b(\w+(?=ing\b))/g var res = str.match(reg); console.log(res) // ["sing", "danc"]?!pattern 零宽度负预测先行断言就是匹配右侧不是pattern内容 var str = 'nodejs' var reg = /node(?!js)/ reg.test(str) // false?<=pattern匹配这个位置之前为pattern的内容 var str = '111$222' var reg = /(?<=\$)\d+/ str.match(reg) // ["222", index: 4, input: "111$222", groups: undefined]?<!pattern匹配这个位置之前部位pattern的内容 var str = '¥998$888'; var reg = /(?<!\$)\d+/; console.log(reg.exec(str)) //998
2021年04月19日
27
0
0
2021-04-14
网页版 vscode - 套娃王的一生
先上效果图本着买了群晖不捣鼓到死机的原则,把偶然间发现的网页版vscode搭建提上了日程,虽然目前只能实现简单的项目运行 但是也是记录一下 linux、docker苦手的搭建之路。
2021年04月14日
81
0
0
2021-04-02
困在时间里的父亲
阿尔茨海默是在肉身陨落之前人们就开始悼念你,爱你的人眼看着你的灵魂一点点消逝,于是他绝对不如在失去灵魂前结束一切。最后留存的一丝意志,他像孩童一样无助的哭泣着寻找妈妈,他说我感觉我的叶子快要掉光了,风、雨和冬日带走了他们。生命的悲哀在于我感到时间的沙漏已经倒转,我一点一滴不可逆转地失去了生活、爱、自我。而我困在沙漏里无法逃脱,只能随着剩余的沙子一点点流逝,想要逃出这个困境,唯有肉体陨灭的那一刻。沙漏最后一粒不剩之时也就是我生命到头之日,我终于不再困住了,我解脱了。
2021年04月02日
34
0
0
2021-02-24
css弹性盒子-------桃园三兄弟之:flex-grow、flex-shrink、flex-basis详解
flex-grow、flex-shrink、flex-basis三个属性的作用:在flex布局中,父元素在不同宽度下,子元素是如何分配父元素空间的。(注意:这三个属性都是在子元素上设置的,下面小编要讲的是父元素,指以flex布局的元素(display:flex))小编这里先教一下大家如何快速记住这三个属性:首先是 flex-basis ,basis英文意思是<主要成分>,所以他和width放在一起时,肯定把width干掉,basis遇到width时就会说我才是最主要的成分,你是次要成分,所以见到我的时候你要靠边站。其次是 flex-grow,grow英文意思是<扩大,扩展,增加>,这就代表当父元素的宽度大于子元素宽度之和时,并且父元素有剩余,这时,flex-grow就会说我要成长,我要长大,怎么样才能成长呢,当然是分享父元素的空间了。见下面第二个属性的内容最后是 flex-shrink, shrink英文意思是<收缩,>,这就代表当父元素的宽度小于子元素宽度之和时,并且超出了父元素的宽度,这时,flex-shrink就会说外面的世界太苦了,我还是回到父亲的怀抱中去吧!因此,flex-shrink就会按照一定的比例进行收缩。见下面第三个属性的内容第一个属性:flex-basis该属性用来设置元素的宽度,其实,width也可以设置宽度。如果元素上同时设置了width和flex-basis,那么width 的值就会被flex-basis覆盖掉。 .box{ display: flex; margin:100px auto; width:400px; height:200px; } .inner{ width:200px; height:100px; flex-basis:300px; background:pink; } </style> 见下图:小编我把宽度设置为width:200px; flex-basis:300px;结果显示表明子元素.inner应用了属性flex-basis; 第二个属性:flex-grow该属性用来设置当父元素的宽度大于所有子元素的宽度的和时(即父元素会有剩余空间),子元素如何分配父元素的剩余空间。 flex-grow的默认值为0,意思是该元素不索取父元素的剩余空间,如果值大于0,表示索取。值越大,索取的越厉害。举个例子: 父元素宽400px,有两个子元素:A和B。A宽为100px,B宽为200px。 则空余空间为 400-(100+200)= 100px。 如果A,B都不索取剩余空间,则有100px的空余空间。 <div class="inner1"> </div>.box{ display: flex; flex-direction: row; margin:100px auto; width:400px; height:200px; border:1px solid red; } .inner{ flex-basis:100px; height:100px; background:pink; } .inner1{ flex-basis:200px; height:100px; background:blue; }见下图:如果A索取剩余空间:设置flex-grow为1,B不索取。则最终A的大小为 自身宽度(100px)+ 剩余空间的宽度(100px)= 200px 。.inner{ flex-basis:100px; height:100px; background:pink; flex-grow:1; } .inner1{ flex-basis:200px; height:100px; background:blue; }见下图:如果A,B都设索取剩余空间,A设置flex-grow为1,B设置flex-grow为2。则最终A的大小为 自身宽度(100px)+ A获得的剩余空间的宽度(100px (1/(1+2))),最终B的大小为 自身宽度(200px)+ B获得的剩余空间的宽度(100px (2/(1+2)))(这里呢小编只给了公式,小伙伴们可以自己去算一下).inner{ flex-basis:100px; height:100px; background:pink; flex-grow:1; } .inner1{ flex-basis:200px; height:100px; background:blue; flex-grow:2; }见下图:第三个属性:flex-shrink该属性用来设置,当父元素的宽度小于所有子元素的宽度的和时(即子元素会超出父元素),子元素如何缩小自己的宽度的。 flex-shrink的默认值为1,当父元素的宽度小于所有子元素的宽度的和时,子元素的宽度会减小。值越大,减小的越厉害。如果值为0,表示不减小。举个例子: 父元素宽400px,有两子元素:A和B。A宽为200px,B宽为300px。 则A,B总共超出父元素的宽度为(200+300)- 400 = 100px。 如果A,B都不减小宽度,即都设置flex-shrink为0,则会有100px的宽度超出父元素。 .box{ display: flex; flex-direction: row; margin:100px auto; width:400px; height:200px; border:1px solid red; } .inner{ flex-basis:200px; height:100px; background:black; flex-shrink:0; } .inner1{ flex-basis:300px; height:100px; background:blue; flex-shrink:0; }见下图:如果A不减小宽度:设置flex-shrink为0,B减小。则最终B的大小为 自身宽度(300px)- 总共超出父元素的宽度(100px)= 200px .inner{ flex-basis:200px; height:100px; background:black; flex-shrink:0; } .inner1{ flex-basis:300px; height:100px; background:blue; flex-shrink:1; }见下图:如果A,B都减小宽度,A设置flex-shirk为3,B设置flex-shirk为2。则最终A的大小为 自身宽度(200px)- A减小的宽度(100px (200px 3/(200 3 + 300 2))) = 150px,最终B的大小为 自身宽度(300px)- B减小的宽度(100px (300px 2/(200 3 + 300 2))) = 250px.inner{ flex-basis:200px; height:100px; background:black; flex-shrink:3; } .inner1{ flex-basis:300px; height:100px; background:blue; flex-shrink:2; }见下图:这里小编明确一点,flex是flex-grow,flex-shrink, flex-basis (注意小编写的顺序)缩写形式,大家可以记一下下面的缩写规则:如:flex 取值为 none,则计算值为 0 0 auto,如下是等同的:.item .item {flex-grow: 0; flex-shrink: 0; flex-basis: auto;}当 flex取值为 auto,则计算值为 1 1 auto,如下是等同的:.item .item {flex-grow: 1; flex-shrink: 1; flex-basis: auto;}当 flex 取值为一个非负数字,则该数字为 flex-grow 值,flex-shrink 取 1,flex-basis 取 0%,如下是等同的:.item .item 当 flex 取值为一个长度或百分比,则视为 flex-basis 值,flex-grow 取 1,flex-shrink取 1,有如下等同情况(注意 0% 是一个百分比而不是一个非负数字):.item-1 .item-1 .item-2 .item-2 当 flex取值为两个非负数字,则分别视为 flex-grow和 flex-shrink的值,flex-basis取 0%,如下是等同的:.item .item 当 flex取值为一个非负数字和一个长度或百分比,则分别视为 flex-grow和 flex-basis的值,flex-shrink取 1,如下是等同的: .item .item 转自 https://blog.csdn.net/m0_37058714/article/details/80765562
2021年02月24日
36
0
0
2021-02-01
HelloWorld!
今天我出生啦 不过是难产 (●ˇ∀ˇ●)群晖折腾了好久 才把网站搭起来,不过好气哟,都是用php写的,不会啊= =好急好想自己写个网站呢,以后叭,说不定还会学习下php语言立个很不容易折断的flag吧~伟大的玛德·沃·吉尔·邦英曾说过:你他妈能学老子把这盆屎吃给你看你信不信?
2021年02月01日
138
2
0
1
...
12
13