fanlion

搜索了网上关于react动画的，很多的答案都是很久以前的了老版本了，而现在官方提供的是叫react-transition-group 它是以前两个的合体版本，所以写下这个记录一下，同时也给一些需要的猿门给一些小的提示。 1、安装 而官方提供的三个组建Transition,CSS…

今天给大家分享一些CSS绘画大师的作品，实在是太惊艳了，有的作品真的难以想象是CSS画出来的，希望大家能从这些作品里找到灵感，说不定哪天你也会成为CSS绘画大师！贵妇油画作者：DinaSmith 项目

如何提高代码的可读性、复用性、扩展性。我们将从以下四个方面讨论： 可以用 ESLint 检测代码中未命名的常量。 既然创建了一个 car 对象，就没有必要把它的颜色命名为 carColor。 如果参数超过两个，建议使用 ES6 的解构语法，不用考虑参数的顺序。 这是一条在软件工…

这一博客系列由四部分组成，将从高级体系结构到渲染流程的细节来窥探 Chrome 浏览器的内部。如果你曾对浏览器是如何将代码转化为具有功能的网站，或者你并不确定为何建议使用某一技术来提升性能，那么本系列就是为你准备的。 本文作为此系列的第一部分，将介绍核心计算术语与 Chrome…

一个可以自动生成react骨架屏的webpack loader. 菊花的loading图太low，骨架屏更美观。公司UI不愿意为设计骨架屏图片（在一个小公司，UI也比较少）！后来我想了一下能不能通过webpack自动生成骨架屏，有了这个想法之后我就开始动手设计了,发现是可行所以…

这是我的剖析 React 源码的第三篇文章，如果你没有阅读过之前的文章，请务必先阅读一下 第一篇文章 中提到的一些注意事项，能帮助你更好地阅读源码。 此篇文章内容衔接 render 流程（一），当然不看上一篇文章也没什么问题，因为内容并没有强相关。 现在请大家打开 我的代码 并…

最近公司新开了一条业务线，有幸和大佬们一起从头开始构建一套适合新业务的框架。俗话说得好呀，适合自己的才是最好的 😎。在新项目的 CodeReview 的时候，被大哥提到有没有添加 fastClick 解决移动端 300ms 延迟的问题。以下就带你追溯移动端延迟的 前世 今生。…

一个跨浏览器的动效基础库，是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效，一应俱全。 文件大小：55.2 kB. 和其他的同类工具不同的地方在于，它不仅仅是一个库，而是有这用户可以直接操作的实际功能，它带有一个完整的网页构建器。Bounce.js 是为数不多的可以直…

今天是520。 一句温柔的问候，一束美丽的鲜花，一段真情的告白。 但是作为一名与众不同的程序员，我们可不仅仅拥有上面的传情方法，别忘了每个人的手上可是都有其他人不具备的神奇技能，就是我们每天辛辛苦苦敲下的代码。 在这个特殊的日子，就用我们手中的魔法代码，来给你的她（他）制作出一…