前端框架
前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。
以 Vue 为例，我整理了如下的面试题。
如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
下拉
下拉效果：
2.2 上拉函数 slideUp
slideUp ( speed，easing，fn ) ，可以带参数也可以不带，可以让元素以上拉的形式慢慢隐藏起来
上拉
上拉效果：
2.3 上拉下拉切换函数 slideToggle
slideToggle ( speed，easing，fn ) ，可以带参数可以不带参数，可以切换元素上拉下拉，其实是判断该元素是否显示，如果此元素是显示的，则给它上拉隐藏，如果此元素是隐藏的，则给它下拉显示。
切换
下拉显示效果：
上拉隐藏效果：
三：事件切换
=======
有了下拉上拉的基础，我们就可以写一个下拉菜单真正意义上下拉的效果啦，为方便起见我们只写了一个下拉菜单，并且 css 在文章结构中就不展示啦，需要的话在文章末尾自己取哦，所谓事件切换，是 jQuery 为开发效率及减少代码冗余问题得来的一个函数，多用于有去有回的事件，例如鼠标移上移走，点击打开和点击关闭这类双重事件，下面说明一下其用法：
$( ‘ele’ ) . hover ( function() {触发函数} , function() {移除函数} )
我们先看看不用切换函数的话应该怎么写：
3.1 下拉菜单普通写法：
目 录
- 第一章
- 第二章
- 第三章
3.2 下拉菜单切换函数写法：
目 录- 第一章
- 第二章
- 第三章
3.3 下拉菜单最简写法 ( 只有一个函数 )：
目 录
**实现原理：**里面只写一个函数的话，经过离开都会触发函数从而触发里面的内容- 第一章
- 第二章
- 第三章
四：动画排队现象：
==========
动画函数一旦触发必定执行完毕，意味着如果刚才的下拉菜单我们迅速地经过了十次，那么哪怕你不再移动上去，它也会把这十次给做完，这就是动画排队现象，这明显是不符合我们对下拉菜单效果的期望的，因此我们需要学习如何停止动画排队现象处理方法：stop ()
注意一定要放在动画函数的前面 ！！！这个方法就是触发时先停止之前的动画，再执行本次动画函数，其实有些类似于排他思想改进下拉菜单（停止了动画排队现象）：
五：淡入淡出效果
=========
淡入淡出最终目的一样也是元素的显示与隐藏，只不过这个更有科技感，像隐身一样消失，再像隐身解除一样地显现出来，下面是淡入淡出的几个方法：- fadeIn ( **speed，**easing，fn ) ：淡入
- fadeOut ( **speed，**easing，fn ) ：淡出
- fadeToggle ( **speed，**easing，fn ) ：淡入淡出效果切换
- fadeTo ( speed，opacity，easing，fn ) ：修改不透明度（speed，opcity 必写__）
参数含义：
参数 speed easing fn opacity 含义 速度参数，可写为 slow，nomarl， fast，也可以写成特定的毫秒数值 用来指定特定的过度效果，默认为 swing，可换为 linear，往往不写 回调函数，在动画执行完后调用动画函数内的内容 不透明度，取值 0-1
5.1 淡入函数 fadeIn
让元素慢慢的显示出来，参数可写可不写
淡入
淡入效果：
5.2 淡出函数 fadeOut
淡出
淡出效果：
5.3 淡入淡出转换函数 fadeToggle
用于淡入淡出的切换，其实为判断有没有显示或隐藏，如果显示了，就让其淡出隐藏，如果没有显示，就淡入显示
切换
淡入显示效果：
淡出隐藏效果：
5.4 不透明度改变函数 fadeTo
用于切换不透明度，参数为 0-1，这个 与 是 speed 必写参数
切换不透明度
不透明度切换效果：
六：自定义动画 animate
================
我们在原生JS 写过一个动画函数，并且封装在了单独的一个JS 文件中，随用随调即可，但是jQuery也给我们封装好了一个动画函数，并且比原生JS 的更加强大**用法：**animate ( params , speed , easing , fn ) params 为必写参数 ！！！
参数含义:
参数 params speed easing fn 含义 写想要更改的样式属性，以对象形式传递，必写 速度参数，可写为 slow，nomarl， fast，也可以写成特定的毫秒数值 用来指定特定的过度效果，默认为 swing，可换为 linear 回调函数，在动画执行完后调用动画函数内的内容
6.1 自定义动画animate 案例
例如我们想让元素移动到距离左边 300px，距离上面 200px，宽度增加100px，高度增加 50px，并且不透明度变为 0.7，并要求 2s 完成，完成后弹出 “我完成啦”，用自定义动画就及其简单啦，注意以对象形式传入要改变的属性
前端框架
前端框架太多了，真的学不动了，别慌，其实对于前端的三大马车，Angular、React、Vue 只要把其中一种框架学明白，底层原理实现，其他两个学起来不会很吃力，这也取决于你以后就职的公司要求你会哪一个框架了，当然，会的越多越好，但是往往每个人的时间是有限的，对于自学的学生，或者即将面试找工作的人，当然要选择一门框架深挖原理。
以 Vue 为例，我整理了如下的面试题。
如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
