limingru

可以看到，它分成了两部分，视窗里每一个可以滚动图片都被包裹在了 CarouseItem 里，之所之样设计，是可以在父组件里通过 this.$children 拿到所有子组件的根节点$el，方便后续的操作。 CarouselItem的布局非常非常，内部就是一个 slot，组件根元…

本篇文章是包教包会，和你实现一个Promise的第三篇文章。因为这个小系列旨在完成一个符合规范的Promise，而且这三篇文章有前后关系，如果没有看过前两篇，第三篇看起来会有些莫名其妙。要是没看过，还是建议先看下前两篇。在这里： 到目前为止，我们的MyPromise虽然可以用了…

本篇文章是《包教包会，和你实现一个Promise》的第二篇，紧接着第一篇的内容。所以，如果你还没有看过第一篇，你可能需要看一下包教包会，和你实现一个Promise（一）。 第一篇我们已经实现了一个形式上非常类似Promise的MyPromise，但是尽管使用形式有点像，它离完全…

大约从半年前开始，就想试着写一个符合规范的Promise，但是一直写不出来，期间也看了不少Promise的文章，但是通常看了一点就看不懂了。最近几天，又仔仔细细地研究了一遍并查阅了很多文章，终于彻底整明白了Promise了。之所以要写这个小系列文章，是因为我觉得网上大部分写Pr…

下面可供选择的options用的是绝对定位；同时input设置了readonly，使input变的不可输入，整体布局很简单。 这两项目功能都挺简单，先来完成第一个，点击input框切换显示options，借助v-show就好。 如上所示，在选项里添加v-show="showOp…

为了更快显示出效果，我把时间设成了5秒。按钮在点击之后会出现倒计时，同时按钮变为不可点击状态，样式也发生变化，鼠标悬浮上的样子也会发生变化。 在data里加了两条数据，一条用来记录时间，一条用来盛放倒计时按钮的具体内容。在countDown函数里我们用了setInterval定…

最多时候有11个标签页，包括两个 ... ，但是它们不能点击，所以我也把例子里的页码设为11 首页和尾页都保留，第二个页码和倒数第二个页码都为 ... ，同时页面从当前页码位置向两侧算 从上面的思路来看，页码具体如何呈现由当前页码的位置决定，所以我们要在data里设置一个cur…

在制作这个组件之前，笔者google了不少关于轮播的文章，发现实现一个轮播的思路虽然各有不同，但是大的逻辑其实差不多，本文主要依据慕课网上焦点轮播图特效这节课，不过慕课网主要用原生JS写，而笔者则用Vue进行了重构，并且进行了一点修改。完成后的组件效果图如下： 1. 要写一个什…

在ES6语法之前，JS中的函数由function关键字、params参数和被花括号包裹的函数体组成。为了与后面说到的箭头函数相区别，我们先把这样的函数叫做常规函数，常规函数既可以用声明式写法也可以用赋值式写法。例子： 2. 箭头函数的写法 ES6箭头函数的引入，使函数的写法变的…