借助于JavaScript window对象所提供的计时触发函数setInterval可以实现前端动画效果的设计与制作。本例主要以setInterval方法为基础介绍简单数字时钟的开发实例。
所需素材
本数字时钟设计实现格式为00：00：00类型结构的数字时钟，因此需要准备时钟显示相关数字及间隔符号的素材。最终实现效果如下所示：
2024年08月28日
借助于JavaScript window对象所提供的计时触发函数setInterval可以实现前端动画效果的设计与制作。本例主要以setInterval方法为基础介绍简单数字时钟的开发实例。
本数字时钟设计实现格式为00：00：00类型结构的数字时钟，因此需要准备时钟显示相关数字及间隔符号的素材。最终实现效果如下所示：
2024年08月28日
点击上方蓝字关注“小郑搞码事”，每天都能学到知识，搞懂一个问题！
关于用样式来处理图片自适应的问题，下面分析一下两种法。
有一个做法，大家都很熟悉，图片作为div的背景。然后，应用background-size和background-position这两属性，就能很方便地按比例来缩放。
2024年08月28日
相信也有不少朋友跟我一样，曾经都对 background-position 产生过错误的理解。
background-position:0% 0%;
这表示背景图片的左上角与容器的左上角对齐？的确是这个现象，但话不能这么说，因为 background-position 计算位置时用的并不是背景图片的左上角作为基点。
2024年08月28日
说明：background-size 规定背景图像的尺寸 属性值
length (10px) 规定背景图的大小。第一个值宽度，第二个值高度。（直接定义背景图的大小）
2024年08月28日
背景属性
常用属性
属性值解释background-colorred背景颜色background-imageurl(“”)背景图片background-repeatrepeat;no-repeat;repeat-x;repeat-y图像平铺;不平铺;按x轴平铺;按y轴平铺background-positionunset;left;right;center;top;bottom;20px背景定位、对齐方式，靠上层边框的位置，如果只写一个值，其他值值默认居中background-attachmentfixed;scroll背景浮动，如果页面元素过多有上下拉条就这个参数就可以定义是否跟随拉条一起浮动background-sizelength/percentage/cover/containlength：设置背景图像的高度和宽度，第一个值设置宽度，第二个值设置高度，如果只设置一个值，则第二个值会被设置为 “auto”。
2024年08月28日
在之前的很多文章中，我们基本是针对特定的题目，然后写代码来进行讲解的。今天这篇文章我们改变一下方式，总结一些常见的问答题，来看看这些问答题你们都回答的上来吗？
前端
2024年08月28日
面试官：雅虎军规你知道多少？
我一时摸不着头脑，心想：“啥军规，干啥的，没听过呀！”
这是我前几年去面试的时候，面试官问的问题，事后我就专门查了一下，我去，这不就是前端优化么，说的那么高大上，直接说有哪些优化不行么，起码也不至于一个字我也回答不上来，避免有朋友和我一样的情况，今天和大家聊一聊雅虎军规。