CSS 垂直居中方法很简单

CSS 垂直居中方法很简单

12-09阅读(43)Tom

在 CSS 中对元素进行水平居中是非常简单的:如果它是一个行内元素,就对它的父元素应用 text-align: center;如果它是一个块级元素,就对它自身应用 margin: auto。然而如果要对一个元素进行垂直居中,可能光是想想就令人头皮发麻了。…

JavaScript中Array方法的正确打开方式

JavaScript中Array方法的正确打开方式

12-08阅读(15)Tom

在过去的几个月,我发现我的拉取请求中存在四个完全相同的 JavaScript 错误。于是我写了这篇文章,总结了如何在 JavaScript 中正确使用地使用 Array 的方法! 用 Array.includes 代替 Array.indexOf “如果你要在数组中查找元素,…

background-attachment 背景图片固定文字滚动

12-08阅读(13)Tom

关于background-attachment 也不算是一个比较生僻的属性,基本上在做背景图片固定特别是全屏页面时用时就会用到。 概述节 如果指定了 background-image ,那么 background-attachment 决定背景是在视口中固定的还是随包含它的区块滚动的。…

写好的JavaScript代码为什么非常重要

写好的JavaScript代码为什么非常重要

12-07阅读(30)Tom

本文将通过简单的术语和真实世界的例子解释 JavaScript 中 this 及其用途,并告诉你写出好的代码为何如此重要。 this 适合你吗? 我看到许多文章在介绍 JavaScript 的 this 时都会假设你学过某种面向对象的编程语言,比如 Java、C+…

肯定有你不知道的一些CSS小技巧

肯定有你不知道的一些CSS小技巧

12-07阅读(23)Tom

黑白图像 这段代码会让你的彩色照片显示为黑白照片,是不是很酷? img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscal…

:matches() (:any()) 方便好用的伪类函数选择器

:matches() (:any()) 方便好用的伪类函数选择器

12-06阅读(43)Tom

:matches() CSS 伪类函数将选择器列表作为参数,并选择该列表中任意一个选择器可以选择的元素。这对于以更紧凑的形式编写大型选择器非常有用。 注意,许多浏览器通过一个更旧的、带前缀的伪类:any()来支持这个功能,包括旧版本的Chro…

创建CSS Grid 图像库(具有模糊效果和媒体查询)

创建CSS Grid 图像库(具有模糊效果和媒体查询)

12-03阅读(66)Tom

我们将用一组图片缩略图列表将它们转换为具有模糊悬停效果的响应式CSS Grid图库。我们还将使用一个很棒的CSS技巧来确保触摸屏用户也能体验到这种效果! 我们将执行以下操作: 使用CSS Grid排列缩略图,为我们提供响应式图库。…

Echarts给柱子设置不同颜色点击并改变颜色

Echarts给柱子设置不同颜色点击并改变颜色

11-29阅读(82)Tom

关于给Echarts柱子设置不同颜色的方案网上已经有了,不多啰嗦。其实就是通过设置itemStyle的color函数(可以当作函数回调),使其设置一组颜色值通过函数返回值的下标一一对应将颜色赋给柱子上,大致操作就是下面的一段代码 var colors …

wordpress引用脚本js文件的最佳函数wp_enqueue_script()

wordpress引用脚本js文件的最佳函数wp_enqueue_script()

11-16阅读(102)Tom

相信大部分人在制作wordpress主题引用js文件时,会直接在header.php或footer.php文件中或通过bloginfo()函数调用js文件,其实wordpress主题最佳引用js文件的方法是使用wordpress内置的wp_enqueue_script()函数,通过该函数可以安全地将ja…

你真的需要了解一下CSS变量 var()

你真的需要了解一下CSS变量 var()

11-14阅读(163)Tom

当Web项目变得越来越大时,他的CSS会变得像天文数字那么大而且还变得混乱。为了帮助我们解决这个问题,新的CSS变量很快就会出现在主流浏览器中,它让开发人员能够重用并轻松编辑重复出现的CSS属性。用过SASS或Less的人应该…