随笔分类 - html

quagga 识别文件上传条形码

摘要：注意图片记得清晰一点 quagga.js文件下载地址 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Barcode Scanner</title> <script src="https://cdn.boot 阅读全文

posted @ 2024-12-06 11:00 前端搬运工bug 阅读(29) 评论(0) 推荐(0) 编辑

摸鱼办提醒倒计时

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2024-08-15 17:06 前端搬运工bug 阅读(26) 评论(0) 推荐(0) 编辑

解决屏幕缩放大小让元素不变动

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>test div</title> </head> <style> body, html { padding: 0; margin: 0; } #app, bod 阅读全文

posted @ 2024-01-16 16:10 前端搬运工bug 阅读(137) 评论(0) 推荐(0) 编辑

跨页面新手引导思路

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2023-12-26 10:31 前端搬运工bug 阅读(50) 评论(0) 推荐(0) 编辑

h5拍照功能

摘要：<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, 阅读全文

posted @ 2023-01-11 13:39 前端搬运工bug 阅读(144) 评论(0) 推荐(0) 编辑

flex 简单案例

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-09-20 23:22 前端搬运工bug 阅读(29) 评论(0) 推荐(0) 编辑

flex 子元素属性设置

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-09-20 22:26 前端搬运工bug 阅读(214) 评论(0) 推荐(0) 编辑

flex 父元素属性

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-09-20 21:43 前端搬运工bug 阅读(23) 评论(0) 推荐(0) 编辑

防抖与节流方法

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-09-12 16:39 前端搬运工bug 阅读(26) 评论(0) 推荐(0) 编辑

递归模糊查询所有字段树形数据

摘要：效果：代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" cont 阅读全文

posted @ 2022-08-08 19:18 前端搬运工bug 阅读(112) 评论(0) 推荐(0) 编辑

纯js 导出excle文件

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文

posted @ 2022-06-20 17:53 前端搬运工bug 阅读(257) 评论(0) 推荐(0) 编辑

时间戳实现关闭页面和刷新的区别

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2022-06-20 16:35 前端搬运工bug 阅读(38) 评论(0) 推荐(0) 编辑

模仿百度分页

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device 阅读全文

posted @ 2022-06-20 16:33 前端搬运工bug 阅读(29) 评论(0) 推荐(0) 编辑

css呼吸灯

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style type='text/css'> .circle { width: 200px; height: 阅读全文

posted @ 2022-06-20 16:33 前端搬运工bug 阅读(316) 评论(0) 推荐(0) 编辑

动态二级联动

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2022-06-20 16:32 前端搬运工bug 阅读(22) 评论(0) 推荐(0) 编辑

对象合并去重

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./jquery-3.5.1.min.js"></script> </head> <body> <scri 阅读全文

posted @ 2022-06-20 16:32 前端搬运工bug 阅读(71) 评论(0) 推荐(0) 编辑

全屏水印

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>水印</title> <style> #water-div{pointer-events:none;position:fixed;top:0;left:0;right:0;bott 阅读全文

posted @ 2022-06-20 16:31 前端搬运工bug 阅读(198) 评论(0) 推荐(0) 编辑

css3逐帧动画

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css3逐帧动画</title> <style> @keyframes run{ 0%{ background-position: 0 0; } 8.333%{ 阅读全文

posted @ 2022-06-20 16:30 前端搬运工bug 阅读(55) 评论(0) 推荐(0) 编辑

jq 树形联动选中，根据后台数据二次修改数据

摘要：结果后台数据与修改结果代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewp 阅读全文

posted @ 2022-06-20 16:29 前端搬运工bug 阅读(60) 评论(0) 推荐(0) 编辑

自定数组删除某个值

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2022-06-20 16:19 前端搬运工bug 阅读(21) 评论(0) 推荐(0) 编辑