直播有一个很重要的互动：点赞。为了烘托直播间的氛围，直播相对于普通视频或者文本内容，点赞通常有两个特殊需求：点赞动作无限次，引导用户疯狂点赞直播间的所有疯狂点赞，都需要在所有用户界面都动画展现出来我们先来看效果图：从效果图上我们还看到有几点重要信息：点赞动画图片大小不一，运动轨迹也是随机的点赞动画图片都是先放大再匀速运动。快到顶部的时候，是渐渐消失。收到大量的点赞请求的时...

1、vue如果使用了v-html，则filter 不生效      改用全局方法吧 Vue.property.face = function(){}2、给局部元素监听scroll事件，根据这个元素里面的滚动，来判断加载下一页，@scroll= “scroll” 不生效。     改用手动注册scroll吧。<div class="list_main" ref="list_main">&...

用户下滑，加载新的视频播放，上滑看历史页面。1、布局，     手势下上滑要整体上下滑动，滑动距离不够，需要自动回退到初始播放页面，滑动大于最小距离，则需要翻页。      使用<ul><li></li><li></li>...</ul> ul{ width:100%;transform:translateY(0)}l...

浏览器强刷的时候，有时候明明代码已经执行了addEventlistener，但是在chrome上的event listener就是没有看到注册的，自然也不会响应事件 重点，有时候可以有时候不可以。后来发现是vue的原因，由于使用了vue的单文件组件，template里面的模板替换掉了html上的vue的el节点。所以实际上是有时候注册了事件，但是又被vue的模板重新替换掉了注册...

使用vue中，我们经常使用nextTick,来监听当前dom节点更新完成了，（微任务），然后执行回调，那vue是怎么做到的呢？1、定义执行了nextTick的callbacks,一旦最近的dom节点更新了，则会统一清除所有的callbacks，执行flushCallbacksconst callbacks = []let pending = falsefunction flu...

本篇不直接解读vuejs的双向绑定的原理，而是已读源码的视角来看vue是怎么做的。1、下载vuejs源码mkdir project && cd project && git clone https://github.com/vuejs/vue.gitnpm i2、开始一步一步读代码打开package.json。看看scripts，我们先只看dev，这...

模板方法注册core/instance/index.js （renderMixin） —》 core/instance/render.js(renderMixin) 里面执行方法installRenderHelpers(Vue.prototype)core/instance/render-helper/index.jsexport function installRenderHelpers ...

Vue3的源代码正在国庆假期就这么突然放出来了，假期还没结束，陆陆续续看到努力的码农就在各种分析了。目前还是 pre Alpha，乐观估计还有 Alpha，Beta版本，最后才是正式版。话不多说，看 Pre-Alpha。 瞧 compiler-core热门的 reactivity 被大佬翻来覆去再研究了，我就和大伙一起来解读一下 ”冷门“ 的 compiler 吧！????????????????如果你对 AS...