自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 资源 (5)
  • 问答 (1)
  • 收藏
  • 关注

原创 大数据下拉框的简单实现

目录效果展示多选框单选框演示地址实现的功能API参数事件效果展示多选框单选框演示地址https://little-littleprogrammer.github.io/npm-components/dist/#/地址里还有其他的组件,有兴趣的可以看下~实现的功能1、当下拉框数据量很大时,下拉框会存在很大的卡顿,所以本组件实现了,可以自定义加载条数,当检测到滚动条到达底部,继续缓存,从而实现不会卡顿2、多选时,选择的内容以tag的形式出现,已选择的内容也会出现在下拉框右侧API参

2021-06-21 14:05:37 1080

原创 html2canvas的简单实现

目录实现的功能演示地址使用方式具体的实现开发时遇到的难点与解决方式遗留的问题全部代码实现的功能1、将传入的html元素变成canvas2、最后返回一个promise对象,对象为canvas元素演示地址https://little-littleprogrammer.github.io/npm-components/dist/#/地址里还有其他的组件,有兴趣的可以看下啊使用方式参数1: 要转换的dom元素参数2: 要设置给canvas的配置{ width: 100, height: 1

2021-06-21 11:08:59 988 1

原创 页面增加水印,并且不可通过控制台与更改样式删除

目录效果展示演示地址实现的功能具体的实现水印斜向平铺部分生成canvas部分监听控制台元素删除部分实现的效果实现原理监听控制台元素样式更改部分实现的效果实现原理效果展示演示地址https://little-littleprogrammer.github.io/npm-components/dist/#/地址里还有其他的组件,有兴趣的可以看下啊实现的功能1、实现页面全局水印,水印斜向平铺布满整个页面2、不可通过F12的控制台进行对水印canvas元素的删除和样式的更改具体的实现说明:

2021-06-21 10:21:33 996

原创 图片添加水印,可实现水印旋转,拖拽,缩放,导出

说明:本文通过循序渐进的方式讲解,所以重复代码可能有点多。并且每一部分的注释是专门用于讲解该部分的代码的,所以在看每一部分功能代码时,只需要看注释部分就好~

2021-05-10 14:59:07 1346

原创 【vue实现,轻量级代码】轮播图组件,滑动,触摸,鼠标按键,鼠标滚轮,分为上下和左右滚动,

轮播图组件描述1、swiper组件内包含的样式太多了,为了轻量化展示效果,所以封装组件功能1、适配移动端和pc端2、可通过鼠标滑动、手机触摸,鼠标按键,鼠标滚轮触发3、分为上下滚动和左右滚动组件代码组件代码部分展示效果代码演示<template> <qm-swiper swiperStyle="x" :imgList="imgList" :lunboTime="null" width="800"></qm-swiper></templ

2021-05-06 18:47:54 861

原创 vue实现淘宝图片放大器的效果

实现淘宝图片放大器的效果描述:将鼠标移入可以实现放大点击右上角图标可以查看原图基于ant-design-vue,使用了a-modal,a-icon组件,可以根据自定义删除或更换效果如下组件API属性名称属性值imageUrl(图片路径)StringimageSize(图片大小)Numberindex(类的序号)Number组件源码csdn下载...

2021-04-13 13:43:18 594

原创 根据中间图示内容,实现环形进度条功能

根据中间图示内容,实现环形进度条功能,废话不多说,来看代码吧以下是代码<template> <el-card class="card-container-1"> <div class="circle"> <div class="icon icon-1"> <span>居置</span> <div></div> </div> <.

2021-02-23 21:13:11 124

原创 vue+css实现的步骤条(项目时间进度条)效果

进行作业时,因为element提供的步骤条样式太少了,就自己写了个,整体效果如图所示功能:可以根据所传的数组,去分布步骤条的总需步骤根据数组里对象的state属性,可以显示步骤条的进度liner组件代码<template> <div> <div v-for="(item, index) in option" :key="index" class="container" :style="{width: (1.

2021-01-29 18:43:01 3333 1

原创 uniapp封装的下拉框组件

uniapp封装的下拉框组件,纯原生整体图:背景:因为uniapp没有提供很方便的下拉框组件,所以想着自己封装一个,结果出人意料的好用实现功能:1、动态计算下拉框标题个数,动态分配样式,以实现等宽2、点击时,小箭头会有旋转动画3、实现遮罩层,当下拉框打开,其余部分全部遮罩层显示4、下拉框打开,有动画效果,徐徐打开5、动态计算下拉框高度,会根据下拉框的内容个数计算总高度使用方式:// 渲染层直接使用<dropList :dropTitle = 'dropTitle' :drop

2020-12-18 18:59:12 9469 1

原创 ssm+vue实现图书管理功能

sqlmysql,数据需自己添加helloMoney用vscode打开# install npm install# run npm run devssm用IDEA打开,tomcat9.0运行weStore微信小程序,用微信开发者工具打开,用了vant-weapp的插件小程序还未开发完成,只开发了扫码页面。目前还在开发描述涉及到: 前端:vue...

2020-03-27 15:09:02 1077

html2canvas.js

将代码变成canvas

2021-05-10

qm- swiper.zip

轮播图

2021-05-07

类似淘宝pc页面的图片放大器

类似淘宝pc页面的图片放大器

2021-04-13

uni-app下拉框实现

uni-app下拉框实现,纯原生写法

2020-12-18

ssm+vue图书管理系统.zip

1、 打开页面后,跳到登录页面,输入用户名和密码(登陆时,会根据数据库校验用户名与密码,密码为MD5加密,(用户名:wal,密码:123456)此为管理员用户,其他普通用户可在管理员用户里创建,管理员用户和普通用户会根据不同的路由规则跳转到不同的页面) 2、 当用户借阅图书后,管理员可进行催还,催还后,会在普通用户登陆时弹出催还信息 3、 用户可对以借阅的图书进行打印(因为我用的是谷歌浏览器自带的生成pdf的功能,不知道其他浏览器是否支持) 4、 增加屏保功能,在登录页面时,当用户5分钟没有输入数据,则切换到屏保 5、 新增小程序二维码扫码登录功能,(目前由于userName写死为“wal”,所以登录都为管理员用户) 6、 新增将excel表中的数据导入至数据库的功能 7 其他功能为一些必要功能,大家可以自己去尝试

2020-03-27

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

TA关注的人

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