JavaScript
关注
分享
扫一扫
JavaScript
宁漂打工仔
有的人不曾以强力取胜，却以真诚、忍让、善良感人，其实，这是生活中真正的强者
展开
-
jquery ajax实现一起提交文件和表单元素
前端<!DOCTYPE html><html lang="en" class="no-js" xmlns:th="http://www.thymeleaf.org"><body id="body" data-spy="scroll" data-target=".header"><!--<div th:replace="theme/left-music::left-music"></div>--><!-- Produc原创 2022-04-20 09:05:00 · 718 阅读 · 0 评论 -
jquery实现某一区域禁用滚动栏事件
开发中遇到一个问题，期望滚动地图区域实现地图缩放，滚动地图区域之外实现滚动栏滚动。 实现思路：监听滚动事件判断当前鼠标停留的位置如果鼠标悬停在地图区域，则将滚动栏参数值置为-1$(function () { // 鼠标进入到区域后，则存储当前window滚动条的高度 var scrollTop = -1; $('body').hover(function(event){ scrollTop = $(window).scrollTop(); }, f原创 2021-08-31 09:43:13 · 488 阅读 · 0 评论 -
echarts 环形图上牵引线样式自定义
在series内部添加如下代码label: { show: true, position: 'outer', width:0, height: 0, lineHeight: 0, backgroundColor: 'auto', padding: [2,-2,2,-2], borderRadius: 2, ..原创 2021-04-14 15:07:40 · 2946 阅读 · 0 评论 -
html+jquery页面实现将echarts打印
需求：将页面中的内容打印到A4纸上实现原理：将页面内容截图并添加到页面元素，使用htmlCanvas进行打印html部分被打印资源<div id="print-wrap"> ..内容</div>打印内容的暂存位置<div id="reocrd-wrap"> <img id="screenShotImg" style="" /></div>js部分 function submitHandler(原创 2021-03-18 11:14:18 · 490 阅读 · 0 评论 -
jquery实现左侧菜单淡入淡出
实现效果如图html<div class="left-nav"> <!-- 左部导航栏 --> <div class="left-nav-title"> 台区能源互联网 </div> <div class="left-nav-.原创 2021-02-05 18:29:11 · 413 阅读 · 0 评论 -
js 获取农历日期
var CalendarData = new Array(100);var madd = new Array(12);var tgString = "甲乙丙丁戊己庚辛壬癸";var dzString = "子丑寅卯辰巳午未申酉戌亥";var numString = "一二三四五六七八九十";var monString = "正二三四五六七八九十冬腊";var weekString = "日一二三四五六";var sx = "鼠牛虎兔龙蛇马羊猴鸡狗猪";var cYear, cMonth,..原创 2021-02-02 08:43:22 · 1501 阅读 · 4 评论 -
Jquery Ajax上传文件并提交表单其它属性
1.前端代码$('.btn-confirm').click(function () { console.log($( '#postForm').serialize()); var versionNo = $("#versionNo").val(); var deviceNoStr = $("input[name='deviceNoStr']").val(); var batchId = $("input[原创 2021-01-27 19:57:05 · 211 阅读 · 0 评论 -
js对abc进行排序
function sortByPhaseName(list){ if(list && list.length > 0){ Array.prototype.sort.call(list,function(a,b){ var name1 = a.name.replace('相',''); var name2 = b.name.replace('相',''); return name1.c...原创 2021-01-12 10:42:47 · 3821 阅读 · 0 评论 -
echarts实现3D立体堆叠柱状图
基于这篇博客的灵感，在其基础上做了一些改动；https://blog.youkuaiyun.com/Dalin0929/article/details/111906862效果图实现代码：var legends = ['A相','B相','C相']; var name = ['01:00','02:00','03:00','04:00','05:00','06:00','07:00','08:00','09:00','10:00','11:00','12:00','13:00']..原创 2021-01-11 17:10:24 · 6538 阅读 · 3 评论 -
echarts 轮播图事件监听
代码解析var chartData1 = []; var chartData2 = []; //console.log(res); $.each(res.datalist, function (key, value) { value=formatData(value,0); chartData2.push({ type: 'tree', itemStyle: { color:'#ded3b0', borderColor:..原创 2020-11-03 17:20:20 · 785 阅读 · 0 评论 -
js闭包语法入门
<!-- Add your site or application content here --> <p>Hello world! This is HTML5 Boilerplate.</p> <button onclick="clickChange()">点击</button> <button onclick="reset()">还原</button> <h1></h1> .原创 2020-09-04 11:56:25 · 221 阅读 · 0 评论 -
js 根据uuid生成种子随机数
/** * 种子随机数 * @param max * @param min * @param seed * @returns {number} */Math.seededRandom = function(max, min, seed) { max = max || 1; min = min || 0; seed = (seed * 9301 + 49297) % 233280; var rnd = seed / 233280.0; // return Math.ceil( ..原创 2020-08-27 16:13:49 · 453 阅读 · 0 评论 -
layui表单的使用
一、需要一个完整的form <form class="layui-form layui-form-pane search-form" action="${basePath}/operlog/logCheck.shtml" method="post"> <div class="layui-form-item" > ...原创 2020-03-26 15:15:56 · 605 阅读 · 0 评论