2018年的圣诞节，让素有IT娱乐圈称谓的前端圈着实又热闹了一把。事件起因是蚂蚁金服的开源项目Ant Design 框架（react-ui）的开发者别出心裁地在button组件上埋下了一个在圣诞节当天触发的“彩蛋”。

最近需要做一个表格组件，组件需求: 指定行、列 可以跨行、跨列 行和行之间有分割线 最终采用grid实现需求。实现的时候遇到一个问题，如果css和js分开写，css只能是定值，没有灵活性。所以考虑采用css in js的形…

写在前面的话 看这篇文章之前，你需要掌握的知识: React RxJS (至少需要知道 Subject 是什么) 背景 form 可以说是 web 开发中的最大的难题之一。跟普通的组件相比，form 具有以下几个特点: 更多的用户交互。这意…

之前一直都是一边学习，一边写代码，从来没有像现在这样做过课程分享笔记。坚持更完确实不容易，虽然作为react结合dva的入门，不算是精品，但是还是感谢那些愿意阅读的朋友。在现在这个鱼龙混杂的IT圈，浮躁的氛…

目前 React 最新的版本是 16.7.0，基于全新的 React Fiber 架构，有众多激动人心的新功能。由于是大版本升级，考虑到业务的稳定性，我们团队大概等了一年的时间，终于鼓起勇气着手升级的事情，特以此文来记录升级…

一般情况下，很少会在前端进行加解密的操作，因为没有太大的必要性，前端的代码是很容易看到的，即使这样，我觉得还是有比较处理一下的，至少不让别人一眼就看到信息

图片有提示，编译失败，告诉问题所在，老兄，语法错误了。把第二行报错翻译一遍其实就定位问题了。但是我经常比较急，总喜欢一眼带过，一眼解决，解决不了就不去看了。

一、背景 {代码…} 顶部导航 步数状态卡片 用户信息卡片 滚动列表 期望效果：列表滚动到用户信息卡片消失后，展示另一个吸顶的导航栏。 {代码…} 分析可以发现，首先我们要做的就是适配iPhone X，其次我们需要…

1.前端后端关注点 {代码…} 2.WEB前后端分离（前端静态化、后端数据化、平台无关化，架构分离化） {代码…} 3.NODE.JS(Ryan Dahl、2009.5) {代码…} 4.VUE.JS(尤雨溪、2014.2) | REACT.JS（FACEBOOK、2013.3）…

对于react来说，diff算法是里面最为重要的一个部分，它主要是用来提高react的重复渲染的效率，而本篇博客不会深入到diff算法的代码实现，只是讲述它的原理和策略。