标签 VUE 下的文章

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

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

- 阅读剩余部分 -

官方解释

混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。

mixin的作用是多个组件可以共享数据和方法,在使用mixin的组件中引入后,mixin中的方法和属性也就并入到该组件中,可以直接使用,在已有的组件数据和方法进行了扩充。

- 阅读剩余部分 -

最近在看element-ui的源码,发现了一个这样的属性:inject

provider/inject:简单的来说就是在父组件中通过provider来注入,然后在子组件中通过inject来引用。这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。

官方文档:https://cn.vuejs.org/v2/api/#provide-inject

- 阅读剩余部分 -

问题:

在页面源文件index.html的标签之间插入

<link rel="shortcut icon" href=" /favicon.ico" /> 

仍旧无法加载图标

解决方法:

HtmlWebpackPlugin插件中加入小图标,Vue脚手架时修改webpack.dev.conf.js配置文件:

new HtmlWebpackPlugin({
  filename: 'index.html',
  template: 'index.html',
  favicon: './favicon.ico', // 添加小图标
  inject: true
}),

不要忘记webpack.prod.conf.js中也需要添加

注:( favicon.ico放入根目录。)

最近在做政府的项目,需求要一个日历面板支持农历节日节气显示,搜了好多都不太满意,于是自己动手造了一个轮子。这款日历应该说功能比较强大,样子大概这样:

2019-11-05T01:49:25.png

现在暂时还处于测试阶段,代码已经开源,大家也可以测试测试看看现在日历面板还有哪些bug需要修复的,可以留言,我在休息时间会改一改。

- 阅读剩余部分 -

Vue CLI3出了有一段时间了,但是项目上面还是用的Vue CLI2,最近看到小伙伴在研究,于是抽了一个下午加晚上的时间,把vue.config.js这块配置好。项目中用的是Sass,希望是公共的样式提取到一个scss文件中,页面单独的样式就写在vue里面,这样后期维护比较方便。

- 阅读剩余部分 -