神奇的前端——复盘系列一

2022-09-27 18:45:09 浏览数 (1)

深度思考和持续复盘是人类进步的阶梯。

任何一门技术都博大精深,尤其是前端。最近还是要觉得需要复盘一些学习和工作中遇到的问题的,接下来就做一下复盘笔记。

1. 如何让滚动条不占位?

我们都知道当网页内容溢出出现滚动条时,滚动条会占据一定的空间,有时这种情况会影响我们对界面的整体设计,那我们该怎么办呢?

我们可以使用:overflow-y: overlayoverflow的值为overlay,它的行为与auto相同的,但是在溢出时出现滚动条的展示方式有区分,overlay是覆在内容上面,它是不占位的。

注意:在Chrome浏览器中受支持;火狐浏览器中无法像谷歌浏览器里那样overlay

2. fixed 一定是相对于浏览器窗口进行定位吗?

我们以前也许都知道fixed定位是相对于浏览器窗口进行定位的,所以不管我们将fixed元素放在哪里,它都不会改变自己的定位基准,但是直到最近工作中遇到了一个问题,才打破了我的认知——原来fixed在某些条件下可以基于父元素定位!

这里重点摘出这句话:当元素祖先的 transform, perspective 或 filter 属性非 none 时,容器由视口改为该祖先

各位切记。

3. git pull 时报 fatal: Not possible to fast-forward, aborting该如何解决?

我们在多人协作时往往会出现或多或少的冲突情况,我最近在工作中就遇到了上图的问题。

这个错误出现的原因就是:我和其他人修改了同一份文件,而且那个人比我先提交

解决方案:

代码语言:javascript复制
# dev指的是当前修改的分支
git pull origin dev --rebase

执行完上面的命令就可以更新和提交代码了,如果出现了冲突, 我们把冲突解决,提交完代码后,然后执行如下命令:

代码语言:javascript复制
git rebase --continue

这样问题就解决了。

前端还有很多神奇诡异的现象,归根结底还是文档看的不够细,后续有机会会继续总结,希望你也能从中收获,成长,做更好的自己。

0 人点赞