vue
文章平均质量分 96
神奇程序员
不断学习,不断创新,用代码创造属于自己的世界。
展开
-
实现Web端指纹登录
前言现在越来越多的笔记本电脑内置了指纹识别,用于快速从锁屏进入桌面,一些客户端的软件也支持通过指纹来认证用户身份。前几天我在想,既然客户端软件能调用指纹设备,web端应该也可以调用,经过一番折腾后,终于实现了这个功能,并应用在了我的开源项目中。本文就跟大家分享下我的实现思路以及过程,欢迎各位感兴趣的开发者阅读本文。实现思路浏览器提供了Web Authentication API, 我们可以利用这套API来调用用户的指纹设备来实现用户信息认证,有关WebAuthn的更多内容请移步:WebAuthn在原创 2021-03-08 11:11:42 · 4172 阅读 · 2 评论 -
实现Web端自定义截屏
前言当客户在使用我们的产品过程中,遇到问题需要向我们反馈时,如果用纯文字的形式描述,我们很难懂客户的意思,要是能配上问题截图,这样我们就能很清楚的知道客户的问题了。那么,我们就需要为我们的产品实现一个自定义截屏的功能,用户点完"截图"按钮后,框选任意区域,随后在框选的区域内进行圈选、画箭头、马赛克、直线、打字等操作,做完操作后用户可以选择保存框选区域的内容到本地或者直接发送给我们。聪明的开发者可能已经猜到了,这是QQ/微信的截图功能,我的开源项目正好做到了截图功能,在做之前我找了很多资料,没有发现we原创 2021-02-02 14:11:39 · 1876 阅读 · 3 评论 -
Vue关闭线上源码移除console
不管前方的路有多苦,只要走的方向正确,不管多么崎岖不平,都比站在原地更接近幸福。前言文章中的配置,项目基于Vue CLI 3.0搭建,版本大于等于3.0不会有问题,其他环境版本请绕道????。关闭线上源码在Vue.config.js中添加如下代码module.exports = { // 关闭线上源码 productionSourceMap: false,}移...原创 2020-02-06 22:54:04 · 593 阅读 · 0 评论 -
vue中动态路由的理解与使用
1. 动态路由传参 1.1使用query传参,name属性为要跳转的组件所对应的name,query为要携带的参数<router-link :to="{name:'mainContent','query':{links:'recommend'}}"> </router-link> 1.2 使...原创 2019-05-27 01:47:19 · 9410 阅读 · 1 评论 -
vue路由出口(router-view)为和路由入口(router-link)呈兄弟元素无法准确匹配跳转解决方案
1.问题背景如图所示,路由出口和入口为兄弟元素,页面还有其它路由,会发生子级路由不能准确匹配,无法渲染数据 2.踩坑记录布局页面,设置 "router-link" 和 "router-view"配置路由页面效果3.解决方案 设置路由出口时,给router-view,设置name属性<!--路由出口--><...原创 2019-05-23 21:29:18 · 10791 阅读 · 0 评论