a = r.map(o=>o.date)b = r.map(o=>o.regNum)

本文会分享一个React性能优化的故事，这也是我在工作中真实遇到的故事，最终我们是通过魔改第三方库源码将它性能提高了几十倍。这个第三方库也是很有名的，在GitHub上有4.5k star，这就是：react-big-calendar。

一般在子组件用hookcomponentWillReceiveProps判断父组件传递的上一次的props和旧的props是否相等，如果不相等再执行子组件方法

在初始化表单组件的时候，直接给initialValue赋值就可以[链接]

根据状态值显示不同组件是没问题的。数据无法填充是因为initialValue没有赋初始值参考文档[链接]

现象 在我们日常开发当中，我们写一个组件，经常遇到需要传递一个方法给点击事件等等，那么我们经常是怎么做的呢？ {代码...} 如上代码，因为点击回调使用了this，为了绑定this，使用了箭头函数。或者不使用箭头函数了，用bind进行绑定。 {代码...} 亦或者是这样 {代...

去年年初，接受清华大学出版社夏老师的邀请，下定决心开始写我的第一本书，战战兢兢早起晚睡，好几个月都没有陪女票出去玩，辛辛苦苦终于在年底的时候新书顺利上市！

策略模式：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换 生活小栗子：诸葛锦囊 诸葛给刘备的锦囊妙计，遇到任何困难都有应对计策。策略模式实现的也是类似的场景。 再来一栗：给喜欢的女生买冰淇淋，事先不了解其喜好，只能集齐各种味道，总会命...

本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。

到现在为止，前端工程师已经成为研发体系中的重要岗位之一。可是，与此相对的是，我发现极少或者几乎没有大学的计算机专业愿意开设前端课程，更没有系统性的教学方案出现。大部分前端工程师的知识，其实都是来自于实践和工作中零散的学习。

区块链技术，最早是在金融交易领域破土发芽的，但在这之前，金融交易系统已经大体正常运作了许多年。所谓变革的新技术，必定对既有领域中一些核心理念发起了冲击，并提出了自己的解决方案。只在一个行业领域的“兴风作浪”，充其量只能算作改进，若说成是变革，那么这...

问题先行，如何使用 CSS 实现下述滚动条效果？ 就是顶部黄色的滚动进度条，随着页面的滚动进度而变化长短。 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发...

应该没有使用withRouter的包裹redux的connect，可以在route中引入container统一调取，这样action中可以使用routerActions.push、replace等

今天来给大家介绍下前端监控中一个特定指标的获取算法，有人会问，为啥就单单讲一个指标？这是因为，目前大部分的指标，比如白屏时间，dom加载时间等等，都能通过现代浏览器提供的各种api去进行较为精确的获取，而今天讲的这个指标，以往获取他的方式只能是通过逻辑...

我也遇到lz的问题，我查了issue，上面作者是这样回答的，你可以用html-webpack-plugin 3.0.7 版本解决这样的问题，但是作者说会出现其他大量error，所以我也没有好的办法

我们知道，HTTP是基于TCP/IP协议的。属于TCP/IP 协议的一个子集，TCP/IP是互联网通信相关联的协议族的总称。了解TCP/IP协议族有助于我们更好的理解HTTP协议。

提醒一下，webpack-dev-server 带 hot 参数的时候，要去掉config里面的 HotModuleReplacementPlugin不然会内存溢出。

微前端架构是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。

作为初级码农不该天花乱坠大讲情怀，一开始入坑了几天对于很多地方充满了爱迪生般的诸多疑问(莫名把自己夸了一波，XD)，所以打算看一波源代码，这个过程可以说是非常曲折，本人智商不高，看了四五遍部分源码后，一脸懵逼，于是在接下来的一周内处于浑浑噩噩，若即若...