![](https://img-blog.csdnimg.cn/442360d1b16d4628aa9eeb1caac10927.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
小案例、小demo
文章平均质量分 60
小案例、小demo,自己写的小案例,帮助大家快速上手。
有两把刷子
鲜花并不都在春天盛开,河流也并不是最终都要并入大海,人生也没有规定要按照一个模板去生活。
鲜花可以盛开在四季,河流也可以流向八方,你也可以按照自己的方式去生活。心中对生活有热爱,山海皆可平,人生处处是风景。
大家好我是刷子哥,来自河南鹤壁,目前从事web开发,热爱web,热爱开源,热爱生活。
展开
-
vue3setup标签语法 + vite + delfin 递归组件实现无限评论功能
对进行的评论可以无限进行回复(递归组件和数据tree处理)根据不同的人名可以进行评论(tap切换)localStorage 本地存储的使用。1、定义tab结构作为评论的人名切换。原创 2023-08-18 16:05:01 · 921 阅读 · 1 评论 -
大文件怎么实现切片上传?「硬核」
大家好我是刷子哥,今天学了下大文件上传马上把笔记分享出来大家一起学习;夫学须志也,才须学也,非学无以广才,非志无以成学(要知真知必须使身心在宁静中研究探讨,人们的才能是从不断学习中积累起来的,不学习就难以增长才干,不立志就难以学有所成)。——诸葛亮 ,废话不说直接干货。首先这个大文件上传的思路就是前端把 file用slice进行切割将文件切割成指定的等份,while 循环调用上传的接口向后端发送数据,直到切割文件的大小和文件的大小一致就终止循环。后端有文件就进行叠加文件,没有就新建一个文件。原创 2022-11-07 18:01:58 · 1639 阅读 · 0 评论 -
vue3搭配ts和echarts实现疫情地图自配接口,省级可以进二级市区右侧可查看高低。
vue3搭配ts和echarts实现疫情地图自配接口,省级可以进二级市区右侧可查看高低。本次项目需要使用到 vue3 +ts + echarts 第三方的可视化图表库原创 2022-04-18 22:26:59 · 2074 阅读 · 3 评论 -
Intersection Observer Api 实现了图片懒加载和上划加载更多.
目前有一个新的 API 叫 IntersectionObserver (交叉观察器) 可以自动"观察"元素是否可见,可见的本质是,目标元素与视口产生一个交叉区,所以这个 API 叫做"交叉观察器"。Chrome 51+ 已经支持。实现了图片懒加载和上划加载更多原创 2022-02-08 11:28:12 · 1025 阅读 · 0 评论 -
基于原生js单例模式打造的楼层导航,左右tab实时切换。【硬核】
基于原生js单例模式打造的楼层导航,左右tab实时切换。【硬核】原创 2022-02-06 09:37:56 · 652 阅读 · 1 评论 -
写了一个抽奖功能的小demo 练一下随机数,点击循环到随机的数字,上代码。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2021-11-09 19:54:06 · 380 阅读 · 0 评论 -
开发者百度地图的使用,做一个小demo,ak秘钥,
1、先注册百度账号 网址:百度地图开放平台 | 百度地图API SDK | 地图开发2、进入要认证的准备身份证正反面的照片,认证的时候随便填一下3、要创建ak 也就是访问百度地图的秘钥,域名不要瞎写,就是你常常访问的域名。ak就是访问网址的秘钥注册ak4、在vscode中打开5、我写的小demo,如果网址的key不能用了,自己弄一下<!DOCTYPE html><html><head> <...原创 2021-11-04 17:22:47 · 3865 阅读 · 0 评论 -
穿梭门穿梭框带checkbox复选框选中todolist 两个框 jqueryb版本
穿梭门穿梭框带checkbox复选框选中todolist 两个框 jqueryb版本原创 2021-07-29 11:34:24 · 557 阅读 · 1 评论 -
TODOLIST本地存储版依赖jq
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <ti..原创 2021-07-12 10:53:19 · 140 阅读 · 0 评论