• 在页面中显示电影排行榜

• 当单击“（收起）”链接时，排行榜中后三项的电影名称隐藏而且链接的文本更改为“（展开）

• ” 当单击“（展开）”的链接时，后三项的电影名称重新显示且链接的文本更改为“（收起）”

实现思路：

---

1. 新建 HTML 页面，使用

   和

   • 等标签制作页面加载时的初始效果

2. 在页面加载完毕事件中，给 （收起） 标签的单击事件绑定方法

3. 在 标签的点击事件方法中判断无序列表的后三项是否可见。若可见，利用 css() 方法把后三项的display 属性设置成“none”，再利用 text() 方法，改变 标签的文本为“展开”；若不可见，利用 css() 方法把后三项的 display 属性设置成“list-item”，再利用 text() 方法，改变 标签的文本为“收起”

实现代码：

---

影视排行榜(收起)

• 捉妖记 2
• 战狼 2
• 奇门遁甲
• 猫妖传
• 时空终点
• 前任3：再见前任
• 冰雪奇缘
• 极品飞车

• ES6

  • 列举常用的ES6特性：

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

  • let、const、var

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

  • Set数据结构

  • 拓展：数组去重的方法

  • 箭头函数this的指向。

  • 手写ES6 class继承。

  

  微信小程序

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

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

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

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

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

  • 简述微信小程序原理？

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

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

  

  其他知识点面试

  • webpack的原理

  • webpack的loader和plugin的区别？

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

  • 防抖、节流

  • 浏览器的缓存机制

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

  • 项目类问题

  • 笔试编程题：

  

  最后

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