- 博客(10)
- 资源 (5)
- 问答 (1)
- 收藏
- 关注
原创 大数据下拉框的简单实现
目录效果展示多选框单选框演示地址实现的功能API参数事件效果展示多选框单选框演示地址https://little-littleprogrammer.github.io/npm-components/dist/#/地址里还有其他的组件,有兴趣的可以看下~实现的功能1、当下拉框数据量很大时,下拉框会存在很大的卡顿,所以本组件实现了,可以自定义加载条数,当检测到滚动条到达底部,继续缓存,从而实现不会卡顿2、多选时,选择的内容以tag的形式出现,已选择的内容也会出现在下拉框右侧API参
2021-06-21 14:05:37 1081
原创 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 994 1
原创 页面增加水印,并且不可通过控制台与更改样式删除
目录效果展示演示地址实现的功能具体的实现水印斜向平铺部分生成canvas部分监听控制台元素删除部分实现的效果实现原理监听控制台元素样式更改部分实现的效果实现原理效果展示演示地址https://little-littleprogrammer.github.io/npm-components/dist/#/地址里还有其他的组件,有兴趣的可以看下啊实现的功能1、实现页面全局水印,水印斜向平铺布满整个页面2、不可通过F12的控制台进行对水印canvas元素的删除和样式的更改具体的实现说明:
2021-06-21 10:21:33 1001
原创 图片添加水印,可实现水印旋转,拖拽,缩放,导出
说明:本文通过循序渐进的方式讲解,所以重复代码可能有点多。并且每一部分的注释是专门用于讲解该部分的代码的,所以在看每一部分功能代码时,只需要看注释部分就好~
2021-05-10 14:59:07 1351
原创 【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 126
原创 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 3341 1
原创 uniapp封装的下拉框组件
uniapp封装的下拉框组件,纯原生整体图:背景:因为uniapp没有提供很方便的下拉框组件,所以想着自己封装一个,结果出人意料的好用实现功能:1、动态计算下拉框标题个数,动态分配样式,以实现等宽2、点击时,小箭头会有旋转动画3、实现遮罩层,当下拉框打开,其余部分全部遮罩层显示4、下拉框打开,有动画效果,徐徐打开5、动态计算下拉框高度,会根据下拉框的内容个数计算总高度使用方式:// 渲染层直接使用<dropList :dropTitle = 'dropTitle' :drop
2020-12-18 18:59:12 9473 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
ssm+vue图书管理系统.zip
2020-03-27
vue的rules验证问题?
2019-07-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人