学习之前可以先看看酷炫的动画效果，想想怎么实现。 从最近在做的需求说起，一个优惠券样式，过设计稿的时候认为没什么大不了的，满口答应了。真正开始开发的时候遇到问题，主要是镂空效果实现方式上比较费劲。要求是背景可配，并且票身可以配背景图，然后镂空是真镂空。 设想并尝试了很多种方案，…

我们在开始开发一个组件之前，应该要对这个组件做一个解构，了解这个组件中需要有哪些零件，以及这些零件之间的层级结构和关联关系。以确保我们可以通过api实现他们之前的逻辑关系，将所有零件拼装成一个完整的组件。我们可以通过组件图的方式来展示这些结构和关系，这样我们再下手时，有依据可以…

本篇所有代码线上代码react-webpack4-cook,翻译过来叫：webpack4和react的乱炖，可以跟着代码进行配置，之前有很多坑，线上代码都已经被解决了 。如果对您有帮助，不妨给个star.点赞关注不迷路 一篇文章不写前言总感觉不太正式，大概介绍下我是怎么完成一个…

每一层渐变都可被当做一张背景图，也就是说每一层渐变都可以指定其position、size、repeat。玩过PS的的同学应该知道图层的概念，咱们的背景图层叠原理也类似（当然，渐变也可以当背景图），控制渐变的大小，哪里需要镂空，以及需要显示的位置、是否平铺，就可以实现大多数场景下…

本篇的主要内容是：实现可以在命令行中，直接运行代码(下面的名字可以自己取)。 在实现自己的命令行运行代码前，你需要对命令行,npm(包管理器)的基本用法有些了解。 完成上面几个步骤之后 我们能看到生成了一个xl-cli文件夹 文件中包含一个package.json文件。 第一行…

Webpack是现在主流的功能强大的模块化打包工具，在使用Webpack时，如果不注意性能优化，有非常大的可能会产生性能问题，性能问题主要分为开发时打包构建速度慢、开发调试时的重复性工作、以及输出文件质量不高等，因此性能优化也主要从这些方面来分析。本文主要是根据自己的理解对《深…

CSS设置居中的方案总结，主要是垂直居中的梳理。最后改于2021年2月4日，根据目前常用的方案进行了调整。