对于直播业务场景，大家遇到问题时候获得的第一现场大多数都是从CDN观众端感受到，比如拉流发现主播卡了，有杂音，模糊，不出图等一类现象。在排查这类问题时候，其实从范围上讲，我们需要从两部分去排查。我们实时音视频云结合CDN直播构建的场景如下图所示： 左边是声网实时音视频云部分，右…

当我们在开发 web app 的时候，经常会遇到一个问题，就是当从一个可滚动的列表页进入到下一个详情页面，然后返回列表页面的时候，很难去还原滚动条的状态，无法记住进来时候的位置。 后来我参考 keep-alive 开发了 vue-page-stack 来保存 Vue 页面的栈，…

需求场景如下:实现了消息发送，如果容器内消息过多，会出现滚动条，最新的消息位于最底部，不能及时出现在可视区域内，此时就需要在渲染列表后，将滚动条的位置定位到最底部。先来看看最终实现的效果 使用setTimeout()，将DOM操作改为异步(我的解决方案)。

父传子：父组件：dataAndTime为传递到子组件的数据（绿色部分）子组件：用props接收数据，使用时this.dataAndTime子传父父组件子组件兄弟组件之间的传参eventBus组件1：组

第三种对象默认支持 4 种属性，并且都是非必填的。可以随意使用 在不定义 props 类型的情况下 props 接受到的均为 String。 $attrs 会获取到 props 中未定义的属性（class 和 style 属性除外）,支持响应式。常用的场景有俩种： 组件嵌套组件…

created时，可用data和prop中的数据。 computed的属性，当在mounted或者dom中使用到时，才会属性的执行代码。 最后是mouted，可使用前面的数据，并且此时才可以操作dom。 watch不会再创建阶段自动执行，除了添加立即执行这个配置项。 计算属性是…

最近总结的 web 直播在 vue 中的应用~

数据存储的利器啊，我之前是采用easy-mock，遗憾的是其只能使用get请求。 在json-server中 我们采用npm install -g json-server安装依赖。 新建文件夹store，下建index.js和mutation.js,这里我只建了mutation…

现在以http://localhost:8080/#/foo跳转到http://localhost:8080/#/foo/child/10000为例。 1. transitionTo 函数 当我们点击页面上的 to-child 时，会触发点击事件从而调用HashHistory的…