![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端-JavaScript
布拉格的爱
哪有什么岁月静好,只不过是有人替你负重前行
展开
-
JSON.parse()与JSON.stringify()的区别
JSON.stringify()【从一个对象中解析出字符串】var data={name:'li'}JSON.stringify(data) 结果是:'{"name":"li"}'JSON.parse()【从一个字符串中解析出json对象】例子: //定义一个字符串var data='{"name":"li"}'//解析对象JSON.parse(data) 结果是: name:"li"...原创 2020-11-15 16:06:56 · 112 阅读 · 0 评论 -
css中绝对定位和相对定位的区别
先说个技巧一般用:子绝父相,即相对定位是给父级的,绝对定位的时候是给子级的。一:绝对定位position: absolute;绝对定位:绝对定位是相对于元素最近的已定位的祖先元素(即是设置了绝对定位或者相对定位的祖先元素)。如果元素没有已定位的祖先元素,那么它的位置则是相对于最初的包含块(body)。绝对定位本身与文档流无关,因此不占空间,普通文档流中的元素的布局就当绝对定位的元素不存时一样,所以 它们可以覆盖页面上其他的元素,且可以通过z-index属性来控制这些层的对方顺序。#box_r转载 2020-09-19 10:40:46 · 522 阅读 · 0 评论 -
表单reset无法重置hidden的解决方案
方法一:用text代替hidden,设置text隐藏<input id="id" name="id" style="display: none;" value="0" />方法二:单独处理hidden类型 jQuery("#saveForm").form("reset"); jQuery("input[type='hidden']").val("");原创 2020-09-17 22:28:46 · 1033 阅读 · 0 评论 -
thymeleaf中的内联[ [ ] ]
一.文本内联[[…]]之间的表达式在Thymeleaf被认为是内联表达式,在其中您可以使用任何类型的表达式,也会有效th:text属性。<p>Hello, [[${session.user.name}]]!</p>等同于:<p>Hello, <span th:text="${session.user.name}">Sebastia...转载 2020-03-29 15:56:52 · 488 阅读 · 0 评论 -
thymeleaf中th:field和th:value的区别
一:常用th:标签简介:我们再用spring-boot框架的时候,可能不会采用我们以往用的jsp页面的方式,而是通过采用thymeleaf渲染的方式进行前后台数据的交互。常用的标签有th:href,用法:th:href="/brand/selectbrand",(用来指明要要跳转的链接)th:object,用法:th:object="${brand}",(用来接受后台传过来的对象)...转载 2019-12-12 15:44:40 · 4498 阅读 · 0 评论 -
thymeleaf #、* 和$的区别:
1.$符号取上下文中的变量:<input type="text" name="userName"th:value="${user.name}">2.#符号取thymeleaf工具中的方法、文字消息表达式:<p th:utext="#{home.welcome}">Welcome to our grocery store!</p>3. *{...}选择...转载 2019-12-12 15:39:34 · 8050 阅读 · 1 评论 -
Thymeleaf中href与 th:href的区别
Thymeleaf中href与 th:href的区别语法格式如下:<a th:href="@{/channel/page/add}">添加渠道 </a><a href="/channel/page/add">添加渠道 </a>在默认项目路径为空时,打Jar包单独运行时。二者效果一致。在使用Maven内嵌Tomcat或打War包部署...转载 2019-12-12 15:23:29 · 932 阅读 · 0 评论 -
Thymeleaf功能标签th:block
下面举个简单的th:block使用,三个按钮1和3为true,2是false,那么2中被th:block包含的代码段则不显示,效果如下图<th:block th:if='${1==1}'> <button class="btn btn-default" data-toggle="modal" data-target="#myModal"> ...原创 2019-12-12 15:06:28 · 6155 阅读 · 0 评论 -
thymeleaf中的内联[ [ ] ]
一.文本内联[[…]]之间的表达式在Thymeleaf被认为是内联表达式,在其中您可以使用任何类型的表达式,也会有效th:text属性。<p>Hello, [[${session.user.name}]]!</p>等同于:<p>Hello, <span th:text="${session.user.name}">Sebastia...转载 2019-12-12 14:58:01 · 185 阅读 · 0 评论 -
【thymeleaf+spring进阶应用】(1)利用SpringEL表达式获取后台bean对应数据库数据${@myBean.doSomething()}
一、背景thymeleaf的官方文档中提到了${@myBean.doSomething()}可以访问容器中bean的数据。但从字面难以理解具体意思,若依框架里面有很好的demo。接下来将通过分析demo使用来理解这个表达式的强大功能。Access any beans in your application context using SpringEL’s syntax:${@myBean....转载 2019-12-12 14:45:49 · 873 阅读 · 0 评论 -
CSS实现强制不换行、自动换行、强制换行的css代码
强制不换行p { white-space:nowrap; }自动换行p { word-wrap:break-word; word-break:normal; }强制英文单词断行p { word-break:break-all; }*注意:设置强制将英文单词断行,需要将行内元素设置为块级元素。span { display:block; }...原创 2019-09-19 12:08:23 · 108 阅读 · 0 评论 -
thymeleaf th:href 多个参数传递格式
今天在使用thymeleaf的th:href传递多个参数的时候困惑了。然后百度了一下,发现没有人注释说明怎么弄,然后自己google了一下,现在就标记一下,方便记录一下。 th:href="@{/Controller/behavior(param1=1,param2=${person.id})}"。就是使用逗号隔开多个参数!!! ...原创 2018-08-21 21:48:18 · 6642 阅读 · 2 评论 -
js格式化显示时间
function format(time) { var t = new Date(time); var format = "yyyy-MM-dd HH:mm:ss"; var tf = function (i) { return (i < 10 ? '0' : '') + i }; return format.replace(/yyy...转载 2018-08-28 17:30:28 · 308 阅读 · 0 评论 -
JavaScript push() 方法
实例数组中添加新元素:var fruits = ["Banana", "Orange", "Apple", "Mango"];fruits.push("Kiwi")fruits 结果输出:Banana,Orange,Apple,Mango,Kiwi定义和用法push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。注意: 新元素将添加在数组的末尾。注意:...原创 2018-08-27 21:47:24 · 154 阅读 · 0 评论 -
js 这 1533657600000 日期怎样转化
var d = new Date();d.setTime(1330912983320);var year = d.getFullYear();var month = d.getMonth()+1;var date = d.getDate();var hour = d.getHours();var minute = d.getMinutes();var second = d.getSe...原创 2018-08-10 18:17:57 · 221 阅读 · 0 评论