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

趣谈前端

共 1009字,需浏览 3分钟

 ·

2022-06-11 13:25

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

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

关注并将「趣谈前端」设为星标

定期推送技术干货/优秀开源/技术思维

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该如何解决?

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

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

解决方案:

# dev指的是当前修改的分支
git pull origin dev --rebase

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

git rebase --continue

这样问题就解决了。

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




从零搭建全栈可视化大屏制作平台V6.Dooring

从零设计可视化大屏搭建引擎

Dooring可视化搭建平台数据源设计剖析

可视化搭建的一些思考和实践

基于Koa + React + TS从零开发全栈文档编辑器(进阶实战




点个在看你最好看

浏览 34
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报