选用Video.js作为视频播放库，如果要支持hls m3u8还需要videojs contrib hls组件的支持。 安装Video.js 安装videojs contrib hls 创建一个vue的播放组件 src/components/VideoPlayer/index.vue 在页面中引用V ...
分类：
其他好文 时间：
2020-04-08 12:01:25
阅读次数：
52
网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各 ...
分类：
其他好文 时间：
2020-04-07 18:31:12
阅读次数：
79
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device ...
分类：
移动开发 时间：
2020-04-06 17:10:08
阅读次数：
70
1、安装jsonp cnpm install --save jsonp 2、jsonp API jsonp( url, opts, fn ) 3、封装jsonp方法 src/assets/js/jsonp.js import jsonp from 'jsonp'; /*data格式案例 { id:1 ...
分类：
Web程序 时间：
2020-04-06 15:54:03
阅读次数：
74
<html> <head> <meta charset="utf-8"/> <title>从上往下，从左往右</title> <style> ＃flex-container {flex-flow：column wrap; } #flex-container > :nth-child(4n - 2) ...
分类：
编程语言 时间：
2020-04-06 15:30:06
阅读次数：
351
1. flex项目使用auto margin flex项目使用了是auto margin，margin会占据所有剩余空间，将元素顶到另一边。并且margin的优先级高于flex项目的其他属性。 直接设置margin: auto，四个方向上auto，可以实现水平垂直居中： 利用此特性可以很方便是实现左 ...
分类：
其他好文 时间：
2020-04-06 15:26:49
阅读次数：
66
先看下IApplicationBuilder的扩展方法 public static IApplicationBuilder UseRouter(this IApplicationBuilder builder, IRouter router) { if (builder == null) { thr ...
分类：
Web程序 时间：
2020-04-06 11:56:57
阅读次数：
76
flex布局 用以代替浮动的布局手段； 必须先把一个元素设置为弹性容器；//display：flex； 一个元素可以同时是弹性容器和弹性元素; 设为flex布局以后，子元素的float、clear和vertical-align属性将失效。 主轴：弹性元素排列的方向； 弹性容器的属性 1、flex-d ...
分类：
其他好文 时间：
2020-04-05 23:54:02
阅读次数：
110
一、什么是Flex布局？ Flex是Flexible Box的缩写，顾名思义为“弹性布局”，用来为盒装模型提供最大的灵活性。 任何一个容器都可以指定为Flex 布局。 1 2 3 .box{ display:flex; } 行内元素也可以使用Flex布局。 1 2 3 .box{ display:i ...
分类：
其他好文 时间：
2020-04-05 22:16:09
阅读次数：
89
/** * @des 一个数的最小因子的连乘 * 2*2*2*2*2*2*5*5*5*5*5*5*=1000000 * @param a */ private static void min(int a) { int b =a; StringBuilder stringBuilder = new S ...
分类：
其他好文 时间：
2020-04-05 15:28:33
阅读次数：
113
