自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue.js学习笔记(五)抽奖组件封装——转盘抽奖

动态配置转盘组件开发,只需要改动数据,就自动生成转盘,减少UI和前端的工作量。

2024-07-11 10:51:03 493

原创 实现上传文件夹功能

实现上传文件夹功能。一级文件夹包含多个二级文件夹,一级文件夹命名随意,二级文件夹按照指定规则命名。

2024-07-08 09:16:05 207

原创 uniapp+uview 学习笔记(二)—— H5开发

本文主要介绍使用uniapp框架和uview组件库进行H5开发,仅供学习参考。

2024-03-18 10:41:26 2360

原创 Vue.js学习笔记(四)抽奖组件封装——九宫格抽奖

由于业务需求,需要手动开发九宫格抽奖组件,特此记录学习宫格组件开发。以上就是今天要讲的内容,本文仅仅简单介绍了九宫格抽奖组件的基本实现,仅供学习参考。

2024-03-04 17:36:43 989

原创 问题记录(一)——使用NVM安装node时,无法下载对应版本的npm,导致使用该node版本时出现npm不存在的报错

本栏目主要记录使用NVM管理node版本时遇到的一些问题和解决方法,仅供学习使用。

2023-12-18 12:28:34 1240

原创 学习笔记(一)——H5移动端

本文主要记录归纳开发过程中移动端遇到的一些问题,解决方法大多从网上学习,如果你有更好的解决方法欢迎评论区交流。

2023-12-15 16:49:05 464

原创 Vue.js学习笔记(四)组件递归封装——无限级折叠面板

本文简单介绍了递归组件的基本实现,例子为可以无限级展开的折叠面板,仅供学习参考。

2023-12-11 16:50:05 773

原创 数组处理笔记——将数组元素计算为一个值(合并、去重、求和、大小值等)

数组元素计算

2023-01-27 11:46:52 274

原创 react开发笔记(一):渲染验证码图片报错data:image/svg+xml;base64,undefined net::ERR_INVALID_URL

刚进入页面的时候img的src会报错data:image/svg+xml;base64,undefined net::ERR_INVALID_URL,解决办法就是在请求返回的时候拼接好src再赋值到img。

2022-11-19 13:21:02 1492

原创 uniapp+uview 学习笔记(一)—— 微信小程序

本文主要介绍使用uniapp和uview进行微信小程序项目创建的过程。

2022-07-14 16:15:14 3394

原创 Vue.js学习笔记(三):隐藏a标签鼠标悬浮状态下浏览器左下角出现的链接地址

系列文章目录 提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加Vue.js学习笔记(三):隐藏a标签鼠标悬浮状态下浏览器左下角出现的链接地址提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录系列文章目录前言前言提示:这里可以添加本文要记录的大概内容:当a标签悬浮时浏览器左下角会出现链接地址,为了隐藏链接地址,除了使用用点击事件代替以外,我们还可以一次性解决页面所有a标签悬浮出现链接的问题。mounted() { this.deleteMsg();

2022-04-22 15:06:21 3725

转载 vue-pdf组件报错vue-pdf Cannot read properties of undefined (reading ‘catch‘)

项目场景:使用vue-pdf组件实现文件预览功能问题描述:安装依赖后报错vue-pdf Cannot read properties of undefined (reading 'catch')TypeError: Cannot read properties of undefined (reading 'catch') at PDFJSWrapper.renderPage (pdfjsWrapper.js?a068:196) at VueComponent.resize (co

2022-02-22 13:56:24 7426 8

原创 css:比较函数(min(),max(),clamp())

CSS 比较函数根据CSS规范,比较函数是关于比较多个值并取其一。这些CSS函数最大的作用就是可以为我们提供动态布局和更灵活设计组件方法。Min() 函数min() 函数支持一个或多个表达式,每个表达式之间使用逗号分隔,以最小的表达式的值作为返回值,可以使用min()为元素设置最大值。例如:设置元素的最大宽度为 500px 。.element{ width: min(50%, 500px)}浏览器需要在(50%, 500px)取一个最小值,第一个值是指当前视口...

2020-08-20 17:58:19 2186 1

原创 CSS:文本字数不一致 实现文本两端对齐——text-align属性

在我们制作表单或者个人信息的时候,经常会遇到类别名称字数不一致的问题,为了使网页更加美观我们一般使其两端对齐,或许我们都经历过使用空格处理阶段,现在用css就可以解决啦。text-align 属性text-align属性可以指定元素文本的水平对齐方式。属性值值 描述 left 把文本排列到左边。默认值:由浏览器决定。 right 把文本排列到右边。 center 把文本排列到中间。 justify 实现两端对齐文本效果。 inherit

2020-08-14 17:25:02 3793 1

原创 HTML:利用data自定义属性进行传值

data-* 属性用于存储私有页面后应用的自定义数据,可以在所有的 HTML 元素中嵌入数据。自定义的数据可以让页面拥有更好的交互体验(不需要使用 Ajax 或去服务端查询数据)。data-* 属性由以下两部分组成:属性名不要包含大写字母,在 data- 后必须至少有一个字符。 该属性可以是任何字符串注意:自定义属性前缀 "data-" 会被客户端忽略。语法:<elementdata-*="somevalue">为一个元素分配data属性存储数据 &lt...

2020-07-18 18:42:12 2428

原创 CSS:线性渐变——背景渐变、文字渐变、边框渐变、鼠标移入背景色向上切换、浏览器内核、渐变色彩搭配

好的颜色搭配加渐变其实是非常网站加分的,你还在用纯色背景吗?快来试一下渐变的带来的快乐吧~现在就让我们先来熟悉一下语法吧!线性渐变:为了创建一个线性渐变,你必须至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色。同时,你也可以设置一个起点和一个方向(或一个角度)。从上到下的线性渐变:#grad { background-image: linear-gradient(#e66465, #9198e5); }从左到右的线性渐变:#grad { height: 200px;

2020-06-09 16:26:05 1123

原创 JQ动态监听滚动条位置

JQ动态监听滚动条位置并执行指定命令例如:给div添加类或移除类我一本用来改变头部的样式。第一步:引入jq文件<script src="style/js/jquery.min.js"></script>第二步:设置变量等于滚动条当前位置,并做出判断 $(window).scroll(function(){ var st = $(window).scrollTop(); if(st>80){

2020-06-08 11:55:03 2656

原创 Vue.js学习笔记(二):点击展开、收缩div之折叠面板效果

本例涉及:绑定点击事件、动态切换类、动态改变dom样式效果图:点击按钮展开,再次点击按钮收缩 代码:为了方便查看学习,只上传关键代码语句Vue实例代码:可视区域的高度需根据自己的需求调整。此文章仅供学习交流使用,如果有更好的方法欢迎评论交流~...

2020-06-08 11:31:29 7201

原创 Vue.js学习笔记(一):双层V-for循环渲染元素之轮播图

v-for:基于源数据多次渲染元素或模板块。此指令之值,必须使用特定语法alias in expression,为当前遍历的元素提供别名:<div v-for="item in items"> {{ item.text }}</div>另外也可以为数组索引指定别名 (或者用于对象的键):<div v-for="(item, index) in items"></div><div v-for="(val, key) in o...

2020-06-06 13:04:20 1899 1

原创 swiper自定义分页点击跳转指定页面

swiper自定义分页点击跳转指定页面mySwiper.slideTo(index, speed, runCallbacks),控制Swiper切换到指定slide。参数名类型是否必填描述indexnum必选指定将要切换到的slide的索引speednum可选切换速度(单位ms)runCallbacksboolean可选设置为false时不会触发transition回调函数(更多方法见Swiper官网)效果图如下:<!--banne

2020-05-26 12:27:24 4531 1

空空如也

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

TA关注的人

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