js实战篇
悠悠~飘
路漫漫其修远兮,吾将上下而求索
展开
-
excel-gen.js 导出excel 功能
主要是highcharts图表数据导出为excel,highcharts本身自带导出功能和额外使用excel-gen.js编写导出功能。原创 2023-11-20 18:04:06 · 709 阅读 · 0 评论 -
html a标签 锚点跳转 href -js实战篇
总结:使用原创 2022-10-11 18:02:51 · 2716 阅读 · 0 评论 -
Swiper3.x 自定义指示器-pagination
很久没有更新博客了,最近一直在写静态页面,这就总是避不开swiper轮播,那swiper3.x以上版本怎么自定义一个指示器呢pagination?原创 2022-09-19 19:03:55 · 1746 阅读 · 0 评论 -
【JS实战】隐藏input -file,点击图片触发文件上传,并存到数据库中
在写个人博客过程中,遇到一个问题,点击图片更换图片,并将图片文件上传到数据库这个也可以应用到上传头像,改变头像下面来看一下实现过程:html部分 <img src="${data.imgUrl}" id ="imgs"/> <input hidden type="file" id="files1" multiple onchange ="imgChange()" size="mini"> css部分就是将两原创 2022-04-19 21:05:45 · 2188 阅读 · 1 评论 -
【侧边栏滑动】-js实战篇
<!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.原创 2022-03-12 17:25:31 · 365 阅读 · 1 评论 -
echart.js插件,画柱状图
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>ECharts</title> <!-- 引入刚刚下载的 ECharts 文件 --> <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>.转载 2022-02-21 09:23:51 · 457 阅读 · 2 评论 -
【js-实战篇】放大镜
实现效果,如图所示:主要用到了事件绑定,和位置计算的几个常用属性,clientX,clientY,offsetTop.offsetLeft(和定位配合使用)下面是代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale.原创 2022-02-06 17:14:56 · 423 阅读 · 4 评论 -
【js实战篇】点名抽奖系统
实现原理:1.和红绿灯的原理是一样的,我没有使用定位来写,而是给每个div一个指向2.用到了定时器点击开始按钮开始抽奖,div依次变红!下面是js代码,需要的自取<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <me原创 2022-01-17 08:42:38 · 537 阅读 · 6 评论 -
【js实战篇】表格的全选和删除
本篇用到了table布局,数组循环和节点的相关操作,引入了bootstrap的表格css文件。下面是代码,有需要自取<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content=原创 2022-01-09 16:39:22 · 1771 阅读 · 6 评论 -
【JS实战篇-红绿灯自动切换】
本篇用到了基本的js对象的创建,定时器setInterval,document节点的调用,css的样式布局。废话不多说,下面是代码,有需要自取<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpo原创 2022-01-09 16:29:19 · 465 阅读 · 4 评论 -
javaScript省级联动【JS实战篇】
主要实现省市区三个的选择联动原创 2021-12-25 15:32:00 · 584 阅读 · 4 评论