这是我参与更文挑战的第二十天，活动详情查看:更文挑战 本文介绍了前端实际工作中用到的大部分内容及其相关知识点，大家可以收藏仔细阅读慢慢看～ Git 常见操作集锦 Git 分支管理规范及发布流程 基础前

1. 函数式组件（无状态组件） 1. 什么是函数式组件 首先需要去理解纯函数的概念：相同的输入，拥有有相同输出，没有任何副作用。同理： 我们的函数式组件也不会去根据组件的状态（state）的不同输入，不会拥有不同的表现形式。（与state无关，取决于props与context）…

写一篇关于 React Fiber 的文章， 这个 Flag 立了很久，这也是今年的目标之一。 最近的在掘金的文章获得很多关注和鼓励，给了我很多动力，所以下定决心好好把它写出来。 我会以最通俗的方式将它讲透, 因此这算是一篇科普式的文章。不管你是使用React、还是Vue，这里…

1. MobX 开发者只需要定义需要 Observer 的数据和由此衍生的数据（Computed value）或者操作（Reactions），剩下的更新自然就交给 MobX 去做就可以了。 总之，两者相比，MobX 确实比 Redux 上手更容易些，并且不需要写很多样板代码，但…

使用react刚好一年，一直是用的mobx进行状态管理。前一段时间在使用mobx过程中突然发现最近所使用的方式都是有一定问题的，故重新梳理其使用方式。 经过observable装饰过的属性即可成为响应式数据，供之后使用。 将通过observable转换过的数据转回普通的js对象…

怀着对于RxJS这项技术的好奇，笔者花了数天时间研究了这项技术，并肝了一包枸杞才完成这篇文章的撰写，属实不易。不过也正是通过这段时间的学习，我发现这项技术在一定程度上可以解决我在日常业务中遇到的一些痛点，以及有种想马上应用到自己的新项目中的欲望，的确这种以数据流的理念来管控大型…

作为搬砖在第一线的底层工人，业务场景从来是没有做不到只有想不到的复杂。 不过他强任他强，if-else全搞定，搬就完了。但是随着业务迭代或者项目交接，自己在看自己或者别人的if代码的时候，心情就不再表述了，各自深有体会。所以我们一起看看if还能怎么写 假设有这么个场景,不同情况…

最近频频看到了骨架屏这个词，其实在这之前鲜少听过骨架屏这个词。只是平时在浏览网站时，会经常看到某个页面在尚未获取到真正数据时展示的一些占位图形。 那实际上这个就是前面所描述的骨架屏，即在页面数据尚未加载前先给用户展示出页面的大致结构，在获取到数据以后在具体展示页面的内容。那骨架…

在前端性能数据的获取方法上，现在业内大多使用手动埋点的方式，即在代码中，人工判断首屏完成的位置，并在该处添加首屏记录的代码，类似：firstscreen.report() 这样。 基于上面的分析，我们近期尝试了一些方案，试图将首屏时间计算自动化，节省人力、并提高准确性。 我们将…