王叨叨

在vue构建页面的顺序为，父组件构建 → 子组件构建 → 父组件获取异步数据 → 子组件获取父组件异步数据 → 子组件更新，也就是说构建的时候生命周期只会执行一次。

- 阅读剩余部分 -

上次《GitHub Action初探》只是简单的说明了下大概，这次是演示如何使用 GitHub Actions 自动发布一个 Vue 应用到 GitHub Pages。

代码我已经托管到GitHub上了，文末会放出。

- 阅读剩余部分 -

周末随手看Vue的api文档，看到了vm.$attrs这个，官方是这么解释的：

包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定 (class 和 style 除外)，并且可以通过 v-bind="$attrs" 传入内部组件——在创建高级别的组件时非常有用。

看完之后发现，这些解释比较晦涩，官方也没有具体的例子来解释！还是自己动手整个demo来看看吧！！！

- 阅读剩余部分 -

之前用cli脚手架搭完之后，直接把vue.config.js丢项目根目录就完事了，前几天用脚手架重新搭了个项目，安装完各种依赖之后，运行竟然莫名其妙的报错了：

ValidationError: Invalid options object. Sass Loader has been initialised using an options object that does not match the API schema.

- 阅读剩余部分 -

本文章适用于用Cli3脚手架搭建的项目，这里我拿已有项目为例，所以项目搭建之类的就不在这里一一描述了。

- 阅读剩余部分 -

什么是HLS,RTSP,RTMP

HLS 协议：基于HTTP协议的流直播（wikipedia）。苹果推出的解决方案，将视频分成 5-10 秒的视频小分片，然后用 m3u8 索引表进行管理。由于客户端下载到的视频都是 5-10 秒的完整数据，故视频的流畅性很好，但也同样引入了很大的延迟（HLS 的一般延迟在 10-30s 左右）。相比于 FLV， HLS 在iPhone 和大部分 Android 手机浏览器上的支持非常给力，所以常用于 QQ 和微信朋友圈的 URL 分享。

RTSP（Real-Time Stream Protocol）由Real Networks 和Netscape共同提出的，基于文本的多媒体播放控制协议. RTSP定义流格式，流数据经由RTP传输；RTSP实时效果非常好，适合视频聊天，视频监控等方向。

RTMP 实时消息传输协议，由Adobe公司研发，但当前还没有收入国际标准（wikipedia）。协议比较全能，既可以用来推送又可以用来直播，其核心理念是将大块的视频帧和音频帧“剁碎”，然后以小数据包的形式在互联网上进行传输，且支持加密，因此隐私性相对比较理想，但拆包组包的过程比较复杂，所以在海量并发时容易出现一些不可预期的稳定性问题。

- 阅读剩余部分 -

Jenkins是一个开源软件项目，是基于Java开发的一种持续集成工具，用于监控持续重复的工作，旨在提供一个开放易用的软件平台，使软件的持续集成变成可能。

懒，是第一生产力，如果在页面上点点按钮，然后就可以把以前打包上传服务器的事都解决了，这样不是有更多精力干别的事了？

- 阅读剩余部分 -

国际化（internationalization）是设计和制造容易适应不同区域要求的产品的一种方式。它要求从产品中抽离所有地域语言，国家/地区和文化相关的元素。换言之，应用程序的功能和代码设计考虑在不同地区运行的需要，其代码简化了不同本地版本的生产。开发这样的程序的过程，就称为国际化。

虽然国际化在政务产品用的不多，但是，对于喜欢折腾的我，感觉还是有必要的去了解一下，作为一个知识储备。

- 阅读剩余部分 -

Vue官方文档，是一个值得反复去浏览研究的，今天在翻文档的时候，发现了动态组件，里面有一个属性是is。看了一下文档，上面说了is的两个作用！

- 阅读剩余部分 -

由于 JavaScript 的限制，Vue 不能检测以下变动的数组：

1. 当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue
2. 当你修改数组的长度时，例如：vm.items.length = newLength

- 阅读剩余部分 -