深度思考和持续复盘是人类进步的阶梯。
任何一门技术都博大精深,尤其是前端。最近还是要觉得需要复盘一些学习和工作中遇到的问题的,接下来就做一下复盘笔记。
关注并将「趣谈前端」设为星标
定期推送技术干货/优秀开源/技术思维
1. 如何让滚动条不占位?
![fdbd5e18cadee10f35529b4c7cc0e6f0.png](https://i-blog.csdnimg.cn/blog_migrate/ba6049303d2242c96e846541c034f739.png)
我们都知道当网页内容溢出出现滚动条时,滚动条会占据一定的空间,有时这种情况会影响我们对界面的整体设计,那我们该怎么办呢?
我们可以使用:overflow-y: overlay
overflow
的值为overlay
,它的行为与auto
相同的,但是在溢出时出现滚动条的展示方式有区分,overlay
是覆在内容上面,它是不占位的。
注意:在Chrome
浏览器中受支持;火狐浏览器中无法像谷歌浏览器里那样overlay
。
2. fixed 一定是相对于浏览器窗口进行定位吗?
![bef37d3b93a79a9c2e2aff6830ec46b0.png](https://i-blog.csdnimg.cn/blog_migrate/2c3fca3a4d981b286b40fec0da6c22ca.png)
我们以前也许都知道fixed
定位是相对于浏览器窗口进行定位的,所以不管我们将fixed
元素放在哪里,它都不会改变自己的定位基准,但是直到最近工作中遇到了一个问题,才打破了我的认知——原来fixed在某些条件下可以基于父元素定位!
![e6f4297c7802d0adae0c84310f61efce.png](https://i-blog.csdnimg.cn/blog_migrate/14dd36980085541be8967ecbe3fdc72c.png)
这里重点摘出这句话:当元素祖先的 transform, perspective 或 filter 属性非 none 时,容器由视口改为该祖先。
各位切记。
3. git pull 时报 fatal: Not possible to fast-forward, aborting该如何解决?
![dd930b66e83588587cdd56f875ee032f.png](https://i-blog.csdnimg.cn/blog_migrate/9c8a251510186a4775c39d5684642b0f.png)
我们在多人协作时往往会出现或多或少的冲突情况,我最近在工作中就遇到了上图的问题。
这个错误出现的原因就是:我和其他人修改了同一份文件,而且那个人比我先提交。
解决方案:
# dev指的是当前修改的分支
git pull origin dev --rebase
执行完上面的命令就可以更新和提交代码了,如果出现了冲突, 我们把冲突解决,提交完代码后,然后执行如下命令:
git rebase --continue
这样问题就解决了。
前端还有很多神奇诡异的现象,归根结底还是文档看的不够细,后续有机会会继续总结,希望你也能从中收获,成长,做更好的自己。
基于Koa + React + TS从零开发全栈文档编辑器(进阶实战
点个在看你最好看