分页组建感想
Posted chenjef
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了分页组建感想相关的知识，希望对你有一定的参考价值。
刚到公司，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去了(逃
以上是关于分页组建感想的主要内容，如果未能解决你的问题，请参考以下文章