FuChenRenShen的博客

原创 关于出现Merge remote-tracking branch ‘origin/develop‘ into develop这种commit记录的原因

引子：关于原文链接，可参考https://stackoverflow.com/questions/6406762/why-am-i-merging-remote-tracking-branch-origin-develop-into-develop，点赞最多的回答果真是比较精品的问题：合并分支时出现了merge remote-tracking branch 'xxx' into xxxx转义过来就是 xxxx合并了远程跟踪分支xxx原因：试想，我们平时碰到最多的情况就是合并xxx分支到x

翻译 关于git命令那些事

引子：关于git命令的使用，其实也是因人而异的，大多数人选择客户端的使用，因为方便，容易看懂，个人喜欢命令，所以尝试开个专栏讲讲git那些事。本文不论顺序介绍各个git命令，翻译内容源自于 本机上通过git clean --help所打开的内容git-clean(1) 手册页名称：git-clean - 移除工作区未跟踪的文件概要：git clean [-d] [-f] [-i] [-n] [-q] [-e <pattern>] [-x | -X] [--] <p

原创 关于useEffect不得不注意的几点问题

引子：hooks如今使用的越来越频繁，但函数式编程和class组件的理解却不尽相同，导致转换过程中仍然照搬生命周期那一套，导致实现效果差强人意，虽然形似，却实际背道而驰！如今，站在其他前辈的肩膀上，有幸能够理解useEffect的概念，着实让我感到庆幸，所以我想分享下关于useEffect要注意的点！其一：基本概念之副作用顾名思义，在完成某件事时附带执行的事，在useEffect的基本概念中，他表明了，在dom构建完成才执行，因为主要事是dom构建，所以其被称之为副作用，这里着重要注意的就是渲染

原创 hooks学习引子

近两个月忙于工作和学习，总不能很好的融入进项目工作中，因此也就断了，最近才有更好的缓冲时间，打算开个专栏来讲讲我学习react hooks的过程和心得

原创 关于防抖和节流的三两理解

前端开发其实必不可少的就是性能方面的优化了，合理的优化不仅加快了网络访问速度，同时也减少了系统内存的开销，然而不是每个人都能去大公司工作的，而有些小公司只会追求进度，对于性能方面难免不那么看中，至少在程序能够快速开发并且不崩溃的情况下，老板也不会让你再做什么优化了，让你做其他事缓解下开销岂不美滋滋？但是这并不意味着我们不需要了解，毕竟这也是个有趣的方向，不是么？长话短说，let's go!谈到js性能优化，防抖和节流就跃然脑海中了，那么防抖做了什么？节流又做了什么？防抖：个人参考了许多人的解释，

原创 关于promise的一些问题和理解（二）

首先回顾下：1.then需要返回一个promise对象2.then接收1-2个参数, onFullfilled [，onRejected]，后者不一定要写3.onFullfilled方法中可以返回一下3种类型1).普通类型（即基本数据类型或者单纯的引用类型）2).thenable对象，即个人认为具有then方法的对象3).promise对象上期内容如上，而上期其实相当于把前两点简单讲了，那么现在来讲讲最终的第三点：回调函数接收的第一种类型：基本数据类型或者单纯的引用

原创 关于promise的一些问题和理解（一）

最近，对于找工作是忙的焦头烂额，再加上觉得自己有许多不足，只能一一补齐，心力交瘁对于promise，我从18年就听过，也曾片段学习过，奈何总是抓不到重点，你要是和我讲callback，我倒是能理解简单来说，就是传名，传引用。复杂点说，就是我定义了操作的内容和行为，交给你，你要按照我的要求把东西带齐了，再来告诉我如果code来说呢，简单表示如下function b(executor) { executor('content1', 'content2');}functio

原创 关于背景图替换等实现有感

引子：好久没登录掘金了，昨天登录掘金的时候，才发现登录框的有趣之处：点击了密码框时，框上的熊猫图被替换成了闭眼状态，研究了源码之后，发现是对背景图做了display的替换，但是个人认为，这触发了元素的回流，因为是3个背景图的不断替换，碰巧个人灵光一现，之前看过的例子油然而出，总而言之，这不就是个活生生的替换嘛？替换？多么熟悉的概念，是的，就是替换元素这个概念，那么替换元素相关的最重要概念之一是什么？当然就是content了，也即content-box作用范围，content属性！思路：由上述可以发现，我

原创 关于实现文字分割线的一些问题

引子：最近看小说的时候发现每章之间出现了文字分割线的提示实现的效果如：------------广告是为了更多免费内容，感谢支持-------------顿时脑海中就浮现了实现方案：两个伪元素 + 文本内容就可以实现了，然而事实上真的那么简单么？那么我们就来看看吧思路：伪元素实现线条效果（前后都有），高宽啥的嗯都很好实现，加上文本内容效果轻而易举，稍微需要思考下的无非就是如何实现线条的居中，一个合适的宽度代码：html代码：<div class="wrapper

原创 关于好用的伪类选择器:checked与兄弟选择器~

明天引用一个示例

原创 关于inline元素与inline-block元素在width层面的区别（附加了部分block元素的区别）

inline-block/inline/block内部的原理推测

原创 关于height: auto值与normal流渲染之间不得不说的一些相关性

原创 关于html文件出现了中英文都乱码的问题，求助中 | 解答中！！！急！！！

等待解决中。。。。-------补于2019年5月28日15:22:20-----------实在是抱歉，之前2个多月实在不想写了，痛失我文件...，乱码的文件再也恢复不了了，因为当时转码的时候用力过猛，导致部分内容由于中文转码，导致字符数减少了，回退不来，就相当于一个16字节的内存空间被我砍成了8字节的。。。...

原创 关于仿制Win10桌面日历鼠标悬浮效果有感

今天，正好在群里看见一位小伙伴在求助实现这种win10日历的效果-----&gt; 此处暂无图片，具体效果可以去网上查阅相关效果于是，我开启了自己的实现之路：      思路：将这种边框透明的渐变效果转为一张具有这种实现的图片，这样在每次hover的时候替换图片就可以了      html实现:     &lt;div class="test"&gt;     &lt;ul&...

原创 关于word-break/word-wrap/white-space的一些认知

今天正好看到一篇介绍这3个属性的文章，想想以前确实有看过一篇还不错的，只不过记不得当时区分的详情了，我想，很多人应该也和我一样，经常被这些属性给弄晕了吧，正好结合我的测试，就来献丑了，好了，话不多说：    话题要从文字的形式展开，大家应该知道咱们亚洲大多数国家的语言都是一些字（而不是字母）构成的，因此实在不好直接断掉，你想，一个文字断掉一半，那还是字么？字母就不然，断掉了至少你看下一行还能拼...

原创 提问: 子容器为什么无法通过百分比计算div父容器由另外一个子元素撑开的高度

首先，记录一下我看到这个问题的出处：https://blog.youkuaiyun.com/m0_38005587/article/details/81292339好了，问题开始： 父容器未设置高度，反而由一子容器高度撑开，为什么其他子容器就是计算不了？结构不复杂，1层div，里面包上1个span，1个div：效果的话可以自己写写看看效果，总而言之，.cover元素不具备高度！查看父容器高...

原创 关于使用position:fixed之后附加margin/padding的一些影响细节

① 未设置（left/right/top/bottom属性）方位   -&gt;    该元素表现为包裹性（与内联元素的效果相似，目前来说margin和padding与内联元素中的margin/padding的表现是一样的）              1.能由包裹的span撑开              2.未设置方位时，margin无效，padding却是有效的,且其百分比是按照bo...

原创 关于IFC（涉及line-height、vertical-align、font-size等概念）的纠误与理解

①font-size font-size是什么?个人理解就是指定字体的大小。 细心的你会发现，实际上哪怕设置了font-size: 自定义值，字体真正显示的高度也不会是自定义值。 那这是为什么？ 此时,你需要了解字体的度量，了解设计师们是怎么对字体进行定义的。详情请前往:https://zhuanlan.zhihu.com/p/25808995（注，其中...

原创 关于inline/inline-block级别元素的margin属性以及padding属性的一些理解

总的来说，margin和padding属性作为新手入门时常用的属性，很多人都不陌生，相信理解起来都很简单，margin代表外边距，padding代表内边距，至少当时我们老师是这样讲的。虽然使用起来很简单，但是真正将其实用的又能有多少人，以padding为例，作为一个内边距，就我而言，我会在使用  背景  以及  box-sizing  的时候使用的多，padding-box所占据的无非就是一点...

原创 关于又见绝对定位元素受限于父容器宽度的问题

再一次的发现了这个问题，无论是绝对定位元素还是浮动元素，他们有一个特性：受限于父容器的宽度

原创 关于64bit-Centos7安装Sublime Text 3时引申的一部分问题

笼统来讲：1.安装完Virtual Machine,下载Centos7镜像文件（官网下载就ok啦~~~）。2.此时，整个系统给我的感觉就像个刚出生的baby一样，啥也没带来。3.yum真的很重要，配置问题一定要解决完善（看我- -，下载什么大部分都出错，最终都是yum在出问题，花了将近5天，我才不知不觉找到了问题所在，后面会讲是什么原因）    3.1.首先，配置yum的时候需要注...

原创 求救！64bit Centos 7 打不开Sublime Text 3

前些日子想通过Centos来入门一下shell命令，编写时打算使用Sublime Text 3，然后尝试去安装：首先去http://c758482.r82.cf2.rackcdn.com/sublime_text_3_build_3083_x64.tar.bz2下载了bzip2格式压缩包解压: tar -xvf ....ok!尝试打开 : ./sublime_text , 结果...

原创 关于line-height的三两理解

说句实话，IFC这一块儿的东西真的有点难搞，刚开始是门儿都看不到，到后来用line-height做多了，又牵扯到了vertical-align，再到后来合起来用都实现不了效果，再到逐渐去理解IFC，现在也没理解得很明白。认识line-height和vertical-align是从垂直居中对齐开始的，垂直居中本质是什么？那就是文字的基线问题，当你正确使用了line-height和vertical...

原创 关于inline-block元素所产生的三两影响及问题

设置inline-block属性既可以省略掉float所带来的影响，又能同时展示在一行，且能设置高度，效果是挺好的。但是在研究中，也发现了一些问题，而这些问题也让我绞尽脑汁的思考，但最后仍然不得甚解。首先，inline-block父元素的包裹性:众所周知，父元素设置inline-block是可以清除掉子浮动元素所带来的影响的，在这儿我所碰到的问题就是当父元素宽度缩小到小于2个元素的...

原创 关于浮动元素宽度自适应父容器宽度的问题

希望有朋友能帮忙解答！自己对于这块的理解：作为一个浮动元素，其应该是脱离了文档流的，而其父容器是属于文档流的，那这个浮动元素的宽度又是根据什么来计算的呢？为什么其脱离了文档流，却会去适应文档流的父容器的宽度呢？样例如下列格式：(样例参照张鑫旭老师《css世界》6.1章节魔鬼属性float 所写，当然前提是排除掉文字不换行和长串英文字符)&lt;div class="parent"&gt...