自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 问答 (1)
  • 收藏
  • 关注

原创 vue3 图片左右无限滚动-轮播功能

使用<carouselPlay :sliders="imgs" :autoplay='true' :duration="5"></carouselPlay>代码部分<template> <div class='xtx-carousel' @mouseenter="stop()" @mouseleave="start()"> <ul class="carousel-body" ref="carousel"> <!

2023-06-08 15:55:56 2121

原创 git拉取远程指定分支

【代码】git拉取指定原创分支。

2023-04-03 10:51:11 180

原创 vue-PC数据大屏可视化自适应效果(postcss-pxtorem、lib-flexible、eCharts、dataV)

自动把项目中的px转为rem,但是代码中的图表是使用js创建,所以需要另行适配,把所有涉及到宽高,字体的地方都乘以缩放比例。这个插件只能适配移动端,所以需要修改源码,但每次npm install都会被覆盖,所以安装后找到源码。在vue.config.js配置。下载到本地放到资源目录。

2023-04-03 10:44:28 950

原创 vue.js 利用canvas绘制仪表盘圆环进度条-带动画

因为动画效果比较消耗性能,所以进度条单独canvas绘制

2023-02-08 18:33:04 1356

原创 微信小程序人脸识别/采集改进版(wx.faceDetect)-支持人脸中心位置校验,人脸图片采集(速度更快),人脸搜索

人脸识别,使用前需要通过 wx.initFaceDetect 进行一次初始化,推荐使用相机接口返回的帧数据5.校验人脸是否居中(可调整或注释)6. 把满足条件的当前帧数据转为base64(通过canvas转换临时文件在转换为base64只需要1秒不到,比使用upng.js及pako.js的形式快很多(3-7秒),而且upng.js在部分机型容易卡死)7

2022-11-01 14:27:19 6528 24

原创 vue axios二次封装,支持多域名设置,支持请求终止(cancelToken),附带uniapp版axios

vue uniapp axios二次封装,支持多域名设置,支持请求终止(cancelToken)

2022-08-15 18:30:22 1609

原创 重写ant-design-vue中a-swtich组件(仿element-ui中el-swtich),重写后可传入数字或字符串类型

这样做会更加的灵活,且不用去…ant-design-vue中的a-swtich只能传入true,false,不能像el-swtich传入inactive-value,active-value。// 传入修改后的props,和继承原生的scopedSlots。// 传入修改后的props,和继承原生的scopedSlots。// 继承原生switch的props。.........

2022-08-12 17:51:16 1292

原创 微信小程序人脸识别功能(wx.faceDetect)、带扫脸动画、人脸图片获取(upng.js)及位置展示

用到的第三方框架: upng.js及pako.js2. 创建 camera 上下文 CameraContext 对象3.获取 Camera 实时帧数据4.人脸识别,使用前需要通过 wx.initFaceDetect 进行一次初始化,推荐使用相机接口返回的帧数据5.完整代码附带绝对定位的圆角图片真机展示问题父元素添加:-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);2. H5人脸识别

2022-08-09 16:03:58 14508 11

原创 H5人脸识别(tracking.js),并保存人脸为图片(也可保存人脸部分)

前端人脸识别框架:https://trackingjs.com下载zip包获取里面的 face.min.js 及 tracking-min.jswx.faceDetect

2022-08-09 14:27:24 4114 6

原创 uniapp 微信小程序 tabs选项卡组件,可以设置固定顶部-吸顶(fixed),随页面滚动自动切换选项(仿淘宝详情),附带选项切换动画

可以设置tabs贴顶,(固定在顶部)点击选项,页面滚动到指定类型位置页面滚动,typeTabs滚动到指定的类型this.$refs.tabs.clickType:调用子组件的方法,第三个值传true,防止页面点击回调多次出发,导致滚动错乱onReady:页面加载完成后根据ID获取对应选项在页面中的top值,用于页面滚动时的判断依据onPageScroll:使用timer节流,防止计算..................

2022-07-05 15:57:40 8078 2

原创 纯js实现编辑器撤消/重做(回退)功能 undo/redo

通过对基础类的继承重写,可自定义各种场景下的撤消/恢复功能

2022-07-04 14:35:39 2546

转载 html5 js canvas 不规则水波纹动画背景 waves simplex-noise

canvas 不规则水波纹动画-simplex-noise核心JS效果图控制属性全部代码参考核心JS链接: simplex-noise.js效果图预览链接: https://codepen.io/thj2/pen/zYoOjzd控制属性this.count = 80; //波浪个数This.speedY += 0.01; //波浪抖动频率var amp = 100; //波浪幅度(高度)This.draw(‘rgba(239,119,87,0.35)’,‘screen’

2021-01-28 19:13:14 878 2

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除