自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(65)
  • 收藏
  • 关注

原创 小程序中实现轮播图左向堆叠

参考文章:https://mstzf.cn/posts/mp-tower-swiper/index.html。

2024-03-20 14:57:47 808 2

原创 小程序中封装下拉选择框

小程序中没有现成的下拉选择组件,有个picker组件,但是是底部弹出的,不满足我的需求,所以重新封装了一个。

2024-02-04 12:25:07 881

原创 小程序中picker多列选择器

需求:实现类似省市联动的效果,选择第一列后,第二列数据变化。

2024-02-02 12:01:29 817

原创 小程序中滚动字幕

在录像时需要在屏幕上提示字幕,整体匀速向上滚动。

2024-01-12 09:33:05 725 1

原创 小程序中拖拽和缩放图片

点击元素后选中,出现缩放按钮,拖动缩放按钮可实现元素的缩放;并且元素本身是可以拖动的。

2023-12-22 16:50:11 1199

原创 vue3中,使用html2canvas截图包含视频、图片、文字的区域

需求:将页面中指定区域进行截图,区域中包含了图片、文字、视频。第一步,先安装第三步,页面使用:1)html部分:</</</</</

2023-10-30 18:41:41 1046

原创 vue3中图片裁剪,可固定裁剪框比例

vueCropper 图片裁剪

2023-06-15 10:55:57 589

原创 vue3 + Element Plus自定义音频audio样式及控件

先封装一个组件。注意:需提前安装了。

2023-06-13 14:59:58 4215 12

原创 vue3中用Element Plus 走马灯组件时,鼠标滚动控制轮播效果

需求:在垂直方向上可以通过滚动鼠标,来实现每次只轮播一张图片。

2023-06-06 16:11:17 758

原创 vue3监听键盘的单个删除和长按删除事件

【代码】vue3监听键盘的单个删除和长按删除事件。

2023-05-26 12:10:57 882

原创 vue3 给div加contenteditable=“true”后,显示placeholder

【代码】vue3 给div加contenteditable=“true”后,显示placeholder。

2023-05-17 10:37:35 516

原创 有多个元素叠加显示在不用的图层,选中某个元素后,点击上移、下移按钮可进行图层切换

有多个元素叠加显示在不用的图层,选中某个元素后,点击上移、下移按钮可进行图层切换

2023-04-25 17:59:45 493

原创 vue3 对元素拖拽、缩放

vue3对元素拖拽和缩放

2023-04-03 11:08:22 2556

原创 vue3兄弟组件传值

vue3中兄弟组件传值

2023-03-30 15:01:54 304

原创 vue3中audio标签自定义播放音频

vue3中循环列表播放音频

2023-03-30 12:26:22 1730

原创 vue3实现tabs导航栏,点击每个导航项有下划线动画效果

vue3实现导航栏,点击每个导航项有下划线动画效果

2023-03-29 17:54:54 1616 3

原创 改变element-ui中el-tabs组件的样式

改变element-ui中el-tabs组件的样式

2023-03-29 16:17:27 1205

原创 vue3同步播放视频

vue3同步播放视频

2023-03-24 15:10:56 240

原创 vue3数据懒加载 无限滚动加载分页列表

vue3数据懒加载 列表滚动加载

2023-03-24 15:05:57 680

原创 vue3动态渲染Element-plus带图标的菜单项

vue3动态渲染elementplus图标

2023-03-22 16:06:01 1093 2

原创 js截取视频第一帧作为封面

截取视频第一帧作为封面

2023-03-09 12:19:04 945

原创 vue3使用solt报错的解决方法

vue3使用solt报错

2023-03-07 16:56:17 1663

原创 js实现画图

js实现画图功能

2022-11-29 12:14:04 367

原创 首次进入小程序拒绝相机权限,再次允许camera组件显示不出来

小程序拒绝授权后再次授权camera显示不出来

2022-11-12 12:17:53 1880

原创 小程序中使用js封装的节流和防抖

小程序中使用catchtouchmove时用节流不卡顿

2022-11-08 16:45:28 255

原创 js中使用swiper时自定义分页器

swiper中的自定义分页器

2022-10-14 09:49:00 2714

原创 小程序左右滑动对比图片

小程序左右滑动对比图片

2022-10-12 19:20:39 1045

原创 小程序关闭当前页面不跳转

小程序关闭当前页面不跳转

2022-09-27 19:15:02 426

原创 小程序监听返回、阻止页面返回、弹框后禁止返回

小程序监听返回按钮,小程序弹框后禁止返回

2022-09-21 15:25:04 5712

原创 js图片跟随鼠标移动

js鼠标移动跟随图片

2022-09-13 15:37:00 153

原创 js实现批量下载图片

js实现批量下载页面图片

2022-09-02 17:59:41 1875

原创 原生js封装switch插件

原生js封装switch

2022-09-01 16:42:39 441

原创 小程序中封装自定义刻度尺(选择语速)

小程序中选择语速的插件

2022-08-16 17:16:39 395

原创 小程序中引入外部字体的三种方式以及出现的问题

小程序中引入外部字体的三种方式以及出现的问题

2022-08-05 17:39:43 6425 4

原创 微信小程序webview中的h5,安卓系统无法唤起相机相册

微信小程序webview中的h5,安卓系统无法唤起相机相册

2022-07-18 15:38:53 2344

原创 前端部署代码后用docker镜像

前提:需要下载 xftp 和 Xshell在这里主要讲解docker的使用:前端部署项目:将本地代码打包好,通过xftp传到指定目录打开Xshell,并以此输入以下代码:cd /home/ec2-user/server/amemori-bfront 切换到部署目录下docker build -t amemori-bfront . 构建docker镜像docker stop amemori-bfront 停止容器docker rm amemori-bfront 删除

2022-05-18 12:50:16 181

原创 gitlab提交代码到远程仓库

一、通过命令提交:在项目目录下。右击打开git bash heregit status 查看当前状态git add . 或者 git add xxx 提交指定文件git commit -m “备注” 推送修改到本地git库中git pull origin master 取回远程主机某个分支的更新,再与本地的指定分支合并git push origin master 把当前提交到git本地仓库的代码推送到远程主机的某个远程分之上二、提交的代码撤回git log 查看一下分

2022-05-18 11:54:31 1316

原创 vue实现刷新页面,页面回到顶部

vue项目,当刷新页面或者切换到新路由时,想要页面滚到顶部,可以使用vue-router中的scrollBehavior 方法来实现具体实现:在router.js中写入以下代码:import Vue from 'vue';import Router from 'vue-router';Vue.use(Router);var router = new Router({ routes: [...], scrollBehavior(to, from, savedPosition) { /

2022-05-13 12:22:50 2306

原创 vue中使用wowjs实现滑动到可视区域加载动画

需求:当页面向下滚动到可视区域时,动画出现;当页面向上回滚时,动画不会回退。用到的插件:wow.js+animate.csswow.js官方文档:https://wowjs.uk/docs.htmlanimate.css官方文档:https://animate.style/安装插件:npm install wowjs --save-devnpm install animate.css --save在main.js全局引入:// 使用样式库import animated from .

2022-05-11 19:31:39 2798 2

原创 删除本地文件后,想从远程仓库中pull最新文件

修改了一个文件,后来需求变了,不用提交到远程库了,我直接删除本地文件后,想从远程仓库中pull最新版文件,输入git pull origin master后,提示:up-to-date,但未得到删除的文件原因:当前本地库处于另一个分支中,需将本分支发Head重置至master解决方法:git checkout master git reset --hardgit 强行pull并覆盖本地文件git fetch --all git reset --hard origin/master git

2022-05-10 18:02:54 229

空空如也

空空如也

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

TA关注的人

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