- 博客(10)
- 资源 (5)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 大数据下拉框的简单实现
目录效果展示多选框单选框演示地址实现的功能API参数事件 效果展示 多选框 单选框 演示地址 https://little-littleprogrammer.github.io/npm-components/dist/#/ 地址里还有其他的组件，有兴趣的可以看下～ 实现的功能 1、当下拉框数据量很大时，下拉框会存在很大的卡顿，所以本组件实现了，可以自定义加载条数，当检测到滚动条到达底部，继续缓存，从而实现不会卡顿 2、多选时，选择的内容以tag的形式出现，已选择的内容也会出现在下拉框右侧 API 参
2021-06-21 14:05:37
1264
原创 html2canvas的简单实现
目录实现的功能演示地址使用方式具体的实现开发时遇到的难点与解决方式遗留的问题全部代码 实现的功能 1、将传入的html元素变成canvas 2、最后返回一个promise对象，对象为canvas元素 演示地址 https://little-littleprogrammer.github.io/npm-components/dist/#/ 地址里还有其他的组件，有兴趣的可以看下啊 使用方式 参数1： 要转换的dom元素 参数2: 要设置给canvas的配置{ width: 100, height: 1
2021-06-21 11:08:59
1293
1
原创 页面增加水印，并且不可通过控制台与更改样式删除
目录效果展示演示地址实现的功能具体的实现水印斜向平铺部分生成canvas部分监听控制台元素删除部分实现的效果实现原理监听控制台元素样式更改部分实现的效果实现原理 效果展示 演示地址 https://little-littleprogrammer.github.io/npm-components/dist/#/ 地址里还有其他的组件，有兴趣的可以看下啊 实现的功能 1、实现页面全局水印，水印斜向平铺布满整个页面 2、不可通过F12的控制台进行对水印canvas元素的删除和样式的更改 具体的实现 说明：
2021-06-21 10:21:33
1345
1
原创 图片添加水印，可实现水印旋转，拖拽，缩放，导出
说明：本文通过循序渐进的方式讲解，所以重复代码可能有点多。并且每一部分的注释是专门用于讲解该部分的代码的，所以在看每一部分功能代码时，只需要看注释部分就好~
2021-05-10 14:59:07
1596
原创 【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
972
原创 vue实现淘宝图片放大器的效果
实现淘宝图片放大器的效果 描述： 将鼠标移入可以实现放大 点击右上角图标可以查看原图 基于ant-design-vue，使用了a-modal，a-icon组件，可以根据自定义删除或更换 效果如下 组件API 属性名称 属性值 imageUrl（图片路径） String imageSize（图片大小） Number index（类的序号） Number 组件源码 csdn下载 ...
2021-04-13 13:43:18
699
原创 根据中间图示内容，实现环形进度条功能
根据中间图示内容，实现环形进度条功能，废话不多说，来看代码吧 以下是代码 <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
218
原创 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
3722
1
原创 uniapp封装的下拉框组件
uniapp封装的下拉框组件，纯原生 整体图： 背景： 因为uniapp没有提供很方便的下拉框组件，所以想着自己封装一个，结果出人意料的好用 实现功能： 1、动态计算下拉框标题个数，动态分配样式，以实现等宽 2、点击时，小箭头会有旋转动画 3、实现遮罩层，当下拉框打开，其余部分全部遮罩层显示 4、下拉框打开，有动画效果，徐徐打开 5、动态计算下拉框高度，会根据下拉框的内容个数计算总高度 使用方式： // 渲染层直接使用 <dropList :dropTitle = 'dropTitle' :drop
2020-12-18 18:59:12
9820
1
原创 ssm+vue实现图书管理功能
sql mysql，数据需自己添加 helloMoney 用vscode打开 # install npm install # run npm run dev ssm 用IDEA打开，tomcat9.0运行 weStore 微信小程序，用微信开发者工具打开，用了vant-weapp的插件 小程序还未开发完成，只开发了扫码页面。目前还在开发 描述 涉及到： 前端：vue...
2020-03-27 15:09:02
1215
ssm+vue图书管理系统.zip
2020-03-27
vue的rules验证问题？
2019-07-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人