Evan's Blog ٩(๑❛ᴗ❛๑)۶

一个后端，在前端的道路上从零踩坑总是很困难的，要做混合开发，不得不学呀 TnT。简单总结下常见的块级元素和行内元素，顺便说明下区别。一、常见的块级元素块级元素：块级大多为结构性标记 <address>...</adderss> <center>...</center> 地址文字 <h1>...&l...

前段时间，临时去顶替前端开发，要求实现一个阻尼效果。其实这种类似轮播图的相关功能，有很多插件可以完成，例如：swiper、better-scroll等等。如果只想使用JQuery来完成的话，不妨看看下面的示例代码。一、html<div id="slides"> <div class="slide"></div> <div class="sl...

一、需求描述在开发过程中，会碰到一些选择器的需求：例如使列表中的第一项或者最后一项显示不同的样式 、列表中的奇数或者偶数项显示不同的背景色 . . . 等等。我们可以通过 CSS 来实现这样的效果，CSS 给我们提供了几个样式参数：first-child、last-child、nth-child(n)。二、使用方法的代码示例1.常见使用方法first-child first-child：选择列表中的第一个标签。举例：第一行字体显示为红色，代码如下：li:first-child{ c

一、前言开门见山的说，transition、transform和translate这三者经常有人搞混，先把这三者做一个简单解释：transform是 转换，指的是改变所在元素的外观，它有很多种手段(转换函数)来改变外观，例如 位移、缩放、旋转 等，而其中的位移的函数名就叫translate，所以说，translate是transform的一部分。transition是 过渡，指的是某个CS...