模板进化记
现用模板是基于子恒大佬(博客链接)的beginning 模板作了一些修改。
在两个星期的学习与踩坑后,总算有了一点进展。
2023.11.20
用JS写好了侧栏的时光滴答widget用来代替不能正常显示的日历widget。但发现它的运行会影响其它JS脚本。(JS是单线程的,无法同时运行两个脚本。)
#2023.11.24
今天终于解决了时光滴答和轮播的同时运作。
原理想通之后很简单:在运行时光滴答的函数里增加一个变量,每秒自加一次,达到指定次数后(比如5次,代表5秒)运行一次轮播,然后此变量重新归零并再次每秒自加。
2023.11.26
1,时光滴答widget终于和模板的JS大部队兼容了!!
在仔细拜读了原模板里的JS脚本后,发现整个脚本就是一个大的function,里面集成了网站需要的各种功能。于是尝试着把时光滴答的代码加进去,不work,后来通过修改里面的轮播速度,确定了模板执行的是main.min.js,这是一个压缩版的脚本,晦涩难懂,但幸好经过几天的JS基础学习,关键的部分的大体框架能看懂。
结合24号的思路,把时光滴答的代码同样压缩后,加上自加变量,小心翼翼地插入到控制轮播的代码里,终于成功运行起来了!!同时网站的其它JS功能不受影响。。。
现在最大的缺点就是:轮播的代码与时光滴答的代码要同时运行,否则时光滴答不显示。
****今天新疑问:为什么在header里指定的js文件是main但是起作用的是main.min.js? 难道这是JS的特性,会首先查找有没有同名的min.js文件?但是把min.js去掉后,main.js也不起作用。。
2,手机版的侧边栏也能正常显示了。
解决过程也很简单,就是突然想到display模式,福至心灵觉得与此有关,打开css文件查看后大呼果然如此!!!于是稍微调整一下样式,大功告成。
2023.11.27
日历可以正常显示了。
学习js过程中无意中发现jQuery是JS的一个强大的库,突然又一次福至心灵,怀疑日历的不显示是与此有关。引用了之后,立马正常显示了!!
人生太累,要学的东西太多~~~
PS: 我发现对于简单的编程项目,在遇到难题时总会产生点奇思妙想,并且行之有效。难道这是天赋?可惜了,现在才发现。
发表评论: