分页组建感想
刚到公司,CTO让我熟悉代码,各个组建脉络有个了解,但是对于js的语法风格真的忍不住吐槽,整个网站的js就写在一个jquery的 $(function(){})里面。唉 初来乍到,对于这种垃圾我当然要忍住,毕竟万一公司让你自己重新写一套呢+_0+,为了可以以后有时间光荣的泡妞,还是忍住。
昨天看到公司的分页器组建,自带bug,这种修修补补的当然落在巨人的肩膀上,我找了找源码,发现那叫一个乱啊 (老板有血浆卖吗,我血快吐完了),bug是点击下一页有时候会跳出0页,翻看代码发现是一个if里面的变量没给+1,本来是1的变成0,哦~这里还是说下这个分页器的原理吧:点击下一页,当前变量加一,然后判断这个变量的位置,前面给append几项,这个变量之后append页面剩余几项,大概就是这样原理。然后我看到这样的每次要去append元素的做法当然不能忍,本吊本着能重绘的就坚决不回流的原则,脑子想起来了未来,如果把点击下一页把current变量+1 ,分页器无论怎么点,都保持currend变量正确,上面的分页只要改变颜色就ok了,分页对应的内容根据current值请求服务器,然后append到页面。觉得这个想法甚好 ^_^o
昨天写的,现在直接贴出源码吧,一个一个讲会太累
https://github.com/chenjianfang/pageTools/blob/master/clickChangeDiv.js //源码地址
发现分页并不比轮播图好做,在学校群里装B,我的前端启蒙人说5分钟搞定 你粗来 我保证不打死你。
分页器逻辑略复杂,我暂时只是写了点击下一页 上一页 和直接点击项,这里主要是这个问题想了很久,当直接点具体项的时候,然后点击下一页,颜色块移动的问题。当点击下一页 然后点击具体某一项 然后点下一页,其中再点上一页,也是一个逻辑问题,也要考虑到变量问题(好吧,我承认,当时我想这个的时候脑子内存不足了)。
先到这,有空继续补充并把分页写完,完python去了(逃