![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 92
Conan9912345
这个世界不会以一时的成功论英雄,也不会以偶然的失误判输赢!
展开
-
写个时钟(进阶篇)
在“写个时钟(行为篇)”中,我们通过JavaScript动态创建的时针、分针和秒针,并直接在JavaScript中通过控制行内样式的transform 属性,设置rotate的值,实现指针的旋转。这样的方式,对于DOM的控制消耗较大,若放到大项目中,对项目性能具有一定的影响,也让JavaScript代码较多,降低了可读性。而且,设置实时时间的setRealTime函数,我们使用了递归调用,每隔一秒钟调用一次,那么每隔一秒钟就会运行整个函数一次,感觉简直是资源的浪费。原创 2024-06-30 17:07:38 · 921 阅读 · 0 评论 -
写个时钟(行为篇)
通过对样式篇的源代码进行观察,我们会发现,只用一个div 元素做表盘,并使用对应的before和after两个伪元素做时针和分针,那么一共只能是三个元素。需要显示秒针和表盘上的刻度,我们需要更多的元素来展示。那么今天,我们就把秒针和刻度显示出来,并且让时钟与真实的时间同步。原创 2024-06-26 22:19:38 · 955 阅读 · 0 评论 -
【欧洲杯】用纯前端写一个滚动的足球(下)
怎么样?正五边形简单吧?那么今天我们继续,把整个滚动的足球写出来吧。一个传统足球表面有12 个正五边形。为了便于理解,我们使用地球模型来做讲解。最简单的,我们在南极和北极各放一个正五边形。这两个五边形从正常的屏幕主视角(也叫做前视角)看上去,都是几乎处于水平位置。即:这两个正五边形围绕X轴分别向上或向下旋转90deg。然后我们需要在北半球和南半球的相同维度各放置五个正五边形。北半球的五个应该放在北纬 30deg的地方,同样南半球。原创 2024-06-24 10:09:36 · 696 阅读 · 0 评论 -
使用惰性函数优化页面滚动事件的性能
使用惰性函数,改善函数需要执行的部分,提高运行效率。原创 2024-06-20 11:11:01 · 905 阅读 · 0 评论