在网上冲浪的时候，看到有这么一个网页效果；如下图： 分析： 从图中我们可以看出，当我们鼠标移入的时候，下划线冲左侧开始展示；当鼠标移出的时候，下划线从左侧开始消失 既然我们知道了大致的效果，那我们就得

面试还是不会手写题，被面试官各种手写题虐得体无完肤。别着急，本文总结了前端高频手写题，只要认真看完，我相信你一定会有所收获。

我相信绝大部分的同学面试的时候都碰到过面试官问的一个问题，那就是前端项目优化。这是一个非常发散的问题，涉及到的面很广。因此我也总结了一篇5000字的文章总结了从分析到实施阶段能做的一些事情。

1. params传参，必须使用命名路由的方式传参； > 2. params传参，不会显示在地址栏上，会保存在内存中，刷新会丢失，可以配合本地存储进行使用; > 3. query的参数会显示在地址栏，

最近在工作中做了一些响应式布局的功能和可视化大屏的开发，所以这里我也整理一下用到的响应式布局方案作为未来项目开发的参考方案 常用实现方案 flex 布局 flex 布局一把梭能解决绝大多情况下的响应式

HTML 中每个元素都是盒子，布局就像搭积木一样，从上往下挨个堆盒子，就能完成各式各样的页面，然而多实现几个页面就会发现：文档流中任意一个元素位置调整都会影响后面的元素，这时就需要利用到定位。

事件委托 1.将事件绑定给已存在的父容器，让子元素进行触发 2.它利用了事件委托的原理，当子元素触发事件之后，会将事件冒泡给父容器 3.如果想对真正触发事件的元素进行处理，可以使用e.target获取

今天在项目中遇到了很多很多需要弹出一个对话框的场景，由于之前全都是通过 **v-if** 来控制这个组件的显示与否，这样就造成了很多页面莫名多出了很多不相关的代码，极度不优雅。所以我尝试去实现了一个函

项目当中前端代码会遇到同一个请求向服务器发了多次的情况,我们要避免服务器资源浪费,同一个请求一定时间只允许发一次请求,如果业务简单可以用定时器做防抖,如果业务复杂我要通过ajax库统一取消ajax请求