
html
以实战为线索,提供有价值源码
_无往而不胜_
明天的你会感谢今天努力的自己!
展开
-
百度amis框架配置reload属性为其他组件name,刷新指定组件
2.1.form组件,当form组件提交成功后会通过配置的reload属性去调用上面的name=reload_canvace_service的service组件;一个name=reload_canvace_service的service组件。原创 2023-05-31 09:37:13 · 826 阅读 · 0 评论 -
百度amis中刷新页面实现自动弹窗
使用自定义组件custom。原创 2023-05-31 09:30:13 · 668 阅读 · 0 评论 -
npm install一直卡着不动
如果你在一个需要代理才能访问互联网的环境中(例如,某些公司或学校网络),这些设置可能是必要的。然而,如果你的代理设置不正确,或者你不需要代理就能访问互联网,这些设置可能会导致问题。你可能需要查看更详细的错误信息,或者在网上搜索你的问题,看看是否有人已经遇到并解决了相同的问题。: 如果你的npm或Node.js版本过旧,可能会导致安装过程中出现问题。如果你不确定你是否需要代理,或者你的代理设置是否正确,你可以尝试取消这些设置,然后再次尝试安装。这些命令将取消环境变量的代理设置,并删除npm的代理设置。原创 2023-05-24 16:15:49 · 6517 阅读 · 0 评论 -
Html静态文件引入
<!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" xml:lang="en"><hea...原创 2020-02-26 21:14:42 · 1549 阅读 · 0 评论 -
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 · 516 阅读 · 0 评论 -
多组input文件,每组 multiple选择多张图片上传可增删其中任意一张图片,用formData对象实现;(ajax做异步,自己做延时同步)
input 、multiple选择多张图片时,需要删除其中的一张图片怎么做,大家都知道 input 中的文件是不能删除和更改的,只能清空,这里我的做法是 定义一个对象储存器把需要的文件存在储存器中 formData,后台不从Input中读取,从对象存储器中获取文件,一组图片使用一个储存器中formData,存储器中的 key 我们用文件名加Input的ID 拼接,而后取出图片的key 也用Inpu...原创 2018-09-19 14:00:04 · 2754 阅读 · 2 评论 -
多组input文件,每组 multiple选择多张图片上传可增删其中任意一张图片,用formData对象实现(ajax,sync: false同步)
input 、multiple选择多张图片时,需要删除其中的一张图片怎么做,大家都知道 input 中的文件是不能删除和更改的,只能清空,这里我的做法是 定义一个对象储存器把需要的文件存在储存器中 formData,后台不从Input中读取,从对象存储器中获取文件,一组图片使用一个储存器中formData,存储器中的 key 我们用文件名加Input的ID 拼接,而后在取出来用 key 为Inpu...原创 2018-09-19 11:54:23 · 6488 阅读 · 2 评论 -
meta标签实现3秒跳转页面
<meta http-equiv="refresh" content="3;url=login.html"><!DOCTYPE html><html><head><meta charset="UTF-8"><meta http-equiv="refresh" co原创 2018-09-10 19:15:54 · 1107 阅读 · 0 评论 -
HTML+CSS详解
HTML+CSS网站用户注册页面显示 案例介绍 所有HTML标签中,表单标签是最重要的。在实际开发中,最经典的案例就是用户注册,几乎覆盖了表单标签的所有元素。效果如下: 案例相关标签 表单标签:<form> 描述:<form>表单标签,在html页面创建一个表单,表单标签在浏览器上没有任何显示。如果数据需要提交...原创 2018-09-06 14:20:45 · 6574 阅读 · 1 评论 -
HTML详解
HTML详解 JavaWeb课程体系介绍在JavaWeb阶段,我们会带领学员经历五个阶段的学习,如上图所示。第一阶段(当前课程阶段):前端开发阶段开发要求:1.可以读懂UI工程师编写的页面,在整个页面中根据自己的需求填写代码;2.可以在指定位置进行简单内容的编写,核心目的在于显示数据;3.掌握表单内容的编写;4.掌握JS简单动画的使用第二阶段:数据库基础...原创 2018-09-06 14:08:14 · 1978 阅读 · 0 评论 -
BootStrap的介绍与案例使用
BootStrap的介绍与案例使用 1.案例一:使用Bootstrap重写网站首页 1.1案例介绍本案例使用Bootstrap重写首页,整个案例中将使用到Bootstrap 中的各个模块。为了方便编程,将采用拆分的方式,各个模块单独编写,最后组合。 1.2案例相关技术 1.2.1Boo...原创 2018-09-06 10:31:47 · 15254 阅读 · 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 · 953 阅读 · 0 评论 -
mysql 数据库时间类型 datetime 数据在页面上显示一串数字, 用函数date_format( )转换格式 ;
mysql 数据库时间类型 datetime 转换格式数据库时间字段datetime可以使用date_format( )函数进行时间的转换。数据库时间字段类型:数据库查询结果:没转换前页面显示的时间数据:页面显示我是用 Jquery 的 tmpl 插件,所以在页面上遍历后再转换在封装在显示比较复杂而且效率不好,在java代码后台遍历然后...原创 2018-09-05 12:05:14 · 45813 阅读 · 7 评论 -
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 · 6716 阅读 · 2 评论 -
js储存数据sessionStorage,localStorage
var vehgroupname = $("#vehgroupname").val(); //获取页面输入框数据 sessionStorage.setItem('vehgroupname', vehgroupname);//设置数据保存sessionStorage对象中 vehgroupname = sessionStorage.getItem('vehgroupna...原创 2019-04-07 10:38:15 · 2920 阅读 · 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 · 356 阅读 · 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 · 3048 阅读 · 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 · 524 阅读 · 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 · 781 阅读 · 0 评论 -
Gulp快速入门教程
* Gulp介绍 * 中文主页: http://www.gulpjs.com.cn/ * gulp是与grunt功能类似的**前端项目构建**工具, 也是基于Nodejs的自动**任务运行器** * 能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的 合并、压缩、检查、监听文件变化、浏览器自动刷新、测试等任务 * ...原创 2019-04-07 15:57:51 · 569 阅读 · 0 评论 -
webpack快速入门
webpack快速入门webpack中文网站: https://webpack.docschina.org/* 了解Webpack相关 * 什么是webpack * Webpack是一个模块打包器(bundler)。 * 在Webpack看来, 前端的所有资源文件(js/css/...原创 2019-04-07 15:56:59 · 342 阅读 · 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 · 286 阅读 · 0 评论 -
grunt快速入门
中文地址:https://www.gruntjs.net/* Grunt介绍 * 中文主页 : http://www.gruntjs.net/ * 是一套前端**自动化构建**工具,一个基于nodeJs的命令行工具 * 它是一个**任务运行器**, 配合其丰富强大的**插件** * 常用功能: * **合并文件**(js/css) * **压缩文件**(js/...原创 2019-04-07 15:54:15 · 1834 阅读 · 0 评论 -
标签select选择框通过js来选择默认值;代码示例
页面代码:<select data-am-selected id="table-item-capital-source" name="capital_source"> <option value="0">007</option> ..原创 2018-08-30 08:34:31 · 3011 阅读 · 0 评论 -
正则匹配字符串有则替换无则添加;用正则实现添加和替换字符串,原字符串中包含某字段就替换(覆盖),不包含某字段就添加!
正则匹配字符串有则替换无则添加 一.首先确定我们的字符串文本 例: 有一个网上商城项目在书本的详细描述中有这样一段话: "这是一本某某写Java书共1000章.....【 书本编号:107 】" 注意:这段话的最后方括号里的编号等内容是程序自动生成的,用户修改书本详细时是不允许改变或删除里面的编号内容,...原创 2018-08-02 14:57:05 · 2223 阅读 · 0 评论 -
阿里OSS对象存储,实现图片上传进度显示ProgressListener;
想了解阿里OSS对象存储,实现图片上传的内容的可看我的另一篇博客,博客中有完整代码,这篇博客是以上一篇阿里OSS对象存储博客为基础,只写一些与进度有关的内容,细心往下看js代码中有需要注意的地方!实现方案:通过ProgressListener类获取进度信息时时存入session,页面通过ajax轮询时时获取session中的数据通过<progress></progr...原创 2018-08-14 14:35:26 · 9092 阅读 · 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 · 738 阅读 · 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 · 11519 阅读 · 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 · 18122 阅读 · 4 评论 -
关于MultiActionController异步Ajax,post;
一. MultiActionController 的控制类用Ajax,post异步请求,现在提供两个个方法来解决问题:注意:是返回的json格式必须正确,否则出错!1.在对应的控制类中写ajax方法xml配置:java代码:public ModelAndView selectUploadPercent(HttpServletRequest request,Http...原创 2018-08-14 13:27:21 · 492 阅读 · 0 评论 -
Intellij Idea选中内容后Backspace删除无法使用,Ctrl+c/Ctrl+v/Ctrl+s/Ctrl+d等等快捷键无法使用的问题的解决
因为在安装idea时选择了vim编辑模式,只要把vim模式关闭掉,就可以解决问题了解决方法:菜单栏:tools->vim Emulator 点一下 把√去掉就可以了;谢谢赞助与支持!...原创 2018-07-30 15:03:54 · 8305 阅读 · 5 评论 -
Sublime 输入中文显示方框问号乱码
使用sublime 编辑器出现了打开文件,中文显示方框,方框里面是问号,就是不显示中文。 1.管理员运行sublime程序打开首选项(preferences)2. 点击设置用户 (setting-user)3.添加"font_face":"Microsoft Yahei","dpi_scale": 1.0两行 后保存...原创 2018-07-30 15:06:48 · 5211 阅读 · 0 评论 -
notepad出现中文显示方格处理方法
一.进入设置菜单二.进入语言格式设置三.分别选择样式:Defaule Style字体样式:SimHei (宋体)点击保存并关闭;感谢赞助与支持...原创 2018-07-30 11:20:52 · 6866 阅读 · 2 评论 -
页面显示序列号
对于新手来说可能会碰到页面序号如何显示问题,我这里直接上代码; $.ajax({ url:"/url", type:"get", success:function(data){ var tr=""; $(data.list).each(functi...原创 2018-07-30 09:14:02 · 937 阅读 · 0 评论 -
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 · 4487 阅读 · 1 评论 -
用户登入验证码代码示例
第一中验证码:一.验证码实现代码 通过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 · 3816 阅读 · 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 · 54834 阅读 · 0 评论 -
弹出页面,弹出框,$(‘‘).modal({});模态框
效果图: 自己可以添加内容;引用:amazeui前端框架: <link rel="stylesheet" href="/tc_vsmp/view/assets/css/utils/amazeui.min.css"/> <script src="/tc_vsmp/view/assets/js/utils/amazeui.min.js"></sc...原创 2018-08-29 17:34:44 · 25934 阅读 · 2 评论 -
x-jquery-tmpl代码示例,分页
jquery-tmpl 比较好用;具体是啥就百度吧,这里不做详细解释,直接上代码秒懂!需要引用jquery.tmpl.js:<script src="/tc_vsmp/view/assets/js/loan/jquery.tmpl.js"></script>页面代码:<tbody id="records-tbody"> </tbod...原创 2018-08-29 17:21:58 · 602 阅读 · 0 评论 -
Spring加载Properties配置文件,java通过注解读取数据
1、用法示例: 在springMVC.xml配置文件中添加标签(推荐用这个,这个用的比较多,也比较简洁)<context:property-placeholder location="classpath:salesman.properties"/>加载多个<context:property-placeholder location="classpat...原创 2018-08-29 10:08:46 · 31731 阅读 · 4 评论