前端页面常用技巧
文章平均质量分 54
老秃爵
这个作者很懒,什么都没留下…
展开
-
flex布局超详细教程
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html原创 2020-12-02 10:57:28 · 188 阅读 · 0 评论 -
JS a=a&&b; a=a||b; 赋值 代表什么意思
a=a&&b捞干的说人话:&& 运算符赋值,前面为true就赋值为后参数,前面为false就赋值为前参数// 在JS中 大于0 非空 true !null 都可被理解为truevar a = 1;var b = true;// 而 0,null, false, undefind, ""(空字符串) 都被理解为falsevar c = 0;var d = false;// && 运算符赋值,前面为true就赋值为后参数,前面为false就赋原创 2021-04-14 14:00:51 · 1135 阅读 · 0 评论 -
JS、JQ动态拼接html标签 动态加载 JS加载页面标签 的两种方法
方式给指定标签的中间插入标签<script> var ul= '<span></span>' $(".maplist").append(ul);</script>技巧企业开发中,标签都是很大一坨,建议养成换行的好习惯方法一:直接用''将标签包住,然后用+来进行拼接优势在于如果不用拼接多个var,并且换行习惯好的话,会比较直观<script> //这里的data一般都是Ajax取回来的数据 var mapPointe原创 2021-03-13 10:56:58 · 2879 阅读 · 0 评论 -
thymeleaf 传参到js的onclick事件中 以及两种写法 可读性高
原始写法<img th:onclick="'javascript:imgClick(\''+${card.id}+'\',\''+${card.name}+'\');'" />优化写法,可读性高th:onclick= "|javascript:edit('${noticemodel.mid}')|"各有所好,个人偏向于下一种写法,这样非常干净整洁,去除了需要用转义\'来造成的可读性低的问题,副作用暂时没发现……...原创 2020-11-18 10:59:34 · 742 阅读 · 0 评论 -
轻松处理JS时间格式——几秒前,几分钟前,几小时前,几天前
/** * 人性化时间处理 传入时间戳 */function beautify_time(timestamp){ var mistiming = Math.round(new Date() / 1000)-timestamp; var postfix = mistiming>0 ? '前' : '后' mistiming = Math.abs(mistiming) var arrr = ['年','个月','星期','天','小时','分钟','秒']; .原创 2020-11-17 16:53:26 · 468 阅读 · 0 评论 -
前端点击按钮访问JS或弹出确定框等快捷写法
基于Thymeleaf的快捷前端按钮拼接写法<!-- 确定框的快捷写法 --><a onclick="if ( !confirm('您确定删除该数据吗?') ) {return false; } ;" th:href="@{'javascript:__doPostBack(\'delete\','+${houseList.houseId}+')'}">删除</a><!-- 通过Thymeleaf来实现遍历按钮中所带参数 -->&.原创 2020-11-11 16:36:19 · 474 阅读 · 0 评论 -
JS取当前页面URL
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script> var url; url = window.location.href; /* 获取完整URL */ alert(url); /* h...原创 2020-10-27 15:59:48 · 160 阅读 · 1 评论 -
thymeleaf 三级联动
适用于各种三级联动,替换Ajax即可<!DOCTYPE html><html lang="en" xmlns:th="http://www.thymeleaf.org"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div> <!--省--> <selec原创 2020-10-19 16:43:23 · 963 阅读 · 0 评论