玉逍遥

前言 本来只是想写个 Vuet 实现登录退出的例子的，但是又觉得这样干货太少。一个好的开源项目，少不了单元测试和 e2e 测试，为了保证 Vuet 教程的丰富性和程序的稳定性，所以我选择了写的例子即能当教程使用，也可以用于测试，丰富的应用场景和测试，能保证日后的版本迭代不会因为修复了一个 b…

前段时间在网上陆续看了很多关于 Event loop 的文章，看完也就混个眼熟，可能内心深处对这种偏原理的知识有一些抵触心情，看完后也都没有去深入理解。最近在看 Vue 的源码，在读到关于 nextTick 的实现时，总有一种似曾相识的感觉，于是去网上查了下资料，原来 next…

value1是data中的值，当滑动滑块时这个值也会改变。我们先从slider-button这个按钮组件进行分析，因为它才是核心，该组件的代码200多行，可见不简单啊，仅仅一个子组件就那么多,html结构如下 这是一个wrapper里面嵌套了一个div作为button的主体,最…

关于开关组件，之前自己写了一个，其实这个组件是不需要绑定任何click事件的，也就是说js部分几乎可以不写，核心思想就是利用<input type=checkbox>的checked属性，当鼠标点击input时，会切换其checked属性，这是原生checkbox的特性。下面是…

上图是点击推荐选座5人后选出的座位(绿色)，这个demo和美团app不同的地方在于可以连续进行推荐选座，美团app点击了推荐选座就必须买票才能继续选择。 这里注意vue中改变data中的二维数组必须先缓存二维数组，修改后，最终将二维数组重新赋值，否则修改不生效，因为Vue无法侦…

轱辘 UI 是一个不太一样的 UI 框架。 本 UI 框架是一个「面向源码阅读者」的框架。如果对你有帮助，请不要吝惜你的 star。 也就是说，我制作这个框架的目的就是让前端新人学习轮子的制作思路。所有代码都追求可读性。 （抱歉，由于制作非常耗时，所以视频是收费的。不过项目搭建…

实现一个深克隆是面试中常见的问题的,可是绝大多数面试者的答案都是不完整的,甚至是错误的,这个时候面试官会不断追问,看看你到底理解不理解深克隆的原理,很多情况下一些一知半解的面试者就原形毕漏了. 我们就来看一下如何实现一个深克隆,当然面试中没有让你完整实现的时候,但是你一定要搞清…

Element中和该组件相关的文件有main.vue和menu.vue2个文件，前者代表输入框部分，后者代表下方的级联选择部分，以及附加的js文件popper.js以及vue.popper.js，用来处理弹出框逻辑，前面文章介绍过，这4个文件总代码量2000行左右，首先要明确，…