web前端
文章平均质量分 54
zxuanxuanz
这个作者很懒,什么都没留下…
展开
-
vue基于face-api.js实现人脸识别
一、face-api.jsFace-api.js 是一个 JavaScript API,是基于 tensorflow.js 核心 API 的人脸检测和人脸识别的浏览器实现。它实现了一系列的卷积神经网络(CNN),它实现了三种卷积神经网络(CNN)架构,用于完成人脸检测、识别和特征点检测任务。二、引入npm i face-api.js三、加载模型数据import { detectSingleFace, nets, matchDimensions, resize...原创 2021-10-12 11:06:04 · 14083 阅读 · 14 评论 -
纯CSS绘制左连接、右连接、内连接、全连接的小圆
一、效果二、实现<template> <div :class="$style.jointIcon"> <div :class="[ $style.jointIconLeft, leftFill && $style.fillColor, leftFill && $style.level, ]" ></div> <.原创 2021-10-11 17:37:52 · 470 阅读 · 0 评论 -
设备像素比devicePixelRatio
一、概述window接口的devicePixelRatio返回当前显示设备的物理像素分辨率与CSS像素分辨率之比。 此值也可以解释为像素大小的比率:一个CSS像素的大小与一个物理像素的大小。 简单来说,它告诉浏览器应使用多少屏幕实际像素来绘制单个CSS像素。二、值一个双精度浮点值,指示显示器的物理像素分辨率与CSS像素分辨率之比。 值1表示经典96 DPI(在某些平台上为76 DPI)显示,而对于HiDPI / Retina显示屏则期望值为2。 在异常低分辨率的显示器中,或更常见的是,当屏幕的像原创 2021-10-11 16:33:20 · 213 阅读 · 0 评论 -
AbortController中断请求
一、步骤(1)创建了一个控制器controller,每个控制器都自带一个信号对象(signal 属性)(2)发送请求的时候把这个信号对象带上(signal 参数)(3)通过控制器的 abort() 方法,中断请求。二、事例(1)upload函数签名/** @name 上传到OSS */ upload = async ( file: File, path: string, observe?: (ob: FetchObserver) => voi..原创 2021-10-11 16:04:28 · 871 阅读 · 0 评论 -
Web端上传数据至OSS:服务端签名后直传(设置上传回调)
一、图例二、概述Web端向服务端请求签名,然后直接上传,不会对服务端产生压力,而且安全可靠。但本示例中的服务端无法实时了解用户上传了多少文件,上传了什么文件。如果想实时了解用户上传了什么文件,可以采用服务端签名直传并设置上传回调。三、服务端签名直传并设置上传回调(1)图例当用户要上传一个文件到OSS,而且希望将上传的结果返回给应用服务器时,需要设置一个回调函数,将请求告知应用服务器。用户上传完文件后,不会直接得到返回结果,而是先通知应用服务器,再把结果转达给用户。(2)具体步原创 2021-10-11 15:27:04 · 1634 阅读 · 0 评论 -
CSS3中布局相关样式——多栏布局、盒布局、弹性盒布局、calc方法
1 多栏布局使用多栏布局可以将一个元素中的内容分为两栏或多栏显示,并且确保各栏中内容的底部对齐。 column-count属性 在CSS3中,通过该属性来使用多栏布局方式,该属性的含义是将一个元素中的内容分为多栏进行显示。(1)浏览器书写Firefox:“-moz-column-count”Safari、Chorme、Opera:“-webkit-column-coun...原创 2018-08-23 21:46:02 · 629 阅读 · 0 评论 -
根据时间戳计算宝宝年龄(年月日)
//每个月按30天计算所以误差有些大// 根据时间戳计算宝宝年龄 getBabyAge:function(time){ let birthday = time; let now = new Date().getTime(); let hours...原创 2019-04-17 14:36:00 · 2130 阅读 · 0 评论 -
Echars的下载和使用
1.概念ECharts 是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。2.下载官网网址:https://echarts.baidu.com/tu...原创 2019-05-06 14:31:57 · 3868 阅读 · 2 评论