JLiang

最近 S11 LPL 春季赛开赛，在看比赛的过程中，我发现新赛季的 Ban/Pick 选人阶段，出现了一种新的，有意思的遮罩效果，如下图所示： 当然，它是一个动态的效果，当选人的过程中，会有一种呼吸的

而在游戏里面，似乎采用了静态贴图，这可能是由于手游没有这样的交互动作，所以显得有些差强人意。 这一次，我们试着在 web 里面实现类似的效果。 步骤分为 4 步。 1. 分层 分开两层图层，数字层与网格层。 让数字层放在网格层之上，大概就是这种感觉。 实际 dom 的排列顺序保…

大家好，这里是CSS魔法使——alphardex。 切图仔，是大多数前端用来自嘲的称呼。相信很多人平时写页面的时候，大部分时间是在切图和排图，如此往复。这里并不是要否定切图本身，而是在质疑：一直切图到底对自己的功力增长有何好处？想想UI丢给你一套好看的界面，你却只需一个img标…

大家好，这里是CSS魔法使——alphardex。 轮播图（Carousel），相信大家并不陌生。平时大部分我们都是借助现有的框架来实现的，大都是swiper，或者UI框架里的某一个小组件。于是乎这东西就开始变得千篇一律：几张图片，外加几个小点，两边各有2个箭头，能够点击它们进…

大家好，这里是CSS魔法使——alphardex。 我对动画创作有着巨大的兴趣，平时你们能够经常在掘金的沸点上看到我创作的各种各样的动画作品。于是乎，我就决定将我所使用的各种技巧总结起来，让大家也能愉快地玩耍CSS动画。 好了，话不多说。让我们一起进入CSS动画这个领域吧！ 平…

css实现炫酷的圆环相交转动动画，通过border来设置单边弧度，通过transform的rotate属性来进行xyz三个方向的旋转。

尽管 RxJS 的根基是 Observable，但最有用的还是它的操作符。操作符是允许复杂的异步代码以声明式的方式进行轻松组合的基础代码单元。 什么是操作符？ 操作符是 Observable 类型上的

话不多说，我们进入正题。 跨站脚本（Cross-site scripting，简称为：CSS, 但这会与层叠样式表（Cascading Style Sheets，CSS）的缩写混淆。因此，跨站脚本攻击缩写为XSS）是一种网站应用程序的安全漏洞攻击。 XSS攻击通常指的是通过利用…

不是标题党，这是一位leader在一次代码评审会对小组成员发出的“怒吼”，原因是在代码评审中发现很多地方还是采用ES5的写法，也不是说用ES5写法不行，会有BUG，只是造成代码量增多，可读性变差而已。