Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
vue实现拍照人脸识别功能带人脸选中框
前言 实现打开摄像头 并识别人脸 实现效果 实现步骤 一 安装 1 官网下载 tracking js 的代码包官网入口 2 npm下载 执行命令 cnpm install tracking save 二 demo案例代码
vue
vue插件
Tracker
Vetur can‘t find `package.json`
Vetur can t find package json 重新装了一下vscode 重新装vetur插件的时候右下角老是弹出提示 并且vetur的格式化也用不了了 我的解决办法是重新安装了vetur的版本 扩展里面找到vetur插件 点击
vue插件
vue
vue点击把某个区域变成图片数据
前言 使用html2canvas 可以实现把某个区域变成图片的base64数据 官网入口 点我 目录 实现步骤 1 引入 npm引入 js引入 2 在需要使用的vue组件中引入 3 将制定区域内转成图片 添加ref标记 4 点击开始转换的方
vue插件
html2canvas
vue
元素变成图片
vue+播放直播视频流(websocket的流文件)
前言 之前分享的有 rtmp直播流 flv直播流的一些方法 这里分享下 播放 websocket的直流的方法 使用的方法是JSMpeg JSMpeg是JS写的视频 音频解码器 能使用WebGL Canvas2D渲染以及WebAudio声音输
vue插件
vuejs
WebSocket
前端
vue获取浏览器的指纹码
前言 获取浏览器的指纹码 操作步骤 1 vue安装插件 1 使用CDN在线获取 https cdnjs com libraries fingerprintjs2 2 使用bowerinstall命令进行安装 bowerinstall fin
vue插件
vue
vue+条形码
前言 在vue中生成条形码的插件 vue barcode 官方文档 vue barcode是JsBarcode的一个简单包装 所以在使用时的配置属性需要在JsBarcode中查看JsBarcode官方文档 展示效果 使用步骤 步骤一 安装
vue插件
vue
vue+element表格使用vue-json-viewer实现查看JSON数据效果
效果图 功能 在element弹窗中根据表格行查看当前行的JSON数据 高亮 可折叠 可复制 这里需要先安装vue json viewer插件 官网地址 https www npmjs com package vue json viewer
vue插件
vuejs
json
前端
vue中使用vuedraggable实现嵌套多层拖拽排序功能
前言 vue中实现嵌套多层拖拽功能 官网入口 https www npmjs com package vuedraggable 实现效果 拖动左侧调整一级的顺序 拖动右侧调整二级的顺序 实现步骤 这里使用了插件 vuedraggable 第
vue插件
vue
vue图片预览放大,缩小,旋转等功能,用 v-viewer来实现,还有他的api
前言 推荐一款特别优秀的插件 viewerjs 他可以实现图片预览功能 点击图片实现弹框操作图片的效果 点我进入GitHub地址 实现效果 这里说先下实现步骤 步骤一 安装 注意这里是 v viewer npm install v view
vue插件
vue图片预览
viewerjs
vue-cli3移动端引入高德地图获取当前定位效果,并可手动搜索改变定位地址
前言 vue cli3 4中引入高德地图实现我们的定位效果 也可动态改变值 效果图 实现步骤 步骤一 申请高德的key 步骤二 在public index html里面添加 步骤三 在页面上引入这个组件 官网地址与api地址 官网地址 ap
vue插件
vue
vue中调取支付宝支付接口,后台返回form表单前端处理
前言 在项目中 支付功能是一个常见的功能 调用支付宝时 后段给我们的是一个form的富文本内容 分享下使用方法 方法 this api abc then res gt res data data默认是我们拿到的form代码 const di
vue插件
支付功能
vue手机端的调试神器eruda
前言 分享一款神奇 可以在手机上实现 跟pc端f12打开调试一样的效果 官方地址 入口 实现效果 实现步骤 1 cdn使用 打开public index html加入 2 node使用 cnpm install eruda save
vue插件
eruda
vue
手机端调试
vue-cli3.0+tinymce实现富文本效果
前言 之前vue用的富文本插件 tinymce 感觉还是停实用的 正好最近又用到了 在这里分享下 最下面提供中文文档 需要更多功能 或者感觉有不详细的可以看下 也可以留言问我 我看到肯定会回复的 效果 步骤 第一 安装两个插件 前者是 ti
vue插件
vue
tinymce
vuetinymce
vue中富文本效果
vue实现一个展开和关闭的动画效果
前言 用 vue animation 来实现一个展开与关闭的效果 效果图 组件逻辑 1 核心是通过改动他的宽度来实现展开 收缩的效果 2 点击展开 分两步 先用动画显示一个展开的效果 再用定时器来让他的效果保存在最后一帧 3 点击收缩 逻辑
css
vue插件
CSS3
html
前端
vue校验生僻字
前言 在使用正则校验姓名的时候 会发现 很多生僻字根本校验不到 这里提供方法 经测试可用 方法 methods utf8ToUtf16 h l var sum h 0xD800 0x400 l 0xDC00 0x10000 return s
vue插件
vue
正则
vue-aplayer在手机移动端的时候默认没有总时长,点击播放才显示总时长问题
前言 在移动段使用vue aplayer这款音频播放组件的时候 发现他默认的时候看不到总时长 只有点击播放才能看到 我的数据是从后台直接拿来的 观察官网没有这个问题 既然出现问题就得解决问题 这里分享下我的解决办法 解决办法一 尝试过但是不
vue插件
vue
aplayer
Audio
高德vue-amap使用(一)标记点位获取地址及经纬度
vue高德地图 图片示例 准备工作 安装与配置 npm安装 main js配置 使用 父组件 子组件 图片示例 准备工作 高德开放平台 https lbs amap com 注册登录后进入控制台 在应用管理下我的应用里创建应用添加key 就
vue插件
vuejs
javascript
前端
Date 的GMT、UTC、ISO、CST、timestamp 等格式 及Moment、Dayjs
文章目录 一 不同的时间格式 1 1 时间的由来 1 2 国际标准时间格式 1 格林威治标准时间 GMT 2 世界标准时 UTC 3 中国标准时间 CST 4 ISO 8601 标准时间 5 时间戳 二 Date 2 1 传参形式 2 2
vue插件
javascript
前端
html
vue项目中使用神策进行数据埋点
前言 在vue种使用神策进行数据埋点 一 数据埋点的意义 所谓埋点就是在应用中特定的流程收集一些信息 用来跟踪应用使用的状况 后续用来进一步优化产品或是提供运营的数据支撑 包括访问数 Visits 访客数 Visitor 停留时长 Time
vue插件
神策埋点
vue