淅川

原生js贪吃蛇游戏，实现开始、暂停、重新、加积分的功能。gitee仓库有源代码，有需要的可自行下载。

刚学完了js不久，就用原生js写了一个贪吃蛇的小游戏，主要的思想就是面向对象。写一篇博客记录下来方便自己今后的复习，也顺便分享给大家。 该游戏用到了一个经典的设计模型：MVC。游戏中的各种状态和数据由MODEL来管理，VIEW用来显示model的变化，用户和游戏之间的交互用co…

体验flex布局 传统布局与flex弹性布局 传统布局 flex弹性布局 兼容性好 操作方便，移动端应用很广泛 布局繁琐 pc端情况差 局限性 IE 11或更低版本很难支持 flex布局原理 定义：

我们传统的前端更多的是用javascript实现各种复杂动画，自从有了Css3 transition和animation以来,前端开发在动画这一块有了更高的自由度和格局,对动画的开发也越来越容易。这篇文章就让我们汇总一下使用Css3实现的各种特效。这篇文章参考《css揭秘》这本…

基本了解 ​ css中实现动画有两种方式：transition过渡动画、 animation自定义动画。 ​ 本文主要讲解transition过渡动画的使用，若要了解animation动画请前往……

linear-gradient() 函数用于创建一个线性渐变的 "图像"。为了创建一个线性渐变，你需要设置一个起始点和一个方向（指定为一个角度）的渐变效果。你还要定义终止色。终止色就是你想让Gecko去平滑的过渡，并且你必须指定至少两种，当然也会可以指定更多的颜色去创建更复杂的…

本次案例为（水纹波动），不用js写动画，只要善于运用css3就能实现水纹层层扩散的效果。 1. border-radius ( 给div元素添加圆角的边框 ) 属性：可以设置四个角的“圆润”程度，四个值的顺序是：左上角，右上角，右下角，左下 角。； 2. animation （…

毋庸置疑，善用工具可以加速开发，拉满开发效率，减少996的频率，提高我们的生活质量。 在此，为前端工友们分享10个我压箱底的Web资源，收藏≠学会，赶紧用起来吧！ 1.Github （https://

最近做项目发现引用图片时下方总出现空白，情况如下图所示。