- 博客(25)
- 资源 (3)
- 收藏
- 关注
原创 小程序的自定义头,左上角显示图标
根据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
3472
原创 记录一次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
1436
原创 video.js的坑点和自定义video的播放、全屏、快进操作
一、使用插件video.js遇到问题:点击背景视频无法触发播放和暂停的操作问题原因:在移动端使用video.js与fastclick 冲突解决方式:修改fastclick的源码FastClick.prototype.needsClick = function(target) { switch (target.nodeName.toLowerCase()) { // Don't send a synthetic click to disabled inputs (issue #62) c
2022-05-09 14:57:02
6648
原创 vite-plugin-mock 使用
项目现在属于demo阶段,需要自己模拟数据,所以使用vite-plugin-mock ,在本地调试没得问题,但是在线上环境遇到请求无效或者405安装pnpm install vite-plugin-mock -D在根目录下新建mock文件夹注意点:请求的路径不要重名或者开始文件名一致,像下面的 /api/user 和 /api/user/menus;发现在请求接口api/user/menus 的时候,请求到的是api/user 的接口,修改成api/menus 后能正常请求(或许个例)imp
2022-04-28 11:55:28
3280
1
原创 vant-upoader 视频上传和截帧处理
使用vant-uploader 文件上传,视频截帧以及ios 视频的兼容的处理方式<template><div> <van-uploader upload-icon="https://file.baojunev.com/group1/default/20210527/14/51/6/video_icon@2x.png" accept="video/*" :before-read="beforeRead" :after-read="afterRead
2021-06-07 11:55:07
3403
原创 小程序的吸顶和滚动tab匹配
<view style="width: 90%; height: 300rpx; background: #f0f0f0; margin: 30rpx auto;"></view><view style="width: 90%; height: 300rpx; background: #f0f0f0; margin: 30rpx auto;"></view><view class="navbar-wrap"> <view clas
2020-10-28 09:56:13
645
原创 canvas 画图和进度条
<template> <div> <canvas id="main"></canvas> </div></template><script>export default { data() { return { bgImage: require("../../imgs/partner/l_bg@2x.png"), carImage: require("../../img
2020-10-23 10:05:36
320
原创 倒计时
<!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
166
原创 h5调用摄像头拍摄
<template> <!-- <div class="demo_main"> <div @click="moveToCameraAVG()" v-cloak> <img v-if="imginfo!==''" :src="imginfo" /> <div class="warm_title2">点击自拍一张头像</div> </div> <video
2020-10-10 11:46:16
1004
原创 实现类似的微博话题的功能
实现类似的微博话题的功能正则匹配内容let reg= /[##][^##]+[##]/g (中英文的#匹配) ReplaceTopic(str) { var r, k; // 声明变量。 // var ss = str.replace(/<[^<>]+>/g, "").replace(/ /gi, ""); // 去除html格式 var ss = str; // ##包裹内容的格式化处理,变成可以跳转
2020-10-10 11:34:41
2066
原创 面试记录
1.表单的提交最原始的form表单提交方式:<form action="/upload" enctype="multipart/form-data" method="post"> Username: <input type="text" name="username"> Password: <input type="password" name="...
2020-03-04 09:42:17
176
原创 上传视频,截取视频的第一帧生成图片
需求:截取视频的第一帧,并上传图片存在问题:前端直接使用oss上传,无法获取到文件流,截取到视频的第一帧。解决方式:使用了取巧的方式,触发视屏上传时,获取本地上传的视频,使用隐藏的dom,显示元素,获取视频,截取到第一帧。 <el-dialog title="上传视频" :visible.sync="dialogFormVisible" center style="min-width:...
2019-12-29 16:32:47
2182
原创 记一次统计用户浏览网站的时长
项目需求:统计用户浏览该网站的时长初始方案:只需要在根入口的的组件被销毁的时候通过axios请求接口,提交时间给后台,在实际测试的时候发现,请求还没发送过去就被取消,使用axios请求,是异步请求,导致页面卸载时,请求被取消。解决方案:换成同步事件<template> <div id="app"> <router-view/> </d...
2019-12-29 16:31:40
1052
原创 videogular 的使用
videogular 的使用官网参考地址:https://videogular.github.io/videogular2/docs/getting-started/how-videogular-works.html1.命令行安装npm install videogular2 --savenpm install @types/core-js --save-dev2 在module...
2019-12-27 11:32:59
604
原创 egg项目在ie浏览器下,中文路径参数乱码的问题
在此次项目的开发中,因为在路径参数中带有中文,发现在出ie以及window10下的默认浏览器,路径参数中带有中文,在contrller中的获取,拿到的是一串乱码原因:浏览器在传输URl时得对URL进行编码,不同浏览器对于路径参数的解析不一样,ie是按照utf-8来解析,像chorme则是按gbk来解析,而后台的解析是按照iso-8859-1编码来进行解析解决方式:在传递参数之前,先进行一...
2019-12-27 11:31:39
1435
原创 helper的使用
helper的使用在文件app下创建文件夹extend,在这里创建你所要使用的工具在本次项目中创建了一个时间格式的文件helper.ts文件module.exports = { changeDateTime(time,type) { var date = new Date(time); var month = this.addZore(date.ge...
2019-12-27 11:31:22
712
原创 egg.js 的项目初始化
egg.js 的项目初始化egg.js官网:https://eggjs.org/zh-cn/index.html//脚手架$ npm install egg-init -g//egg 的项目初始化$ mkdir egg-example && cd egg-example$ npm init egg --type=simple$ npm i配置渲染模板npm ...
2019-12-27 11:30:59
1514
原创 window.open()使用
第一次使用window.open()开始对于他的理解就是打开浏览器,不过他的做用也确实是打开一个页面,如果说让我们在一个新的页面打开一个标签,我最先想到的是a标签,因为target的跳转方式(w3chool中的描述):blank浏览器总在一个新打开、未命名的窗口中载入目标文档。_self这个目标的值对所有没有指定目标的 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作...
2018-09-29 15:14:14
1307
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人