项目总结
文章平均质量分 53
小菜一枚(white)
这个作者很懒,什么都没留下…
展开
-
turn.js 翻书效果
turn.js 实现翻书动效,可适配手机端、pc端和ipad端原创 2023-02-28 15:18:00 · 1003 阅读 · 0 评论 -
原生定位获取用户信息和直接使用腾讯定位获取用户位置信息
用户信息定位、腾讯地图相关api的使用原创 2022-09-23 15:39:50 · 298 阅读 · 0 评论 -
vue 的h5日历组件
项目总结原创 2022-07-28 15:48:02 · 1122 阅读 · 0 评论 -
使用工具类@vueuse/core实现人脸识别
vue3+ ts 实现仿人脸识别的操作原创 2022-07-25 14:19:58 · 755 阅读 · 0 评论 -
vue3中使用echart,按需引入和vite打包优化
vue3中使用echart配置按需引入和项目的打包优化原创 2022-07-25 11:16:29 · 4722 阅读 · 0 评论 -
vue3 中使用vant按需加载遇到的问题
vite+ vue3 vant按需引入遇到的问题原创 2022-07-25 10:08:29 · 1273 阅读 · 0 评论 -
echart 地图
项目总结原创 2022-06-10 15:14:14 · 461 阅读 · 0 评论 -
小程序的自定义头,左上角显示图标
根据ui设计的需求,小程序的导航头部需要显示logo需要显示的页面json文件设置 "usingComponents": { "no-data":"../../components/no-data/no-data" }, "navigationBarTitleText":"首页", "enablePullDownRefresh": true , "navigationStyle":"custom"}.wxml 文件的设置<view style="z-inde原创 2022-05-13 17:16:36 · 2943 阅读 · 0 评论 -
记录一次lottie-web的使用
在之前的项目需求中,有几个页面需要用到许多动效,开始想自己写,但是后面看动画的实际效果有点麻烦,同时4个页面就有16个不一样的动效,如果自己画的话,周期长,性能和用户体验上可能都不太好,也可能达不到ui的需求,首选考虑是使用gif图的,但是由于设计上的效果特殊,ui说一些特效用gif图也弄不出来,然后继续找方案,就找到lottie-web,最后在协同合作下,完成动效,按期交付。安装yarn add lottie-web在需要设置动画的页面引入import Vue from "vue";impor原创 2022-05-10 09:45:01 · 1068 阅读 · 0 评论 -
vant-upoader 视频上传和截帧处理
使用vant-uploader 文件上传,视频截帧以及ios 视频的兼容的处理方式<template><div> <van-uploader upload-icon="https://file.baojunev.com/group1/default/20210527/14/51/6/[email protected]" accept="video/*" :before-read="beforeRead" :after-read="afterRead原创 2021-06-07 11:55:07 · 2966 阅读 · 0 评论 -
canvas 画图和进度条
<template> <div> <canvas id="main"></canvas> </div></template><script>export default { data() { return { bgImage: require("../../imgs/partner/[email protected]"), carImage: require("../../img原创 2020-10-23 10:05:36 · 267 阅读 · 0 评论 -
倒计时
<!DOCTYPE html><html> <body> <div> 倒计时 <span id="d"></span>: <span id="h"></span>: <span id="m"></span>: <span id="s">原创 2020-10-13 11:13:06 · 115 阅读 · 0 评论 -
上传视频,截取视频的第一帧生成图片
需求:截取视频的第一帧,并上传图片存在问题:前端直接使用oss上传,无法获取到文件流,截取到视频的第一帧。解决方式:使用了取巧的方式,触发视屏上传时,获取本地上传的视频,使用隐藏的dom,显示元素,获取视频,截取到第一帧。 <el-dialog title="上传视频" :visible.sync="dialogFormVisible" center style="min-width:...原创 2019-12-29 16:32:47 · 2077 阅读 · 0 评论 -
记一次统计用户浏览网站的时长
项目需求:统计用户浏览该网站的时长初始方案:只需要在根入口的的组件被销毁的时候通过axios请求接口,提交时间给后台,在实际测试的时候发现,请求还没发送过去就被取消,使用axios请求,是异步请求,导致页面卸载时,请求被取消。解决方案:换成同步事件<template> <div id="app"> <router-view/> </d...原创 2019-12-29 16:31:40 · 984 阅读 · 0 评论 -
window.open()使用
第一次使用window.open()开始对于他的理解就是打开浏览器,不过他的做用也确实是打开一个页面,如果说让我们在一个新的页面打开一个标签,我最先想到的是a标签,因为target的跳转方式(w3chool中的描述):blank浏览器总在一个新打开、未命名的窗口中载入目标文档。_self这个目标的值对所有没有指定目标的 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作...原创 2018-09-29 15:14:14 · 1146 阅读 · 0 评论