基础能力测试

第一部分：

1. 文档流的理解
2. 定位方式有哪些，哪些脱离了文档流
3. 清除浮动的原理是什么？如何解决高度坍塌
4. 使用flex布局：20个元素，一排三个，两端对齐布局，每个元素等宽。

类似这样

5. 简书首页文章列表项中，布局如何实现，如果要规定标题智能占一行，超出省略号实现，如何处理？文章简介是如何处理的？要做到图片不变形，应该如何处理。

6. div元素的本质是什么？

7. 对css动画了解多少

8. https://www.itiger.com/ 这个页面加载完成之后部分元素以动画的形式进入页面如何实现

9. 类似这种时间轴的布局如何实现 https://codepen.io/yangbo5207/pen/pywxRx
   

   image.png

10. 重绘回流了解吗？是否知道如何在chrome浏览器中观察页面重绘变化?

11. 聊聊对响应式的理解

第二部分：

1. 基础数据类型有哪些
2. 基础数据类型与引用数据类型的差别
3. js的隐式转换以及应用场景
4. 如何判断空数组
5. 如何判断一个数据的类型
6. call/apply/bind的使用与区别
7. 如何理解闭包
8. 闭包，单例模式，模块化的关联理解
9. 如何理解变量对象与活动对象。
10. 如何函数执行上下文。函数调用栈，实践中如何运用函数调用栈定位bug
11. 如何理解事件循环
12. 从实践角度来理解，函数中传入函数作为参数有什么意义，forEach比for循环好在哪里？
13. forEach与map的各自使用场景是什么

第三部分：

1. 如何使用js控制div元素在页面移动
2. 对点击事件和移动事件的理解
3. 如何实现拖拽
4. 是否知道如何使用原型封装拖拽元素
5. 使用ES6的class封装拖拽
6. 如何实现元素的匀速运动，加速运动等各种运动方式
7. 封装tab切换组件
8. 封装轮播组件
9. 如果要加入运动各自如何实现？

其他：

在实践项目中再看情况而定。