淅川

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

刚学完了js不久，就用原生js写了一个贪吃蛇的小游戏，主要的思想就是面向对象。写一篇博客记录下来方便自己今后的复习，也顺便分享给大家。 该游戏用到了一个经典的设计模型：MV...

什么是Flex布局？ flex布局是flexible Box的缩写，意为“弹性盒子” 使用flex布局的元素称为容器（flex container），该容器里面所有的子元素...

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

1.采用流式布局 流式布局，就是百分比布局，也称非固定像素布局。 将盒子的宽度设置成百分比，根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。 流式布局方式是移...

移动端常见浏览器 UC浏览器、QQ浏览器、欧朋浏览器、百度手机浏览器、360浏览器、谷歌浏览器等...... 兼容移动端主流浏览器，处理Webkit内核浏览器即可 使用-w...

3D旋转木马相册案例 思路： 首先设置一个section父盒子，把8个div放入里面 ，8个div里面放置对应的八张图片 给body父盒子设置弹性布局，并让它水平、垂直居中...

一、 css3新增选择器 01. 子级选择器 子级选择器用于选取带有特定父元素的元素。 书写语法：element1>element2 注： 如果element2元素不是父元...

我们传统的前端更多的是用javascript实现各种复杂动画，自从有了Css3 transition和animation以来,前端开发在动画这一块有了更高的自由度和格局,对...

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

linear-gradient() 函数用于创建一个线性渐变的 "图像"。为了创建一个线性渐变，你需要设置一个起始点和一个方向（指定为一个角度）的渐变效果。你还要定义终止色...

本次案例为（水纹波动），不用js写动画，只要善于运用css3就能实现水纹层层扩散的效果。 1. border-radius ( 给div元素添加圆角的边框 ) 属性：可以设...

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

思维导图 常用的布局套路 一、头部底部固定，中间自适应，中间盒子里左盒子固定右盒子自适应宽度 代码片段 二、上面固定，左侧固定，右侧内容可滚动 1.relative,fix...

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

我们工作中免不了运用promise用来解决异步回调问题。平时用的很多库或者插件都运用了promise 例如axios、fetch等等。但是你知道promise是咋写出来的呢...

在介绍postion之前，有必要先了解下文档流。 简单说就是元素按照其在 HTML 中的位置顺序决定排布的过程。HTML的布局机制就是用文档流模型的，即块元素（block）...

css常用样式-背景属性 01.背景颜色background-color 属性名：background-color 作用：在盒子区域添加背景颜色的修饰。 加载区域：在bor...

一、浮动定义 浮动使元素向左或向右移动，周围元素重新排列。 属性名：float，漂流、浮动的意思。 属性值： left 左浮动 right右浮动 none 不浮动 作用：让...

一、HTML元素的分类 01.块级元素(block) 常用元素： div、h1~h6、center、dir、dl、dt、form、hr、ol、p、table、ul ... ...