携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天 今天分享一下，我们项目当中的一些webpack配置，希望能给大家有所启发；只要配置多了，你就会发现其实所有的配置的都是相似的

一个开箱即用的景深卡片轮播组件。 这个组件值得记录下来的是把数据驱动视图的思路更好的进行了一次展示，这也是基于框架开发和原生开发的一个重要的转变。

拖了很久的下拉刷新Vue组件——终于来了，其实写了很久了，一直拖着没写文章... touchstart: 手指触屏触发的事件，主要工作是在触发时获取鼠标点击的Y坐标，event.touches[0].pageY。 touchmove: 手指滑动触发的事件, 主要工作是在触发时获…

lazy：将触发input事件转为触发change事件，在某些场景下来降低数据同步频率提升性能。 number：自动将用户的输入值转为数值类型。 我们看到组件会接收一个属性为modelModifiers的对象，上面示例给出了默认值{}，然后在生命周期函数created中拿到了修…

我对 Element 的 Table 做了封装，通过 columns 数组即可渲染出多个列，还支持自定义渲染，自定义列等其他功能

vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中，他们分为三种： 注：参数或查询的改变并不会触发进入/离开的导航守卫 (你可以通过观察 $route 对象来应对这些变化，或使用 beforeRouteUpdate 的组件内守…

说到Vue的钩子函数，可能很多人只停留在一些很简单常用的钩子(created,mounted)，而且对于里面的区别，什么时候该用什么钩子，并没有仔细的去研究过，且Vue的生命周期在面试中也算是比较高频的考点，那么该如何回答这类问题，让人有眼前一亮的感觉呢... 有的时候，我们需…

在使用 vue-element-admin 后，我觉得它通过 vue-router 生成导航菜单功能挺有意思的，所以阅读了一下他的源码，自己简单的实现一下。 文章主要关注如何生成导航菜单，以及子菜单的展开收缩管理，还有点击菜单的激活状态管理。为了避免文章过长，所以就不写登录页、…

倒计时这种需求非常常见。在我接触的项目中，已经做过N个倒计时的需求。常见的场景有电商项目中的秒杀抢购活动倒计时，短信验证码等。 现在再一次碰到了倒计时的需求，是一个答题倒计时的场景。具体效果如图。 要实现倒计时，就需要来回顾一下JavaScript中的定时器相关知识。 setI…