一、背景 因小程序项目要展示地方产业链树状图，手机宽度有限，左右滑动也改变不了可视区域问题，所以设计了一个单列的树视图功能，因短时间内未找到符合条件风格的小程序插件及相关案例，所以避免浪费时间直接手写

上传功能可简单，可复杂，简单就是把文件传上去就行，复杂就是涉及大文件断点续传、控制并发等。今天要给大家分享的是上传需求中最为常见的一些场景，话不多说，开干：

本文主要介绍，通过使用基于 vue`技术栈的前端开发技术，在浏览器端调起摄像头，并进行扫码识别功能，对识别到的二维码进行跳转或其他操作处理。本文内容分为背景介绍、实现效果、技术简介、代码实现、总结等。

折腾了小两天犯了很多不改犯得错误，所以写一篇文章记录下，另外感谢 vue-video-playe的作者，为我们提供了这么便利的代码。 注意：这个方式引入了swf文件，解决了因网络问题加载不到swf无法播放的问题。 代码可能和文章不太一样，我抽时口写的可运行版本全部代码，基于vu…

1. 实现基本的自动播放 2. 实现换台 1. 视频不能自动播放 或报错 DOMException: play() failed muted="false" 表示视频不用静音（视频播放便有声音），但设置 muted="fasle" 的情况下，视频无法实现自动播放。 2. 换台的…

实现思路：以上效果是浏览器自身行为，应该是抓取到当前页面容器中a标签并找到href属性生成，但在项目中并不能将导航菜单换成a链接实现，于是想到了通过JS鼠标右键事件模拟生成右键菜单。 根组件VContextmenu有一个 contextmenu 事件，该事件鼠标右键时触发，回调…

写Vue有很长一段时间了，除了常规的业务开发之外，也应该思考和反思一下封装组件的正确方式。以弹窗组件为例，一种实现是在需要模板中引入需要弹窗展示的组件，然后通过一个flag变量来控制弹窗的组件，在业务代码里面会充斥着冗余的弹窗组件逻辑，十分不优雅。 本文整理了开发Vue组件的一…

在身份证输入框绑定@input事件（在 Input 值改变时触发），代码如下： js代码如下： 效果图如下：

实现效果图原理将1~9的数字竖直排版，通过translate移动位置显示不同数字，使用transition控制transform属性有动画效果技术点实现代码（注释比较详细，不再赘述）数字背景图片