lassion

类似Tinder和探探的卡片效果的组件，社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果，就是类似我的女神邱淑贞这样。 其实我最早实现这个效果，是在2018年的时候，在weex上实现过一版。原帖请看这里：https://zhuanlan.zhihu…

一天造一个轮子，干就完了。 首先我们说说什么是响应式。数据模型发生变化可以发出相应(比如： 调用一个函数)就叫响应式。 具体到我们MVVM中 ViewModel的需要就是数据变了需要视图作出响应。 假定我们需要的是数据data变化时可以触发fn函数也就是作出相应，当然相应一般是…

近期热门文章（感谢掘友的鼓励与支持🌹🌹🌹）：做了一夜动画，就为让大家更好的理解Vue3的CompositionApi762赞🔥耗子尾汁，云开发的羊毛人人可薅！|🏆技术专题第七期征文32赞特别声明★★★

vue3已经RC版了，但是目前国内最流行的UI库还没有动静。 以下我把大体的步骤总结一下。 1. Fork代码 2. clone到本地 3. 安装依赖 4. 运行单元测试 5. 开发前同步官方最新代码 fork代码后，如果kkb主库有更新，需要手动拉去同步。 这个需要随时做 保…

调整后的结构 这个地方就不仔细说了。 接下来我们来重新编写测试Case，换用Vue3后需要使用vue-test-utils-next进行单元测试。 其实从写法上讲比原有的测试方案要简便很多。 实验中发下一个小bug 就是逆序属性修改后插槽中的元素没有响应重新排序。 经过调查发现…

为了方便大家写代码，vue.js给大家提供了很多方便的修饰符，比如我们经常用到的取消冒泡，阻止默认事件等等~目录表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind修饰符（实在不知道叫啥名字）表单

一般的 CSS 代码只会出现 UI 版式或者兼容性方面的小问题。但这里我们要分享一行有趣的 CSS，它可以直接让你的 Chrome 页面挂掉 :) 其实这台机器只有 8GB 内存，不过这不重要了。和让 JS 崩溃的红线容量 4GB 比起来，果然还是 CSS 更强大呢 :) 这行…

划重点，这是一道面试必考题，我就问过很多面试者这个问题，✧(≖◡≖✿)嘿嘿首先这是一道非常棒的面试题，可以考察面试者的很多方面，比如基本功，代码能力，逻辑能力，而且进可攻，退可守，针对不同级别的人可以

和很多小伙伴一样，我在开发Vue项目时也是基于官方vue-cli@2的webpack模版，但随着项目越做越大，依赖的第三方npm包越来越多，构建之后的文件也会越来越大，尤其是vendor.js,甚至会达到2M左右。再加上又是单页应用，这就会导致在网速较慢或者服务器带宽有限的情况…