<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[FuChenRenShen的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/FuChenRenShen</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; FuChenRenShen]]></copyright><item><title><![CDATA[关于出现Merge remote-tracking branch ‘origin/develop‘ into develop这种commit记录的原因]]></title><link>https://blog.youkuaiyun.com/FuChenRenShen/article/details/116265581</link><guid>https://blog.youkuaiyun.com/FuChenRenShen/article/details/116265581</guid><author>FuChenRenShen</author><pubDate>Sat, 08 May 2021 17:48:55 +0800</pubDate><description><![CDATA[引子：关于原文链接，可参考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]]></description><category></category></item><item><title><![CDATA[关于git命令那些事]]></title><link>https://blog.youkuaiyun.com/FuChenRenShen/article/details/116055360</link><guid>https://blog.youkuaiyun.com/FuChenRenShen/article/details/116055360</guid><author>FuChenRenShen</author><pubDate>Fri, 23 Apr 2021 16:03:47 +0800</pubDate><description><![CDATA[引子：关于git命令的使用，其实也是因人而异的，大多数人选择客户端的使用，因为方便，容易看懂，个人喜欢命令，所以尝试开个专栏讲讲git那些事。

本文不论顺序介绍各个git命令，翻译内容源自于 本机上通过git clean --help所打开的内容

git-clean(1) 手册页

名称：

git-clean - 移除工作区未跟踪的文件

概要：


git clean [-d] [-f] [-i] [-n] [-q] [-e &lt;pattern&gt;] [-x | -X] [--] &lt;p]]></description><category></category></item><item><title><![CDATA[关于useEffect不得不注意的几点问题]]></title><link>https://blog.youkuaiyun.com/FuChenRenShen/article/details/109548651</link><guid>https://blog.youkuaiyun.com/FuChenRenShen/article/details/109548651</guid><author>FuChenRenShen</author><pubDate>Sat, 07 Nov 2020 16:44:35 +0800</pubDate><description><![CDATA[引子：hooks如今使用的越来越频繁，但函数式编程和class组件的理解却不尽相同，导致转换过程中仍然照搬生命周期那一套，导致实现效果差强人意，虽然形似，却实际背道而驰！

如今，站在其他前辈的肩膀上，有幸能够理解useEffect的概念，着实让我感到庆幸，所以我想分享下关于useEffect要注意的点！

其一：基本概念之副作用

顾名思义，在完成某件事时附带执行的事，在useEffect的基本概念中，他表明了，在dom构建完成才执行，因为主要事是dom构建，所以其被称之为副作用，这里着重要注意的就是渲染]]></description><category></category></item><item><title><![CDATA[hooks学习引子]]></title><link>https://blog.youkuaiyun.com/FuChenRenShen/article/details/109081343</link><guid>https://blog.youkuaiyun.com/FuChenRenShen/article/details/109081343</guid><author>FuChenRenShen</author><pubDate>Wed, 14 Oct 2020 19:37:55 +0800</pubDate><description><![CDATA[近两个月忙于工作和学习，总不能很好的融入进项目工作中，因此也就断了，最近才有更好的缓冲时间，打算开个专栏来讲讲我学习react hooks的过程和心得

]]></description><category></category></item><item><title><![CDATA[关于防抖和节流的三两理解]]></title><link>https://blog.youkuaiyun.com/FuChenRenShen/article/details/107612901</link><guid>https://blog.youkuaiyun.com/FuChenRenShen/article/details/107612901</guid><author>FuChenRenShen</author><pubDate>Mon, 27 Jul 2020 15:50:43 +0800</pubDate><description><![CDATA[前端开发其实必不可少的就是性能方面的优化了，合理的优化不仅加快了网络访问速度，同时也减少了系统内存的开销，然而不是每个人都能去大公司工作的，而有些小公司只会追求进度，对于性能方面难免不那么看中，至少在程序能够快速开发并且不崩溃的情况下，老板也不会让你再做什么优化了，让你做其他事缓解下开销岂不美滋滋？

但是这并不意味着我们不需要了解，毕竟这也是个有趣的方向，不是么？长话短说，let's go!

谈到js性能优化，防抖和节流就跃然脑海中了，那么防抖做了什么？节流又做了什么？

防抖：个人参考了许多人的解释，]]></description><category></category></item><item><title><![CDATA[关于promise的一些问题和理解（二）]]></title><link>https://blog.youkuaiyun.com/FuChenRenShen/article/details/107494346</link><guid>https://blog.youkuaiyun.com/FuChenRenShen/article/details/107494346</guid><author>FuChenRenShen</author><pubDate>Tue, 21 Jul 2020 18:24:09 +0800</pubDate><description><![CDATA[首先回顾下：


1.then需要返回一个promise对象

2.then接收1-2个参数, onFullfilled [，onRejected]，后者不一定要写

3.onFullfilled方法中可以返回一下3种类型

1).普通类型（即基本数据类型或者单纯的引用类型）

2).thenable对象，即个人认为具有then方法的对象

3).promise对象


上期内容如上，而上期其实相当于把前两点简单讲了，那么现在来讲讲最终的第三点：

回调函数接收的第一种类型：


基本数据类型或者单纯的引用]]></description><category></category></item><item><title><![CDATA[关于promise的一些问题和理解（一）]]></title><link>https://blog.youkuaiyun.com/FuChenRenShen/article/details/107493225</link><guid>https://blog.youkuaiyun.com/FuChenRenShen/article/details/107493225</guid><author>FuChenRenShen</author><pubDate>Tue, 21 Jul 2020 17:39:19 +0800</pubDate><description><![CDATA[最近，对于找工作是忙的焦头烂额，再加上觉得自己有许多不足，只能一一补齐，心力交瘁

对于promise，我从18年就听过，也曾片段学习过，奈何总是抓不到重点，你要是和我讲callback，我倒是能理解


简单来说，就是传名，传引用。

复杂点说，就是我定义了操作的内容和行为，交给你，你要按照我的要求把东西带齐了，再来告诉我


如果code来说呢，简单表示如下


function b(executor) {
    executor('content1', 'content2');
}

functio]]></description><category></category></item><item><title><![CDATA[关于背景图替换等实现有感]]></title><link>https://blog.youkuaiyun.com/FuChenRenShen/article/details/106870703</link><guid>https://blog.youkuaiyun.com/FuChenRenShen/article/details/106870703</guid><author>FuChenRenShen</author><pubDate>Sat, 20 Jun 2020 12:40:49 +0800</pubDate><description><![CDATA[引子：好久没登录掘金了，昨天登录掘金的时候，才发现登录框的有趣之处：点击了密码框时，框上的熊猫图被替换成了闭眼状态，研究了源码之后，发现是对背景图做了display的替换，但是个人认为，这触发了元素的回流，因为是3个背景图的不断替换，碰巧个人灵光一现，之前看过的例子油然而出，总而言之，这不就是个活生生的替换嘛？替换？多么熟悉的概念，是的，就是替换元素这个概念，那么替换元素相关的最重要概念之一是什么？当然就是content了，也即content-box作用范围，content属性！

思路：由上述可以发现，我]]></description><category></category></item><item><title><![CDATA[关于实现文字分割线的一些问题]]></title><link>https://blog.youkuaiyun.com/FuChenRenShen/article/details/106589438</link><guid>https://blog.youkuaiyun.com/FuChenRenShen/article/details/106589438</guid><author>FuChenRenShen</author><pubDate>Sat, 06 Jun 2020 17:10:21 +0800</pubDate><description><![CDATA[引子：

最近看小说的时候发现每章之间出现了文字分割线的提示

实现的效果如：------------广告是为了更多免费内容，感谢支持-------------

顿时脑海中就浮现了实现方案：两个伪元素 + 文本内容就可以实现了，然而事实上真的那么简单么？那么我们就来看看吧

思路：

伪元素实现线条效果（前后都有），高宽啥的嗯都很好实现，加上文本内容



效果轻而易举，稍微需要思考下的无非就是如何实现线条的居中，一个合适的宽度

代码：

html代码：


&lt;div class="wrapper]]></description><category></category></item><item><title><![CDATA[关于好用的伪类选择器:checked与兄弟选择器~]]></title><link>https://blog.youkuaiyun.com/FuChenRenShen/article/details/106434498</link><guid>https://blog.youkuaiyun.com/FuChenRenShen/article/details/106434498</guid><author>FuChenRenShen</author><pubDate>Fri, 29 May 2020 23:04:40 +0800</pubDate><description><![CDATA[明天引用一个示例
]]></description><category></category></item><item><title><![CDATA[关于inline元素与inline-block元素在width层面的区别（附加了部分block元素的区别）]]></title><link>https://blog.youkuaiyun.com/FuChenRenShen/article/details/106434481</link><guid>https://blog.youkuaiyun.com/FuChenRenShen/article/details/106434481</guid><author>FuChenRenShen</author><pubDate>Fri, 29 May 2020 23:02:58 +0800</pubDate><description><![CDATA[inline-block/inline/block内部的原理推测]]></description><category></category></item><item><title><![CDATA[关于height: auto值与normal流渲染之间不得不说的一些相关性]]></title><link>https://blog.youkuaiyun.com/FuChenRenShen/article/details/106431445</link><guid>https://blog.youkuaiyun.com/FuChenRenShen/article/details/106431445</guid><author>FuChenRenShen</author><pubDate>Fri, 29 May 2020 19:16:21 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[关于html文件出现了中英文都乱码的问题，求助中 | 解答中！！！急！！！]]></title><link>https://blog.youkuaiyun.com/FuChenRenShen/article/details/87933067</link><guid>https://blog.youkuaiyun.com/FuChenRenShen/article/details/87933067</guid><author>FuChenRenShen</author><pubDate>Tue, 26 Feb 2019 13:04:42 +0800</pubDate><description><![CDATA[等待解决中。。。。

-------补于2019年5月28日15:22:20-----------

实在是抱歉，之前2个多月实在不想写了，痛失我文件...，乱码的文件再也恢复不了了，因为当时转码的时候用力过猛，

导致部分内容由于中文转码，导致字符数减少了，回退不来，就相当于一个16字节的内存空间被我砍成了8字节的。。。
...]]></description><category></category></item><item><title><![CDATA[关于仿制Win10桌面日历鼠标悬浮效果有感]]></title><link>https://blog.youkuaiyun.com/FuChenRenShen/article/details/86708539</link><guid>https://blog.youkuaiyun.com/FuChenRenShen/article/details/86708539</guid><author>FuChenRenShen</author><pubDate>Wed, 30 Jan 2019 21:29:52 +0800</pubDate><description><![CDATA[今天，正好在群里看见一位小伙伴在求助实现这种win10日历的效果

-----&amp;gt; 此处暂无图片，具体效果可以去网上查阅相关效果

于是，我开启了自己的实现之路：

      思路：将这种边框透明的渐变效果转为一张具有这种实现的图片，这样在每次hover的时候替换图片就可以了

      html实现:     

&amp;lt;div class=&quot;test&quot;&amp;gt;
	    &amp;lt;ul&amp;...]]></description><category></category></item><item><title><![CDATA[关于word-break/word-wrap/white-space的一些认知]]></title><link>https://blog.youkuaiyun.com/FuChenRenShen/article/details/86478216</link><guid>https://blog.youkuaiyun.com/FuChenRenShen/article/details/86478216</guid><author>FuChenRenShen</author><pubDate>Mon, 14 Jan 2019 15:59:53 +0800</pubDate><description><![CDATA[今天正好看到一篇介绍这3个属性的文章，想想以前确实有看过一篇还不错的，只不过记不得当时区分的详情了，我想，很多人应该也和我一样，经常被这些属性给弄晕了吧，正好结合我的测试，就来献丑了，好了，话不多说：

    话题要从文字的形式展开，大家应该知道咱们亚洲大多数国家的语言都是一些字（而不是字母）构成的，因此实在不好直接断掉，你想，一个文字断掉一半，那还是字么？字母就不然，断掉了至少你看下一行还能拼...]]></description><category></category></item><item><title><![CDATA[提问: 子容器为什么无法通过百分比计算div父容器由另外一个子元素撑开的高度]]></title><link>https://blog.youkuaiyun.com/FuChenRenShen/article/details/85765965</link><guid>https://blog.youkuaiyun.com/FuChenRenShen/article/details/85765965</guid><author>FuChenRenShen</author><pubDate>Fri, 04 Jan 2019 12:49:01 +0800</pubDate><description><![CDATA[首先，记录一下我看到这个问题的出处：https://blog.youkuaiyun.com/m0_38005587/article/details/81292339

好了，问题开始： 父容器未设置高度，反而由一子容器高度撑开，为什么其他子容器就是计算不了？

结构不复杂，1层div，里面包上1个span，1个div：



效果的话可以自己写写看看效果，总而言之，.cover元素不具备高度！

查看父容器高...]]></description><category></category></item><item><title><![CDATA[关于使用position:fixed之后附加margin/padding的一些影响细节]]></title><link>https://blog.youkuaiyun.com/FuChenRenShen/article/details/85614873</link><guid>https://blog.youkuaiyun.com/FuChenRenShen/article/details/85614873</guid><author>FuChenRenShen</author><pubDate>Wed, 02 Jan 2019 15:21:04 +0800</pubDate><description><![CDATA[① 未设置（left/right/top/bottom属性）方位   -&amp;gt;    该元素表现为包裹性（与内联元素的效果相似，目前来说margin和padding与内联元素中的margin/padding的表现是一样的）


              1.能由包裹的span撑开


              2.未设置方位时，margin无效，padding却是有效的,且其百分比是按照bo...]]></description><category></category></item><item><title><![CDATA[关于IFC（涉及line-height、vertical-align、font-size等概念）的纠误与理解]]></title><link>https://blog.youkuaiyun.com/FuChenRenShen/article/details/84958891</link><guid>https://blog.youkuaiyun.com/FuChenRenShen/article/details/84958891</guid><author>FuChenRenShen</author><pubDate>Tue, 11 Dec 2018 18:27:22 +0800</pubDate><description><![CDATA[①font-size

 font-size是什么?个人理解就是指定字体的大小。

 细心的你会发现，实际上哪怕设置了font-size: 自定义值，字体真正显示的高度也不会是自定义值。

 那这是为什么？

 此时,你需要了解字体的度量，了解设计师们是怎么对字体进行定义的。详情请前往:https://zhuanlan.zhihu.com/p/25808995

（注，其中...]]></description><category></category></item><item><title><![CDATA[关于inline/inline-block级别元素的margin属性以及padding属性的一些理解]]></title><link>https://blog.youkuaiyun.com/FuChenRenShen/article/details/83930511</link><guid>https://blog.youkuaiyun.com/FuChenRenShen/article/details/83930511</guid><author>FuChenRenShen</author><pubDate>Sat, 10 Nov 2018 16:49:10 +0800</pubDate><description><![CDATA[总的来说，margin和padding属性作为新手入门时常用的属性，很多人都不陌生，相信理解起来都很简单，margin代表外边距，padding代表内边距，至少当时我们老师是这样讲的。

虽然使用起来很简单，但是真正将其实用的又能有多少人，以padding为例，作为一个内边距，就我而言，我会在使用  背景  以及  box-sizing  的时候使用的多，padding-box所占据的无非就是一点...]]></description><category></category></item><item><title><![CDATA[关于又见绝对定位元素受限于父容器宽度的问题]]></title><link>https://blog.youkuaiyun.com/FuChenRenShen/article/details/82894785</link><guid>https://blog.youkuaiyun.com/FuChenRenShen/article/details/82894785</guid><author>FuChenRenShen</author><pubDate>Sat, 29 Sep 2018 11:20:32 +0800</pubDate><description><![CDATA[再一次的发现了这个问题，无论是绝对定位元素还是浮动元素，他们有一个特性：受限于父容器的宽度]]></description><category></category></item></channel></rss>