前端集
含 css 、js、jquery、html、jsp、jqGrid、freemarker等文章
往事不堪回首..
这个作者很懒,什么都没留下…
展开
-
layui日历插件
layui日历插件原创 2023-12-06 15:28:05 · 495 阅读 · 0 评论 -
post请求同步异步的各种问题
post请求同步异步的各种问题原创 2023-12-06 10:55:33 · 216 阅读 · 0 评论 -
超级详细的Ztree详解
超级详细的Ztree详解1、添加样式、js<link rel="stylesheet" href="${ctx}/hollybeacon/resources/plugins/zTree_v3/css/demo.css" type="text/css"><link rel="stylesheet" href="${ctx}/hollybeacon/resources/plu转载 2018-05-14 10:39:30 · 41012 阅读 · 10 评论 -
JS输入框正则校验
1. 开发中需要对etl组件统一进行input输入框校验,允许为空,可以不校验,默认校验长度和特殊字符,代码如下,记录以备复用/** * 数据值校验工具类 */var checkService = { // 不校验 none: function () { return true; }, //非空校验 isEmpty:fu...原创 2018-11-26 15:40:50 · 616 阅读 · 0 评论 -
EL表达式无法正确获取值的可能原因
1. jsp/servlet版本的问题在默认情况下,Servlet 2.3 / JSP 1.2是不支持EL表达式的解决方法:<c:out>标签所在jsp页面中加入这句代码:<%@ page isELIgnored="false" %>引入EL表达式:<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>...原创 2022-04-06 16:46:37 · 1401 阅读 · 0 评论 -
JQGRID 中的EDITRULES来自定义COLMODEL验证规则
editrules editrules是用来设置一些可用于可编辑列的colModel的额外属性的。大多数的时候是用来在提交到服务器之前验证用户的输入合法性的。比如editrules:{edithidden:true, required:true....}。 可选的属性包括: edithidden:只在Form Editing模式下有效,设置为true,就可以让隐藏字段...转载 2018-11-26 11:33:19 · 821 阅读 · 1 评论 -
jqGrid 各种参数 详解
下面是转自其他人blog的一个学习资料,与其说是学习资料,说成查询帮助文档更加合适。jqGrid学习之 ------------- 安装jqGrid安装很简单,只需把相应的css、js文件加入到页面中即可。 按照官网文档:/myproject/css/ ui.jqgrid.css /ui-lightness/ ...转载 2018-11-15 09:59:46 · 262 阅读 · 0 评论 -
HTML点击按钮自动复制文本
HTML点击按钮自动复制文本原创 2022-12-07 15:09:53 · 1015 阅读 · 0 评论 -
top类型的导航栏样式
类似CF中鼠标滑过活动列表<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=n..原创 2021-12-24 17:12:35 · 793 阅读 · 0 评论 -
jquery DateUtils类
/** * * @项目名称:wyait-manage * @文件名称:data-utils * @类描述:js时间转换工具类 * @创建时间:2018年5月24日17:13:58 */var DateUtils = { /** * @描述:获取当前时间毫秒数 * @创建时间:2015年12月23日 */ getCurrentMsTime : function() { var myDate = new Date(); return myDate.getTime();.原创 2022-01-11 16:26:45 · 91 阅读 · 0 评论 -
js中的同步执行
async function aaa(xxx){如果aaa方法返回的不是一个promise对象那么就需要在使用then方法的调用方法定义上加上 async使它返回一个promise默认,这样就可以使用then了,否则会报错}aaa(xxx).then(function(data){data是aaa方法的返回值,也就是这个方法体一定会等aaa这个方法执行完毕之后再执行});...原创 2021-05-17 11:15:29 · 5738 阅读 · 0 评论 -
JavaScript弹出对话框的三种方式-alert()-confirm()-prompt()区别和联系
JavaScript弹出对话框的三种方式投稿:mrr 字体:[增加 减小] 类型:转载 时间:2016-03-23 我要评论本文主要介绍了javascript中的三种弹出对话框,分别是alert()方法,confirm()方法,prompt()方法,对javascript弹出对话框相关知识感兴趣的朋友一起学习吧学习过js的小伙伴会发现,我们在一些转载 2017-07-03 15:08:12 · 74838 阅读 · 5 评论 -
js中使用ajax局部刷新页面
@RequestMapping(value = "/toxxx")public ModelAndView toxxx() { return new ModelAndView("xxx"); //xxx中写的是html的名字,不包含html}第一种:$("#welcome”).load("/toxx"); //某个div跳转到/toxx 第二种:$.ajax({ type: "post", url: '/toxxx', success: function(...原创 2021-12-16 15:20:22 · 201 阅读 · 0 评论 -
Ztree树详解
xch问题库Ztree树操作<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ include file="/WEB-INF/views/include/taglib.jsp"%><html><原创 2018-05-14 10:35:52 · 1383 阅读 · 0 评论 -
【zTree】zTree根据后台数据生成树并动态设置前面的节点复选框的选中状态
0.页面中准备树的ul<ul id="treeDemo10" class="ztree" style="display: none;"></ul> 1.生成部门树的JS// 查询外部部门结构var searchUnitTree = function() { $.ajax({ url : contextPath + '/exam_getUnitTre...转载 2018-05-14 10:49:26 · 2174 阅读 · 2 评论 -
简洁好看的登录页面(每秒刷新当前时间)
简洁好看的登录页面(每秒刷新当前时间)原创 2022-06-01 12:12:40 · 258 阅读 · 0 评论 -
设置selected选中的多种方法(总结)
jquery设置select下拉框切换几次之后不起作用原本使用$("#selectId").find(“option[value=‘val’]”).attr(“selected”, true)设置option选中,发现只在第一次切换时有用,第二次切换就不起作用了。后面发现浏览器有兼容性问题,这种设置方法不好使,需要只用jquery的prop()方法赋值。$("#selector").fi...原创 2020-05-06 11:23:21 · 4903 阅读 · 2 评论 -
springboot项目引入layui.js报错layer.css?v=3.5.1 net::ERR_ABORTED 404的解决办法
springboot项目引入layui.js报错layer.css?v=3.5.1 net::ERR_ABORTED 404的解决办法原创 2022-07-21 14:35:12 · 1990 阅读 · 1 评论 -
单选框选择后值无效(值不变更)的诡异原因
单选框选择后值无效(值不变更)的诡异原因原创 2022-07-29 09:52:24 · 546 阅读 · 0 评论 -
替换IE浏览器才能识别的document.execCommand(‘SaveAs‘,false,‘Test.xls‘)两种方法
原文:html页面导出为excel表格 - 别动我的猫 - 博客园 (cnblogs.com)document.execCommand('SaveAs',false,'Test.xls');//该方法只在IE中支持,谷歌/edge都无法识别,//因IE不再被微软推荐使用,手上多个项目需要整改借鉴网上已有的例子实现在其他浏览器正常下载页面表格到Excel:<!DOCTYPE html><html><head> <meta charse.转载 2022-03-22 15:52:19 · 1393 阅读 · 0 评论 -
百度地图js使用方法
js下载地址:http://www.jq22.com/xzcj.aspx?id=B02C0A5843F0913B1C4EBB88EAC43532F99BD0D6E8C5AB9E1C3410704DE95159886A4941E6335867FFCBF95360659BDA0D2AA4452A2366CE插件描述:jquery百度地图全景图注:查看全景图需要开启浏览器flash,且在服务器端查看开启...原创 2018-04-19 14:16:57 · 1036 阅读 · 0 评论 -
关于js中两种定时器的设置及清除
1、JS中的定时器有两种:window.setTimeout([function],[interval]) 设置一个定时器,并且设定了一个等待的时间[interval],当到达时间后,执行对应的方法[function],当方法执行完成定时器停止(但是定时器还在,只不过没用了);window.setInterval([function],[interval]) 设置一个定时器,并且设定了一个等待转载 2017-07-03 15:32:23 · 464 阅读 · 0 评论 -
layui好看的按钮(类似滑动按钮)代替单选框
<div class="layui-btn-group"> <input hidden id ="checkStatus" value="${checkStatus}"> <button type="button" id="checkStatus1" th:classappend="${checkStatus == '0' or checkStatus == 0?'layui-btn':'layui-btn layui-btn-primary'}" onclick="ta.原创 2021-11-19 12:56:54 · 1304 阅读 · 0 评论 -
Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库
因为自己需要做产品,所以一个好的UI界面也是很重要的,发现这种散射的原子颗粒特效还不错,就弄了一个官方github:https://github.com/VincentGarreau/particles.js/demo制作器,注意可能需要FQhttps://codepen.io/VincentGarreau/pen/pnlso 这个可以把你制作的demo导出http://vincentgarrea...转载 2018-04-13 16:54:57 · 1201 阅读 · 0 评论 -
超简单的弹框(带定时关闭+关闭之后跳转)
/** * 弹框提示 * @param ImgSrc 提示图片 值:1=>成功;2=>失败;3=>加载中 * @param Hint 提示内容 * @param Keep 提示显示时间 * @param Urles 调转连接 * @constructor */function massage(type,Hint,Keep,Urles) { var dom = "<div id='Popout' style='font-weight: 800;font-si.原创 2021-11-12 17:07:31 · 920 阅读 · 0 评论 -
jquery各种常用获取tr中的td,td中的input,以及一些数字校验
var row = $("#grid tr:visible").length; //获取table中所有tr的行数var tr = $("#grid tr");//grid是table的id,获取table下所有的trfor (i = 1; i < row; i++) { //数据 是从第1行开始,0行一般是标题 var td = tr.eq(i).children('td'); //获取tr下所有的td td.each(function(j){ // 遍历 tr 的各个 td...原创 2021-12-08 10:54:01 · 6961 阅读 · 0 评论 -
js中的正则表达式
var reg = new RegExp("^[0-9]*$"); if (val.trim().length!=9 || !reg.test(val.trim())) { alert("必须是9位数字!"); } var reg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,15}$/ ; //不能全数字,不能全字母的数字字母混合字符串 if (!reg.test(val.trim())) { alert("必须只能是字母+数...原创 2021-12-10 12:37:14 · 594 阅读 · 0 评论 -
访问人数动态显示(动画样式展示)
访问人数动态显示(动画样式展示,跳动展示从0跳到指定数字)原创 2022-03-04 11:00:26 · 44 阅读 · 0 评论 -
页面局部跳转页面(原有窗口跳转/弹框跳转)
<a href="#" target="_blank" onclick="toTest();">Test</a>当a标签有 target="_blank" 属性时,会在打开的一个新窗口加载数据,比如跳转页面就会弹出新页面,而不是在原有页面中加载有菜单栏的页面局部跳转的方法:第一种方法:@GetMapping(value="/toTest") public ModelAndView toTest() { return new ModelAndView("原创 2021-10-21 10:24:18 · 1966 阅读 · 0 评论 -
验证密码段中在要求的四种(大写字母,小写字母,数字,标点符号)类型中至少存在三种,且位数在8-30之间
验证密码段中在要求的四种(大写字母,小写字母,数字,标点符号)类型中至少存在三种,且位数在8-30之间原创 2022-06-09 12:54:32 · 792 阅读 · 0 评论 -
js传值后台
1. 如果普通实体直接在接口上用实体接收就可以了2. 如果接收的是List 那么需要在参数前面加上@RequestBody :@PostMapping(value="/test")public String test(@RequestBody List<test> list){}如果前端传值使用的是ajax,那么还需要注意必须把List转换成json,因为貌似js中没有List数据类型:$.ajax({ type: "post", url: '/test',原创 2021-11-04 12:52:16 · 2120 阅读 · 0 评论 -
js中拼接input在页面中不随输入的数据而变化的解决办法
原文地址(原文还有一种复杂解决办法):input文本框的value属性在页面中不随输入的数据而变化 - QiaoZhi - 博客园页面中input修改后浏览器按F12时html还是显示原来的值:解决办法:<input type="number" name="count" oninput="if(this.value>10) value=10" value ="10" onchange="tempSaveInput(this)">function tempSave原创 2021-12-17 14:40:35 · 642 阅读 · 0 评论 -
经常用的html中this传js获取元素值
<table> <tr <td>123</td> <td> <input type="button" value="按钮" onclick="add(this)"/> <input hidden id="BB" name="id" value="12355" /> <input hidden id="BBB" value="TTT" /> </t...原创 2021-11-12 11:20:57 · 798 阅读 · 0 评论 -
简单易用的倒计时js代码
?123456789101112131415161718192021222324252627282930313233343536373839404142434445 "原创 2017-07-18 20:05:16 · 242 阅读 · 0 评论 -
渐变色按钮
更多好看的样式 :php中文网-教程_手册_视频-免费php在线学习平台<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Conte..原创 2022-01-04 12:17:04 · 425 阅读 · 0 评论 -
使用css制作3D盒子,目的是把盒子并列制作成3D货架
3D盒子并列制作成3D货架原创 2023-10-06 10:55:50 · 774 阅读 · 0 评论 -
CSS实现文字环绕图片效果
实现文字环绕图片效果文字环绕图片,在Word里只要click一下右键,调一下属性就可以了。但在HTML文档里就没有直接属性了。因此我们可以借助CSS来实现这一效果。我们先设定float的参数,如果图片需要左对齐设为left,若右对齐则为:right。此外,我们还可以根据需要设置图片和文字间隔的空间,同样适用CSS的padding。例:复制代码代码如下:将转载 2017-06-26 18:23:23 · 10349 阅读 · 0 评论 -
tab多页面切换
html:<!DOCTYPE html><HTML xmlns:th="http://www.thymeleaf.org"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <TITLE>tab页</TITLE> <!--jq代码实现过程--> <script src="jq..转载 2021-12-27 11:55:32 · 1268 阅读 · 0 评论 -
CSS3 弹性盒布局
一.理解 CSS3 弹性盒布局模型 本文结合基本css3的权威书籍中的内容,根据自己的理解,通过相关示例向大家展示了弹性盒子的布局使用,希望大家能够喜欢,如有不足,也希望提出建议,大家共同进步。 Web 应用的样式设计中,布局是非常重要的一部分。布局用来确定页面上不同组件和元素的尺寸和位置。随着响应式用户界面的流行,Web 应用一般都要求适配不同的设备尺寸和浏览器分辨率。响转载 2017-07-03 22:15:21 · 380 阅读 · 0 评论 -
jQuery动画效果实现图片无缝连续滚动
效果图如下:一、HTML代码?12345678910111213body> divid="container"> ulid="content"> li>ahref="#">imgsrc="images/0.png"/>a>l转载 2017-07-18 21:41:53 · 5108 阅读 · 0 评论