2024年前端最全基于jquery的web分页实现(1)，阿里P7大佬手把手教你

ES6

• 列举常用的ES6特性：

• 箭头函数需要注意哪些地方？

• let、const、var

• 拓展：var方式定义的变量有什么样的bug？

• Set数据结构

• 拓展：数组去重的方法

• 箭头函数this的指向。

• 手写ES6 class继承。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

微信小程序

• 简单描述一下微信小程序的相关文件类型?

• 你是怎么封装微信小程序的数据请求？

• 有哪些参数传值的方法？

• 你使用过哪些方法，来提高微信小程序的应用速度？

• 小程序和原生App哪个好？

• 简述微信小程序原理？

• 分析微信小程序的优劣势

• 怎么解决小程序的异步请求问题？

其他知识点面试

• webpack的原理

• webpack的loader和plugin的区别？

• 怎么使用webpack对项目进行优化?

• 防抖、节流

• 浏览器的缓存机制

• 描述一下二叉树, 并说明二叉树的几种遍历方式?

• 项目类问题

• 笔试编程题：

最后

技术栈比较搭，基本用过的东西都是一模一样的。快手终面喜欢问智力题，校招也是终面问智力题，大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了，建议回去补一下。

===============================================================================

文章目录

• 基于jquery的web分页实现

• • 1.前言

• 2.工具

• 3.写代码之前的思考

• • 1.首先一个分页由一下几个部分组成：

• 2.具体分析

• 4.具体操作

• • 对<< 和 >> 的控制

• 控制方块数字的变化

• 对数字的变化控制关键步骤

• 触发事件的代码

• 小方块背景颜色的控制

• 页面实现代码（使用jstl动态控制）

• 5.完整js代码

• 6.效果图

1.前言

---

之前写过一次web分页的实现，但是那次写得不够完美，还有许多需要改进得地方。其次上次写得那个是使用原生js写的，代码量比较多。所以这次选取了jquery来实现。其实思想都是差不多的。虽然这次实现完成了，但是我觉得很有必要将自己实现的东西好好总结一下。在我看来，其实学编程就是要善于总结。所以很有必要取描述一下我写这个作品的思路。

2.工具

---

1.jquery版本：jquery-1.11.0.js

2.分页视图：使用bootstrap实现。不过只给出了视图效果，其他逻辑没有给出，所以需要自己编写。

3.使用jstl语法动态展示数字方块的数量。因为这次分页的实现是在用jsp写一个小项目时需要用到分页，所以采用了jstl来动态展示分页。

4.数字变换和<< 、>>的业务逻辑使用jquery实现。具体见代码。

3.写代码之前的思考

---