
前端
一朵风中摇曳的水仙花
世人多愿锦上添花,却少有人雪中送炭
展开
-
@JsonField 修改json字段属性名称
在前后端分离的开发方式中,经常会遇到后端字段名称和前端字段名称定义不一致的问题,比如,后端定义的Bean中的字段名称为createAt,而前端用的字段名称为createTime。这种情况下可以通过在前端或后端增加字段来使前后端的名称一致,但这种方式总觉得不够优雅。其实可以通过一种简单的注解,将前端所需的字段名称与后端Bean中的字段名称做映射,后端通过JSON.toJSONString方法时,自动把字段名称调整过来。方法如下:(此处用的是fastjson,当public class BaseEnt转载 2022-02-24 17:22:13 · 1250 阅读 · 0 评论 -
css的#和.的区别
在选择器里(1).开头的表示的是类名选择器<style> .con { color: #39f; } </style><div class="con">HTML5 学堂</div>(2)#开头的表示的id选择器<style> #con { ...转载 2018-11-05 14:05:15 · 1173 阅读 · 0 评论 -
用JS写的效果,怎样让下拉菜单出现在下面的表格之上,而不是把下面表格推下去
这个是用浮动来做的. 在你要显示的那个div里面加个 position:absolute;z-index:999; 位置可能会和原来的有偏差. 不过没事, 你可以慢慢调.z-index是设置优先级的, 优先级越高,就越显示在最上面.当你的这个菜单被覆盖了试一下调调这个属性大小...转载 2018-11-04 15:13:10 · 1398 阅读 · 0 评论 -
CSS中的span样式对齐
span元素为内联元素,不具备宽度特性,设置text-align属性会没有效果,因此需要将span元素的展示类型转化为具有块级特性。方法1:设置span的display属性为block。<span style="font-size:14px;text-align:center;display:block;">...</span>方法2:设置span的displa...转载 2019-02-19 10:54:54 · 6504 阅读 · 0 评论 -
css 设置某个区域可以上下滑动滚动
隐藏滚动:body { overflow: hidden;}设置滚动:#div { overflow: auto; background: #FFFF00; height: 200px; }转载 2018-11-05 13:52:05 · 49188 阅读 · 1 评论 -
jsp 九大内置对象和其作用详解
JSP中一共预先定义了9个这样的对象,分别为:request、response、session、application、out、pagecontext、config、page、exception1、request对象request 对象是 javax.servlet.httpServletRequest类型的对象。 该对象代表了客户端的请求信息,主要用于接受通过HTTP协议传送到服务器...转载 2019-01-22 22:45:18 · 133 阅读 · 0 评论 -
JSP还有必要学吗
前戏前后端分离已成为互联网项目开发的业界标准使用方式,通过nginx+tomcat的方式(也可以中间加一个nodejs)有效的进行解耦,并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务(多种客户端,例如:浏览器,车载终端,安卓,IOS等等)打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。核心思想是前端html页面通过ajax调用后端的...转载 2019-09-03 14:47:42 · 3387 阅读 · 2 评论 -
html 中关于textarea的一些小知识
1.textarea没有value属性2.$("#textarea").text();读取,最近测试时候发现在firefox中读取不出textArea的值,IE正常于是修改为:$("#textarea").val(); 问题解决3.JQuery给textarea取值和赋值取值var qrcodefortemcontent=$("#qrcodefortemcontent").val();赋值$(...原创 2018-03-02 16:50:10 · 404 阅读 · 0 评论 -
textArea没有value 属性 如何显示
<textarea class="form-control" name ="description" value="${revit.description}" rows="5"></textarea>这样值是显示不了的 可以解决办法 <textarea class="form-control" name转载 2018-11-07 14:01:29 · 4222 阅读 · 0 评论 -
HTML5 读取上传文件
1 filelist对象与file对象:<input type="file" id="file" multiple> //multiple可上传多个文件<input type="button" onclick="showFileName()" value="文件上传"><script>function showFileName(){ var file; //创建file对象 for(var i;i<docume转载 2020-07-04 15:37:33 · 509 阅读 · 0 评论 -
javascript可以直接比较时间字符串的大小
javascript可以直接比较时间字符串的大小比如:"2007-1-2 13:23:05">"2007-1-2 13:13:05" true"2007-1-2 13:23:05">"2007-1-1 13:13:05" true原创 2019-08-30 09:12:34 · 506 阅读 · 0 评论 -
js 获取字符串最后一个字符
1、charAt()str.charAt(str.length-1)2、substr()str.substr(str.length-1,1)3、split()var str = str.split("")var targetStr = str[str.length-1]转载 2020-07-06 09:08:05 · 2450 阅读 · 0 评论 -
javascript怎么清空一个div里面的内容
(1)清空div里面的东西:方法一:$("#interfaceContent").html("");方法二:document.getElementById("interfaceContent").innerHTML="";(2)清空input标签或者span标签里面的东西 $("#request").html("");(3)清空textarea标签俩面转载 2019-02-19 14:01:05 · 29516 阅读 · 0 评论 -
eclipse中提示js或者JQuery代码
当你在eclipse中的JSP中写JavaScript或者JQuery代码的时候,eclipse是不会自动提示的,所以你需要在eclipse中安装一下插件,该插件的名字叫:Spket IDE,它可以作为一个插件存在,也可以作为一个独立的IDE存在。它具有提示js或者JQuery代码的功能。 (1)Spket IDE下载地址: 请点击Spket IDE插件下载地址 注意:下载里面的Plug...转载 2018-11-05 14:07:15 · 386 阅读 · 0 评论 -
js校验
//校验数字function valideNum(num){ var reg =new RegExp("^[0-9]*$"); return reg.test(num); }//校验字母function valideLetter(letter){ var reg =new RegExp("^[a-zA-Z]*$"); return reg.test(letter); }//校验数字+字母f...原创 2018-06-27 09:44:31 · 561 阅读 · 1 评论 -
js获取当前域名、Url、相对路径和参数以及指定参数
这两天遇到一个问题,就是使用js获取url的时候,函数com.context.baseURI 对于浏览器的版本有兼容性问题,我在测试环境使用的是chrome46,火狐61.生产环境火狐没有问题,但是因为生产环境的chrome的版本比较低是43,所以使用该函数的时候,只能获取到协议ip端口号到工程名,后面的参数方法等都无法获取。所以我查了一下,其实是有其他函数可以兼容这些浏览器的低版本的,并且我在生...原创 2018-09-29 10:46:42 · 4512 阅读 · 0 评论 -
el表达式怎么加foreach
1 2 3 4 //下拉框(符合条件就选中) <c:forEach items="${psy_certificaten}" var="tt"> <option value="${tt}" ${tt eq ext_school_psy.psy_certificaten?'selected':...转载 2018-11-21 16:05:20 · 672 阅读 · 0 评论 -
get请求中传json参数报400的错误
需要对特殊字符进行转义后来在网上查资料找到原因了:HttpGet或 HttpPost都不能传包含 " 、“{"、"}"这样的参数,需要对特殊字符进行转义,把 " 转成%22,把 { 转成%7b,把 } 转成%7d转载 2020-07-06 09:07:13 · 1131 阅读 · 0 评论 -
JS怎么截取字符串
打开谷歌浏览器,按下“F12”,打开控制台窗口。点击“Console”,进入JS调试窗口。定义一个测试的字符串,可以先在控制台输入代码“var test=‘abcdefghi’;”,然后回车键执行。如果我们想截取cde这三个字符串,c的位置是第二个,因为JS下标是从0开始的,截取的长度是三。执行“text.substr(2,3);”,回车就可以了。如果我们截取cdefg,c的位置是2,截取...原创 2019-10-12 15:01:38 · 430 阅读 · 0 评论 -
JavaScript 对象
JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...此外,JavaScript 允许自定义对象。JavaScript 对象JavaScript 提供多个内建对象,比如 String、Date、Array 等等。对象只是带有属性和方法的特殊数据类型。访问对象的属性属性是与对象相关的值。访问对象属性的语法是:objectName.property...转载 2018-11-20 14:46:24 · 114 阅读 · 1 评论 -
js中list和map中添加元素
今天做东西时需要用到在map中添加一个元素,结果以为使用push就可以了,试了很久都没成功。后了找资料才发现是我误解push用法了。list中添加一个元素,可以使用push在末尾追加js代码var arr = ['a','b','c'];arr.push('d');console.log(arr);输出结果为:["a", "b", "c", "d"]map中添加一个元素...转载 2018-11-20 14:52:39 · 26731 阅读 · 2 评论 -
JavaScript笔记
1.替换字符串中的回车换行data.replace(/[\r\n]/g, "")2.获取日历的时间$('#start_deploy_time').datetimebox('getValue')3.字符串截取packageName.substr(5,8)4.返回当前日期/** * @Title: <p>getCurrentDate</p> * @...原创 2019-10-12 17:38:00 · 232 阅读 · 0 评论 -
JS字符串拼接/连接(3种方式)
使用加号运算符连接字符串最简便的方法是使用加号运算符。示例1下面代码使用加号运算符连接两个字符串。var s1 = "abc" , s2 = "def";console.log(s1 + s2); //返回字符串“abcdef”使用concat()方法使用字符串concat()方法可以把多个参数添加到指定字符串的尾部。该方法的参数类型和个数没有限制,它会把所有参数都转换为字符串,然后按顺序连接到当前字符串的尾部最后返回连接后的字符串。示例2下面代码使用concat...转载 2020-07-06 09:08:45 · 10073 阅读 · 0 评论 -
JS 类似contains方法,用indexOf实现
我们很多时候会不自觉的在js代码里对一个字符串进行如下操作:str.contains("substr");但是js里面没有这个方法去判断字符串str是不是包含substr,而js提供了另一个方法indexOf:str.indexOf("substr") != -1;如果上面这个表达式为true,则包含,反之则不包含。...转载 2018-11-20 14:30:32 · 1702 阅读 · 0 评论 -
javascript 数组
数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 创建一个数组并赋值 要说明的是...转载 2018-11-20 14:57:29 · 117 阅读 · 0 评论 -
js获取单选框里面的值
<script>window.onload = function(){//通过名字获取 getElementsByName//var obj = document.getElementsByName("fruit");//通过标签获取 getElementsByTagNamevar obj = document.getElementsByTagName("input"); for(var i=0; i<obj.length; i ++){ if(ob...转载 2020-07-04 15:39:32 · 4644 阅读 · 0 评论 -
JS传参技巧总结
1.隐式创建 html 标签<input type="hidden" name="tc_id" value="{{tc_id}}">这种方法一般配合ajax,上面的value使用了模板引擎2.window['data']window['name'] = "the window object";3.使用localStorage,cookie等存储window...转载 2019-01-21 16:18:04 · 246 阅读 · 0 评论 -
ajax请求无法下载文件的原因
原因:Ajax下载文件的这种方式本来就是禁止的。出于安全因素的考虑,javascript是不能够保存文件到本地的,所以ajax考虑到了这点,只是接受json,text,html,xml格式的返回值,二进制的返回格式就会抛出这个异常。因为response原因,一般请求浏览器是会处理服务器输出的response,例如生成png、文件下载等,然而ajax请求只是个“字符型”的请求,即请求的内容是以文本类型存放的。文件的下载是以二进制形式进行的,虽然可以读取到返回的response,但只是读取而转载 2020-07-06 09:09:50 · 468 阅读 · 0 评论 -
js校验
js校验//校验数字function valideNum(num){ var reg =new RegExp("^[0-9]*$"); return reg.test(num); }//校验字母function valideLetter(letter){ var reg =new RegExp("^[a-zA-Z]*$"); return reg.test(letter...原创 2018-02-12 11:54:58 · 194 阅读 · 0 评论 -
JavaScript split() 方法
定义和用法split() 方法用于把一个字符串分割成字符串数组。语法stringObject.split(separator,howmany)参数 描述 separator 必需。字符串或正则表达式,从该参数指定的地方分割 stringObject。 howmany 可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定...转载 2018-11-20 14:29:34 · 454 阅读 · 0 评论 -
jquery根据name取值
根据name取值:$("input[name='mobile']").val()根据id取值:$("#mobile_reg_form").html()根据name取值了遍历:$("input[name='mobile']").each(function(){alert($(this).val());})取出form中...原创 2019-08-30 09:35:34 · 4988 阅读 · 0 评论 -
easyui日期控件datebox的onchange事件
<input type="text" id="date_" name="date_" class="easyui-datebox" data-options="onSelect:onChangeDate"/>function onChangeDate(date){ alert("选中的时间为:"+date); }其中data-options="onSelect:o...转载 2019-10-12 15:03:50 · 1886 阅读 · 0 评论 -
Thymeleaf怎么原样输出html内容
问:调用接口传递参数以后生成一段html文本,前端用了Thymeleaf框架,Thymeleaf怎么原样输出html内容?答:使用 th:utext 就可以了。原创 2020-07-06 09:09:00 · 3654 阅读 · 2 评论 -
如何在Thymeleaf中构造ajax请求的url(SpringBoot+Thymeleaf拼接URL,字符和请求参数参数变化)
1.在ajax请求的时候拼接basePath ,可以将basePath 设置成全局变量,或者设置成ajax请求从后台获取定义在yaml文件中的basePath 的值。<script type="text/javascript" th:inline="javascript"> /*<![CDATA[*/ var basePath = /*[[${#httpServletRequest.getScheme() + "://" + #httpServle转载 2020-07-04 16:25:12 · 2786 阅读 · 0 评论 -
推荐:几款好用的Chrome插件
1、SourceGraphGithub一个不好的地方就是代码是不能相互跳转的,所以阅读起来很累,如果我要引入一个库,那么就必须clone下来然后通过idea打开才行。这样的流程对于库的前期调研来说成本很高,所以我希望利用SourceGraph让在线阅读代码的体验提升一个量级,就像在强大的IDE中一样。2、The Great SuspenderChrome 浏...转载 2019-08-20 09:51:45 · 180 阅读 · 0 评论 -
html和jsp的区别及优缺点
♥ HTML(Hypertext Markup Language)文本标记语言,它是静态页面,和JavaScript一样解释性语言,为什么说是解释性语言呢?因为,只要你有一个浏览器那么它就可以正常显示出来,而不需要指定的编译工具,只需在TXT文档中写上HTML标记就OK。JSP(Java Server Page)看这个意思就知道是Java服务端的页面,所以它是动态的,它是需要经过JDK编译后把内容...转载 2019-01-22 22:24:58 · 845 阅读 · 0 评论 -
Jsp与Servlet的关系以及Jsp与Html的区别
首先,一定要知道的是:所有的网页最终显示的都是HTML代码,我们现在所看到的网页都是静态页面,都是由HTML组成的。任何的动态语言都不能脱离HTML而单独存在于一个网站上,因为没有静态的页面显示,无法给用户返回数据。 1. Jsp和Html的区别: HTML:是静态语言,是事先由用户写好放在服务器上,由web服务器向客户端(浏览器)发送,是浏览器代码,可以通过浏览器直接打开。 Jsp:全名为...转载 2019-01-22 22:31:38 · 379 阅读 · 0 评论 -
拿走不谢,最全匹配中国大陆手机号码的正则表达式
匹配所有号码(手机卡 + 数据卡 + 上网卡)^(?:+?86)?1(?:3d{3}|5[^4D]d{2}|8d{3}|7(?:[01356789]d{2}|4(?:0d|1[0-2]|9d))|9[189]d{2}|6[567]d{2}|4(?:[14]0d{3}|[68]d{4}|[579]d{2}))d{6}$匹配所有支持短信功能的号码(手机卡 + 上网卡)^(?:+?86)?1...转载 2019-01-22 22:50:14 · 11860 阅读 · 0 评论 -
如何让前端浏览器不进行缓存
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <!--设置过期时间设置0为直接过期并清除缓存--> <meta http-equiv="Expires" content="0"> <转载 2019-02-19 14:04:35 · 1531 阅读 · 0 评论 -
HTML Select 标签选择后触发jQuery事件代码实例
页面设计原由:因为很多客户不知道如何来到我们公司,领导想让我在微信公众号上面做一个链接,客户可以直接通过微信公众号打开地图并导航到我们公司的办公地点。实现起来并不难,但由于公司有很多办事处,所以需要设计一个选单,在用户选择相应办事处后自动加载相关的地图,于是我做了以下页面:(小弟不才,如代码有冗余或您有更好的写法还请各位指正,谢谢!底部有贴出原代码!) 那么如何写Selec...转载 2019-02-19 14:13:29 · 1329 阅读 · 0 评论