刚开始并没有打草稿，直接开干，越做到后面就越觉得代码很乱很杂，非常不舒服，做到哪个页面写这个页面的CSS，没有大局观。在完成页面后，就思考了一下，觉得打草稿是个好习惯，磨刀不误砍柴工。

前言 文章较长，建议收藏～ 笔者个人实话实说，是第一次做活动页相关的前端开发工作，所以也算是初体验之后的总结： 第一：活动类经历会短期内提升一个业务前端的技术水平 如果你从来没写过活动类型的需求，第一

为了满足业务增长的需求，我们需要创意h5作为承载，增强app趣味、增加用户留存。而如果把创意h5归纳一下，会发现可以分为游戏类和主交互类，本篇文章会对主交互类创意H5的技术选型进行对比，抛砖引玉。

最近在给学生上课，上周六的第一堂课是关于 JavaScript 动画的内容，其中包括一些简单的动画，比如匀速或者匀加/减速的运动，也包括复杂一些的组合动画。而动画的基本原理，在我之前的文章已经有了详细的介绍。在这里，我想谈一谈的是，我们可以如何针对现代浏览器设计更加简单的 AP…

首先回顾一下上期文章 从表情包来学canvas, 初步认识了canvas的基本用法，并且通过案例来实现了常见的2D图形类的写法。 本期进步深入canvas，认识canvas的绘图库，并且制作一款简易的lol走位小游戏(点击试玩)。如果你觉得碰撞单位有点丑，其实我是故意的，学会他…

类似Tinder和探探的卡片效果的组件，社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果，就是类似我的女神邱淑贞这样。 其实我最早实现这个效果，是在2018年的时候，在weex上实现过一版。原帖请看这里：https://zhuanlan.zhihu…

以前看过许多教学视频，大部分讲师都是讲个大概，然后就开始无厘头的灌输知识了。直到我后来看到一位优秀讲师的视频，他的讲课模式是第一堂课展示成果。这样下来，当我看到最终效果，我就有心思去不断学习这个东西了。 1. 简单的渐变动画 2. 稍复杂的关键帧动画 3. 结合transfor…

本文阿宝哥将给大家介绍十个 「“酷炫"」 的转场特效，希望阿宝哥精心录制的十个 Gif 转场动画能让大家眼前一亮，当然更希望这些特效能给大家设计转场效果时带来一些新的 「”灵感“」。

本文阿宝哥将给大家介绍十个 「“惊人"」 的文字动画效果，希望阿宝哥精心录制的十个 Gif 动画能让大家感到 「”惊艳“」，当然更希望这些特效能给大家实现文字动画效果时带来一些 「”灵感“」。 在日常工作中，如果小伙伴们也想实现文字动画特效，阿宝哥推荐一个用于实现 CSS3 文…