前端

Vue中使用DPlayer播放Hls(m3u8)视频

H5中有很多播放器可以使用,比如DPlayer、Video.js,这里不是去做播放器之间的对比,而是基于DPlayer,总结一下在Vue中如何使用,以及相关的一些关键点,比如播放Hls(m3u8)视频,以及播放成功和失败的事件监听。

iView Input控件中输入小数提示“请输入有效值。两个最接近的有效值分别为*和*”

在Vue中使用iView UI的Input控件时,在type="numebr"并输入小数的时候,会提示“请输入有效值。两个最接近的有效值分别为a和b”的问题,其中a和b是所输入小数的上下两个整数。有一些提到的方法是使用step控制,但针对iView的Input无效。如果是使用iView来解决,那么可以通过换成InputNumber控件来解决问题。

Vue中使用axios与服务端交互

Vue中Javascript与服务端的异步数据交互,都是推荐使用axios库,而不是之前使用jQuery中的ajax方式。的确axios在使用起来也是非常方便,而在Vue中使用jQuery还需要增加一系列配置,总体jQuery与Vue不是非常契合。这里总结一下Vue中使用axios的基本用法。

Vue中引用第三方JS文件

使用Vue时会经常使用jQuery、bootstrap这类第三方工具库,而boostrap的渲染不仅依赖于jQuery js文件的加载,也依赖于HTML中DOM树内容的加载。但Vue中DOM树是有Vue的app.js动态生成,因此js文件的引用顺序关系boostrap是否能够渲染成功。