自定义H5 video 播放器
自定义H5 video 播放器
二、步骤简介工作中用到video标签做视频播放器,一开始用 video.js 插件代替,如果只用这个插件进行简单的播放视频,是不是有点浪费,而且这个插件用 webpack 打包后 vendor.js 会很大,所以本文实现一个基于HTML5标签video的自定义视频播放器。其中实现了播放暂停、进度拖拽、音量控制及全屏等功能一、效果预览二、步骤简介1. dom元素和cs
浏览:112 标签: video 播放器
linux常用命令
linux常用命令
列出当前目录下的文件和文件夹的详细信息ls -l 或 ll列出当前目录下的文件和文件夹ls删除文件夹命令rm -rf admin_x# 删除 admin_x 文件夹查看隐藏文件命令ls -al
浏览:213 标签: linux
vue实现跑马灯效果案例
vue实现跑马灯效果案例
本文我们利用 v-on 来实现一个简单的跑马灯效果,就是如下这种效果:Vue跑马灯效果1 分析点击"加油"按钮绑定一个点击事件,使用v-on或者缩写:"@"在按钮的事件处理函数中,写相关的业务逻辑代码:拿到 msg 字符串,然后 调用 字符串的 substring 来进行字符串的截取操作,把 第一个字符截取出来,放到最后一个位置即可;为了实现点击下按钮,自动截取的
浏览:315 标签: vue 跑马灯
vue封装Swiper实现图片轮播
vue封装Swiper实现图片轮播
一、Swiper在实现封装之前,先介绍一下Swiper。(1) Swiper是纯Javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。(2) Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。(3) Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择。(4) Swiper的应用场景广泛,实现效果很好,下面
浏览:292 标签: vue swiper 轮播
nginx的location配置详解
nginx的location配置详解
语法规则location [=|~|~*|^~] /uri/ { … }各部分详解= 开头表示精确匹配^~ 开头表示uri以某个常规字符串开头,理解为匹配 url路径即可。nginx不对url做编码,因此请求为/static/20%/aa,可以被规则^~ /static//aa匹配到(注意是空格)。~ 开头表示区分大小写的正则匹配~* 开头表示不区分大小写的正则匹配
浏览:428 标签: nginx location
如何用git将项目代码上传到github
如何用git将项目代码上传到github
1. 在github创建(New repository )一个新的仓库。2. 下载并安装git客户端3. git初始化,执行【git init】命令$ git initInitialized empty Git repositoryin D:/wzc/code/bigstudent-web2/.git/4. 为了把本地的仓库传到github,还需要本地配置ssh
浏览:581 标签: github
linux上安装pm2(解决pm2: command not found问题)
linux上安装pm2(解决pm2: command not found问题)
1. 首先安装好node环境,输入安装pm2命令npm install pm2 -g点击回车键后:/home/node10.8.0/bin/pm2 ->/home/node10.8.0/lib/node_modules/pm2/bin/pm2/home/node10.8.0/bin/pm2-dev ->/home/node10.8.0/lib/node_modules/pm
浏览:743 标签: linux pm2
js生成唯一的id(标识符)
js生成唯一的id(标识符)
需求:js生成不重复标识符 id。方式一var uuid = formatDateTime() +Math.random().toString(36).substr(2);functionformatDateTime(){var date =newDate();var y = date.getFullYear();var m = date.getMonth() +1;
浏览:1151 标签: id 标识符 js
vue实现红包雨效果,复制代码就能用
vue实现红包雨效果,复制代码就能用
代码部分<template><divclass="rainBox"><divclass="countDown"v-if="secondMask"><imgclass="second":src="'https://img.51fanbei.com/h5/app/activity/redRain_0'+second+'.png'" ></div><divv-if="!seco
浏览:1459 标签: vue 红包雨
Linux下安装Nginx并配置Nginx
Linux下安装Nginx并配置Nginx
1、安装 nginx(本文采用的版本是:nginx-1.8.1.tar.gz)下载链接:http://nginx.org/en/download.html2、根目录自建目录:/software,并上传安装包到此,解压:tar -zxvf nginx-1.10.3.tar.gz3、根目录下自建目录:/home/nginx,然后在 /software/nginx-1.8.1
浏览:1020 标签: Nginx Linux
使用clipboard.min.js实现一键复制内容,且支持移动端
使用clipboard.min.js实现一键复制内容,且支持移动端
1、clipboard.min.js文件CND地址:    https://www.bootcdn.cn/clipboard.js/2、clipboard.js 官网:    https://clipboardjs.com/3、利用clipboard.js实现复制几种方式(1)方式一:target<!DOCTYPE html><htmllang="en"><head>
浏览:1217 标签: clipboard 复制
解决 listen EADDRINUSE :::3000 端口被占用问题
解决 listen EADDRINUSE :::3000 端口被占用问题
node本地服务启动报:Error: listen EADDRINUSE ::: 3000,代表3000端口已经被占用了,我们需要把占用3000端口进程给结束。1、window+R组合键,调出命令窗口2、输入命令:netstat -ano,列出所有端口的情况。找到3000端口。查看被占用端口对应的PID为9656,也输入命令:netstat -aon|findstr
浏览:1147 标签: node

邮箱快速注册

忘记密码