nuxt中使用dplayer播放m3u8视频dplayer是一个很强大的h5视频播放库,有很多直接可以使用的api,支持播放弹幕、字母、流畅度切换等等。中文文档地址:http://dplayer.js.org/#/zh-Hans/?id=%E5%85%A5%E9%97%A8 简单记录nuxt使用dplayer的注意事项 安装 yarn add dplayeryarn add hls.js # 播 ...
kuan-vue-photoswipe
kuan-vue-photoswipe github 仓库目录下 test 文件目录下是使用 demo vue 简单包装一下:https://github.com/dimsemenov/PhotoSwipe 预览地址:https://kuan1.github.io/kuan-vue-photoswipe/demo/ 安装yarn add kuan-vue-photoswipe 使用引入impor ...
WebViewJavascriptBridge使用
重写了app通信的方法,中间碰到了一些兼容问题,看了很多资料,最终确定版,兼容性好&&使用方便 app通信WebViewJavascriptBridge方法使用// 注册方法获取WebViewJavascriptBridge对象function setupWebViewJavascriptBridge(callback) { if (window.WebViewJa ...
css object-fit
把图片像背景(background-size)一样使用假期惯例随便看看,熬个夜,不知道做社么,随便写点东西把。布局的时候,我们经常会用到背景图片background-size: cover || contain,其实直接使用图片也可以做到这个效果,object-fix,这个css属性可以让图片可以像背景图片一样。不过再不要求兼容的情况下,使用起来确实很方便。 兼容使用can i use 查看兼容 ...
window10好用快捷键: `window键` + `w`组合
window10好用快捷键: window键 + w组合 回家第一天,先熬个夜,用有道云笔记计划一下十一假期的安排,无意中发现了一个好用的快捷键。 快速打开三个好用的功能:备忘录、草图板、屏幕草图
git下载仓库指定文件夹
git下载仓库指定文件夹# 初始化仓库git init# 设置允许克隆子目录git config core.sparsecheckout true# 设置要克隆的仓库的子目录路径echo '文件夹名字/*' >> .git/info/sparse-checkout# 关联远程仓库git remote add origin -f git@github.com:mygithub/test. ...
让webpack更简单
让webpack更简单 根据自己习惯将webpack封装成一个npm包,不再需要安装任何webpack相关包,甚至不需要任何配置。思路借鉴webpack-cli3和umi 发布npm包基础 点击进入 一、安装必需webpack依赖插件 基础webpack配置依赖有::babel、css、less、postcss、file-loader、url-loader、html-webpack-plug ...
前端 简化后台项目【增删该查禁用启用】
request.js http封装(此处仅用于测试)export default const request = (params) => { return new Promise(resolve => { setTimeout(() => { resolve(params) }, 1000) }) ...