12 2020 档案

Vue 上拉加载简单实现
摘要：<template> <ul> <li v-for="item in items" :key="item">{{ item }}</li> </ul> </template> <script> // 防抖 const debounce = (fn, delay) => { let timer = n 阅读全文
posted @ 2020-12-25 11:57 demo_you 阅读(396) 评论(0) 推荐(0)
Vue 拖动盒子（指令）
摘要：move.js const move = { install(Vue) { Vue.directive('move', { inserted(el, binding) { const { x = 0, y = 0, zIndex = 100 } = binding.value || Object.c 阅读全文
posted @ 2020-12-25 11:29 demo_you 阅读(469) 评论(0) 推荐(0)
JavaScript 调用相机并拍照
摘要：file形式访问 <body> <button id="takePhoto">takePhoto</button> <div id="app"></div> <script> class Camera { constructor(root, width = 480, height = 320) { 阅读全文
posted @ 2020-12-14 19:42 demo_you 阅读(734) 评论(0) 推荐(0)
Vue 服务式Loading组件
摘要：components 下 loading 下 Loading.vue <template> <transition name="fade"> <div class="loading_container" v-show="visible"> <div class="loading_wrapper"> 阅读全文
posted @ 2020-12-14 10:42 demo_you 阅读(348) 评论(0) 推荐(0)
JavaScript 网页图标变成视频图标
摘要：看下图，仔细看↓ class VideoIcon { constructor(videoPath, iconSize = 32) { this.videoPath = videoPath; this.iconSize = iconSize; this.iconLink = null; this.vi 阅读全文
posted @ 2020-12-11 10:02 demo_you 阅读(290) 评论(0) 推荐(0)
JavaScript AudioContext 自动播放音频
摘要：该方法使用了XHR来加载音乐文件，所以不能以file形式访问，可以使用http-server来构建一个本地服务访问 class Music { constructor(url, loop) { const AudioCtx = AudioContext || webkitAudioContext | 阅读全文
posted @ 2020-12-08 19:54 demo_you 阅读(1347) 评论(0) 推荐(0)