js
关注
分享
扫一扫
_无往而不胜_
明天的你会感谢今天努力的自己！
展开
-
百度amis框架配置reload属性为其他组件name，刷新指定组件
2.1.form组件，当form组件提交成功后会通过配置的reload属性去调用上面的name=reload_canvace_service的service组件；一个name=reload_canvace_service的service组件。原创 2023-05-31 09:37:13 · 685 阅读 · 0 评论 -
js中点击按钮时变色，松开后恢复原来的颜色
js中点击按钮时变色，松开后恢复原来的颜色// class .active{ background: #1AB394; }//js <script type="text/javascript"> $(document).ready(function(){ $("#cancelGoal-btn").mousedown(function(){ //改变class样式或颜色 $(...原创 2021-11-29 15:07:08 · 5704 阅读 · 0 评论 -
js储存数据sessionStorage,localStorage
var vehgroupname = $("#vehgroupname").val(); //获取页面输入框数据 sessionStorage.setItem('vehgroupname', vehgroupname);//设置数据保存sessionStorage对象中 vehgroupname = sessionStorage.getItem('vehgroupna...原创 2019-04-07 10:38:15 · 2893 阅读 · 0 评论 -
xcConfirm弹出框
效果：引入JS：<script src="/assets/js/xcConfirm.js" type="text/javascript" charset="utf-8"></script>assets/js/xcConfirm.js/* * 使用说明: * window.wxc.Pop(popHtml, [type], ...原创 2018-09-19 14:37:49 · 4219 阅读 · 2 评论 -
DJMask遮罩
引入js:<script type="text/javascript" src="/assets/js/jquery-DJMask.2.1.1.js" charset="UTF-8"></script>assets/js/jquery-DJMask.2.1.1.js/**DJMask.js * author:Mo * updateTim...原创 2018-09-19 14:10:56 · 508 阅读 · 0 评论 -
多组input文件，每组 multiple选择多张图片上传可增删其中任意一张图片，用formData对象实现；（ajax做异步，自己做延时同步）
input 、multiple选择多张图片时，需要删除其中的一张图片怎么做，大家都知道 input 中的文件是不能删除和更改的，只能清空，这里我的做法是 定义一个对象储存器把需要的文件存在储存器中 formData，后台不从Input中读取，从对象存储器中获取文件，一组图片使用一个储存器中formData，存储器中的 key 我们用文件名加Input的ID 拼接，而后取出图片的key 也用Inpu...原创 2018-09-19 14:00:04 · 2681 阅读 · 2 评论 -
多组input文件，每组 multiple选择多张图片上传可增删其中任意一张图片，用formData对象实现（ajax，sync: false同步）
input 、multiple选择多张图片时，需要删除其中的一张图片怎么做，大家都知道 input 中的文件是不能删除和更改的，只能清空，这里我的做法是 定义一个对象储存器把需要的文件存在储存器中 formData，后台不从Input中读取，从对象存储器中获取文件，一组图片使用一个储存器中formData，存储器中的 key 我们用文件名加Input的ID 拼接，而后在取出来用 key 为Inpu...原创 2018-09-19 11:54:23 · 6365 阅读 · 2 评论 -
frameset ，iframe的使用
frameset使用： <html> <head> <title>freameSet</title> <meta charset="utf-8" /> </head> <frameset rows="15%,*"> <frame src=原创 2018-09-10 20:34:25 · 213 阅读 · 0 评论 -
EL表达式+JSTL，forEach的两种用法
<%@ page language="java" isELIgnored="false" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%&原创 2018-09-10 19:08:49 · 2437 阅读 · 0 评论 -
多个ajaxFileUpload上传图片与ajax合用，解决同步问题，用户随意上传多少图片都可以；
需求描述：因ajaxFileUpload 文件上传插件是异步请求，但是业务上需要先得到ajaxFileUpload 请求后的图片url， 在通过ajax 把图片URL等其它需要录入的数据一并写入数据库，6张图片是按用户自己需求可传可不传，我们要保证的是无论用户传的是哪张图片或不传图片，我们都要把数据写入数据库；这里我们用到了 $.Deferred()；$.when(); ajaxtime.res...原创 2018-09-12 17:22:47 · 1627 阅读 · 0 评论 -
自定义js 延时函数调用延时函sleep()；
自定义js 延时函数调用延时函sleep()；//调用延时函数 2秒后，程序往下执行；sleep(2000)；//自定义js 延时var t = Date.now();function sleep(d){ while((Date.now() - t) <=parseInt( d)){ };} ...原创 2018-09-12 15:54:50 · 1942 阅读 · 0 评论 -
Javascript详解
Javascript详解 案例一:使用JS完成注册页面的校验 案例介绍 用户在提交表单是，需要对用户填写的数据进行校验。因为用户如果输入非法内容，则会导致服务器的压力过大，因此，一般提供前端校验和后台校验，前端校验防君子不防小人。注册表单如下： 相关知识点 JavaScript概述 1.简介以下是W3School对JavaScri...原创 2018-09-06 14:25:56 · 2714 阅读 · 0 评论 -
BootStrap的介绍与案例使用
BootStrap的介绍与案例使用 1.案例一:使用Bootstrap重写网站首页 1.1案例介绍本案例使用Bootstrap重写首页，整个案例中将使用到Bootstrap 中的各个模块。为了方便编程，将采用拆分的方式，各个模块单独编写，最后组合。 1.2案例相关技术 1.2.1Boo...原创 2018-09-06 10:31:47 · 15127 阅读 · 0 评论 -
popwin.js 弹出小窗口，图片预览；
效果：引入js:<script type="text/javascript" src="/assets/showImg/js/popwin.js"></script>assets/showImg/js/popwin.jsvar popWin = { scrolling: 'no', //是否显示滚动条 no,yes,autoi...原创 2018-09-19 14:42:07 · 6654 阅读 · 2 评论 -
EasyUI组件使用
EasyUI组件使用今日内容介绍DataGrid组件管理数据 今日内容学习目标DataGrid组件管理数据 DataGrid组件管理数据 需求 今天我们要用EASYUI中的DataGrid组件对数据的显示进行管理 相关知识点 EasyUI介绍 easyui是一种基于jQuery的用户界面插件集合。easyui为创建现代化，互动，JavaScr...原创 2018-11-30 17:11:44 · 1003 阅读 · 6 评论 -
angularjs笔记,基本指令,字符串反转,过滤器
1. Angular指令 * Angular为HTML页面扩展的: 自定义标签属性或标签 * 与Angular的作用域对象(scope)交互,扩展页面的动态表现力2. 常用指令(一) * ng-app: 指定模块名，angular管理的区域 * ng-model： 双向绑定，输入相关标签 * ng-init： 初始化数据 * ng-click： 调用作用域对象的方...原创 2019-04-06 10:43:13 · 460 阅读 · 0 评论 -
commons,jsoup,htmlunit,jackson,nekohtml,Object,xalan,xercesImpl,beanutils,lang3,httpclient,jar包下载
下载地址:链接：https://pan.baidu.com/s/1cv-fe9lyxzV2Xr5uUYFwEg提取码：08erjackson-core-asl-1.9.13.jar 中包含org.codehaus.jackson.JsonNodejackson-mapper-asl-1.9.13.jar 中包含org.codehaus.jackson.map...原创 2019-10-02 15:37:13 · 339 阅读 · 0 评论 -
angularjs姓名转拼音js
angularjs姓名转拼音js姓名转拼音HTML:触发: ConvertPinyin('Basic'); <div class="form-item-input"> <div class="form-item-input-left"> ...原创 2019-09-14 09:37:02 · 11757 阅读 · 0 评论 -
window.open打开页面并传值,window. location.search遍历获取到的请求链接中的所有参数
window.open打开页面并传值,遍历 window.location.search取到的url参数1.a.js中打开OtherBankProtocol.html页面window.open打开OtherBankProtocol.html页面; //阅读在线认证协议function OtherBankProtocol() { var itop = (window.sc...原创 2019-09-05 12:16:24 · 3016 阅读 · 0 评论 -
javascript页面刷新与定时跳转页面
1.页面自动刷新：把以下代码放入<head>区域中<meta http-equiv="refresh" content="20">其中20指每隔20秒刷新一次页面.2.页面自动跳转：把以下代码放入<head>区域中<meta http-equiv="refresh" content="20;url=http://www.baidu.com">...原创 2019-06-21 14:19:20 · 511 阅读 · 0 评论 -
js获取url上的数据;angularjs获取url上的参数
<script>var id= location.search.substring(1).split('=')[1] //获取url上的数据</script>===================================angularjs获取url上的参数https://localhost.8080/postedit?username="suka...原创 2019-04-14 16:19:37 · 771 阅读 · 0 评论 -
Gulp快速入门教程
* Gulp介绍 * 中文主页: http://www.gulpjs.com.cn/ * gulp是与grunt功能类似的**前端项目构建**工具, 也是基于Nodejs的自动**任务运行器** * 能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的 合并、压缩、检查、监听文件变化、浏览器自动刷新、测试等任务 * ...原创 2019-04-07 15:57:51 · 547 阅读 · 0 评论 -
webpack快速入门
webpack快速入门webpack中文网站: https://webpack.docschina.org/* 了解Webpack相关 * 什么是webpack * Webpack是一个模块打包器(bundler)。 * 在Webpack看来, 前端的所有资源文件(js/css/...原创 2019-04-07 15:56:59 · 334 阅读 · 0 评论 -
webpack3快速入门
webpack3中文网站: https://webpack.docschina.org/## webpack快速入门教程###1、了解Webpack相关 * 什么是webpack * Webpack是一个模块打包器(bundler)。 * 在Webpack看来, 前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理...原创 2019-04-07 15:55:29 · 269 阅读 · 0 评论 -
grunt快速入门
中文地址:https://www.gruntjs.net/* Grunt介绍 * 中文主页 : http://www.gruntjs.net/ * 是一套前端**自动化构建**工具，一个基于nodeJs的命令行工具 * 它是一个**任务运行器**, 配合其丰富强大的**插件** * 常用功能: * **合并文件**(js/css) * **压缩文件**(js/...原创 2019-04-07 15:54:15 · 1815 阅读 · 0 评论 -
jquery的validate表单验证表单注册插件
这款插件非常好用！首先导入插件：<script src="js/jquery.validate.min.js" type="text/javascript"></script>注册页面：<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncodin原创 2018-09-05 17:21:15 · 937 阅读 · 0 评论 -
mysql 数据库时间类型 datetime 数据在页面上显示一串数字， 用函数date_format( )转换格式 ；
mysql 数据库时间类型 datetime 转换格式数据库时间字段datetime可以使用date_format( )函数进行时间的转换。数据库时间字段类型：数据库查询结果：没转换前页面显示的时间数据：页面显示我是用 Jquery 的 tmpl 插件，所以在页面上遍历后再转换在封装在显示比较复杂而且效率不好，在java代码后台遍历然后...原创 2018-09-05 12:05:14 · 45675 阅读 · 7 评论 -
Restful风格实现页面之间跳转PageController
说明：访问的URL中写对应的页面前缀，就能通过controller访问WEB-INF下的页面；@Controllerpublic class PageController { @RequestMapping("/page/{page}") public String intoPage(@PathVariable String page){ return page; }}...原创 2018-08-07 17:28:20 · 4474 阅读 · 1 评论 -
正则匹配字符串有则替换无则添加；用正则实现添加和替换字符串，原字符串中包含某字段就替换（覆盖），不包含某字段就添加！
正则匹配字符串有则替换无则添加 一.首先确定我们的字符串文本 例： 有一个网上商城项目在书本的详细描述中有这样一段话： "这是一本某某写Java书共1000章.....【 书本编号：107 】" 注意：这段话的最后方括号里的编号等内容是程序自动生成的，用户修改书本详细时是不允许改变或删除里面的编号内容，...原创 2018-08-02 14:57:05 · 2193 阅读 · 0 评论 -
阿里OSS对象存储，实现图片上传进度显示ProgressListener；
想了解阿里OSS对象存储，实现图片上传的内容的可看我的另一篇博客，博客中有完整代码，这篇博客是以上一篇阿里OSS对象存储博客为基础，只写一些与进度有关的内容，细心往下看js代码中有需要注意的地方！实现方案：通过ProgressListener类获取进度信息时时存入session,页面通过ajax轮询时时获取session中的数据通过<progress></progr...原创 2018-08-14 14:35:26 · 8995 阅读 · 5 评论 -
关于MultiActionController异步请求Ajax,pc端正常，手机端报error错误；此问题一般是通过setInterval，seTimeout，做Ajax轮询时会产生此问题；
此问题全网唯一！关于MultiActionController异步请求Ajax,pc端正常，手机端报error问题；此问题一般是通过setInterval，seTimeout，做Ajax轮询时会产生此问题；其实最主要问题有两个： 1.写 setInterval或seTimeout这个方法时 方法中直接写要运行的函数名，并赋值一个变量，这个变量必须是全局变量； 2. 在aj...原创 2018-08-14 13:59:48 · 723 阅读 · 0 评论 -
TkMybatis 笔记
1 通用TkMybatis笔记1 引入1.1作用替我们生成常用增删改查操作的SQL 语句。1.2代码官方发布地址https://gitee.com/freehttps://gitee.com/free/Mapper/wikis/1.1-java?parent=1.integration1.3前置知识MyBatisSpring2 快速入门2.1创建测试数据 SQ...原创 2018-08-06 17:37:18 · 11493 阅读 · 1 评论 -
Java代码TkMyBatis通用Mapper中新增数据时同时获取自增主键ID，与适用uuid 做主键时获取 id
一 . MyBatis mapper.xml文件中在xml 1. 加入这句 ：useGeneratedKeys="true" keyProperty="ID" keyProperty="数据库中的主键字段名对应的实体类字段名" ；【填实体类字段名】<insert id="insertSelective" parameterType="com.tc.lvm...原创 2018-08-06 17:19:07 · 18084 阅读 · 4 评论 -
关于MultiActionController异步Ajax,post；
一. MultiActionController 的控制类用Ajax,post异步请求，现在提供两个个方法来解决问题：注意：是返回的json格式必须正确，否则出错！1.在对应的控制类中写ajax方法xml配置：java代码：public ModelAndView selectUploadPercent(HttpServletRequest request,Http...原创 2018-08-14 13:27:21 · 481 阅读 · 0 评论 -
Intellij Idea选中内容后Backspace删除无法使用，Ctrl+c/Ctrl+v/Ctrl+s/Ctrl+d等等快捷键无法使用的问题的解决
因为在安装idea时选择了vim编辑模式，只要把vim模式关闭掉，就可以解决问题了解决方法：菜单栏:tools->vim Emulator 点一下 把√去掉就可以了；谢谢赞助与支持!...原创 2018-07-30 15:03:54 · 8122 阅读 · 5 评论 -
Sublime 输入中文显示方框问号乱码
使用sublime 编辑器出现了打开文件，中文显示方框，方框里面是问号，就是不显示中文。 1.管理员运行sublime程序打开首选项（preferences）2. 点击设置用户 （setting-user）3.添加"font_face":"Microsoft Yahei","dpi_scale": 1.0两行 后保存...原创 2018-07-30 15:06:48 · 5134 阅读 · 0 评论 -
notepad出现中文显示方格处理方法
一．进入设置菜单二．进入语言格式设置三．分别选择样式：Defaule Style字体样式：SimHei (宋体)点击保存并关闭；感谢赞助与支持...原创 2018-07-30 11:20:52 · 6649 阅读 · 2 评论 -
页面显示序列号
对于新手来说可能会碰到页面序号如何显示问题，我这里直接上代码； $.ajax({ url:"/url", type:"get", success:function(data){ var tr=""; $(data.list).each(functi...原创 2018-07-30 09:14:02 · 919 阅读 · 0 评论 -
用户登入验证码代码示例
第一中验证码：一.验证码实现代码 通过BufferedImage类进行绘制：package com.igeek.web;import java.awt.Color;import java.awt.Font;import java.awt.Graphics;import java.awt.image.BufferedImage;import java.io.IOE...原创 2018-08-23 09:48:14 · 3747 阅读 · 0 评论 -
JS原生Ajax和jQuery的Ajax与代码示例
JS原生Ajax和jQuery的Ajax【学习目标】1，了解JS原生Ajax原理2，掌握json数据格式掌握json数据格式方式 掌握json的解析方式3，掌握jQuery中的Ajax封装4,使用Ajax实现特效实现异步验证用户名是否存在 实现站内搜索功能 Ajax基本概念 1.1.1 Ajax概述什么是同步，什么是异步同步现象：客户端发送请求到服务器端...原创 2018-08-26 20:38:57 · 54775 阅读 · 0 评论