![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
「已注销」
这个作者很懒,什么都没留下…
展开
-
CSS实现图片以中心缩放
CSS图片以中心缩放、放大,超出隐藏layui轮播图<!-- 轮播图 --><div class="layui-carousel wzg-carousel" id="test1"> <div carousel-item> <div><img src="../res/images/1.jpg" alt=""></div&g...原创 2020-02-08 20:59:07 · 4242 阅读 · 0 评论 -
animate.css 动画效果的使用
下载安装animate.css使用BootCDN加速 https://www.bootcdn.cn/ ,下载min版本即可。重复执行只需增加infinite即可 <div class="article-box animated fadeIn infinite"></div>这样这个div就回循环执行 fadeIn动画APIAttention seekers...原创 2019-12-16 13:58:02 · 2427 阅读 · 0 评论 -
web优化之-图片懒加载 lazyload
插件描述:jQuery图片延迟加载插件jQuery.lazyload,使用延迟加载在可提高网页下载速度。在某些情况下,它也能帮助减轻服务器负载。使用方法引用jquery和jquery.lazyload.js到你的页面<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>&...原创 2019-12-16 13:27:36 · 254 阅读 · 0 评论 -
CSS 控制 英文字母大写
添加如下配置css即可:/*英文字母大写*/body { text-transform: capitalize;}原创 2019-12-15 23:05:34 · 389 阅读 · 0 评论 -
如何封装属于自己的JavaScript文件
1、创建自定义 XX.js 文件2、模板内容如下// 作者:lute// 时间:2019年12月15日17:23:00// 功能:初始化首页数据$(function () { // getPopular(); //返回顶部 const top_to = new Top({dImg: "/img/top.png", hImg: "/img/top.png"});...原创 2019-12-15 17:28:03 · 378 阅读 · 0 评论 -
文字超出不换行,超出部分变为点点点 ... 代替
增加css样式white-space: nowrap;overflow: hidden;text-overflow: ellipsis;效果原创 2019-12-15 13:35:14 · 691 阅读 · 0 评论 -
layui table根据值(1,2,3)显示中文
效果实战1、字段如下, cols: [[ //表头 {field: 'id', title: 'ID', width: 60, sort: false, fixed: 'left'} , {field: 'title', title: '标题', width: 180} , {field: 'authorName', title: '作者', ...原创 2019-12-14 19:38:51 · 1197 阅读 · 0 评论 -
关于Ajax提交form表单时页面自动刷新
背景使用Ajax提交form表单时,页面会自动刷新,但我们的需求是不刷新原因因为Internet Explorer 的默认类型是button,而其他浏览器中的默认值是submit,如果不显式申明 type=”button” 默认type 就是 submit。当type=“submit"时按钮会自动提交表单数据到表单的action的地址,而由于表单没有写action属性,action默认为""...原创 2019-12-14 18:50:22 · 547 阅读 · 0 评论 -
html引用Thymeleaf命名空间,使用Thymeleaf语法
单纯的html5页面<html lang="zh">如果页面是thymeleaf<html lang="zh" xmlns:th="http://www.thymeleaf.org">原创 2019-12-02 16:50:12 · 3489 阅读 · 1 评论 -
RestFul API开发,前后端分离模式,ajax调用,JSON传递
1、前端部分,调用后台数据 function saveHtml() { // console.log($("#textContent").text()); // console.log($("#content").text()); $.ajax({ url: "/article/add", ty...原创 2019-12-01 00:04:21 · 814 阅读 · 0 评论 -
Java上传文件,截取后缀重命名
上传Controller //上传图片的配置,用的是commons工具,文件存储路径为项目以外 @PostMapping("/imgUpLoad") public MdResult imgUpLoad(@RequestParam(value = "editormd-image-file", required = false) MultipartFile file) { ...原创 2019-11-30 19:11:14 · 1157 阅读 · 0 评论 -
导航栏菜单选中
/** * 导航栏的操作 * Status: OK */$(function () { $("#home ul li a").each(function () { var myUrl = $(this).attr('href'); // 当前url var navUrl = document.location.href; ...原创 2019-11-29 00:44:24 · 354 阅读 · 0 评论 -
js获取当前域名、Url、相对路径和参数以及指定参数
一、js获取当前域名有2种方法1、方法一var domain = document.domain2、方法二var domain = window.location.host;3、注意问题由于获取到的当前域名不包括 http://,所以把获取到的域名赋给 a 标签的 href 时,别忘了加上 http://,否则单击链接时导航会出错。二、获取当前Url的4种方法var url = ...原创 2019-11-29 00:41:41 · 338 阅读 · 0 评论 -
jquery选择div下的ul下的li下的a
选择的是div下 ul下所有li下的所有a标签$("div#div的id ul li a")div下的第一个ul下的第一个li下的a标签$("div#div的id").children("ul:first").children("li:first").find("a");div下的第一个ul下的第一个li下的a标签,用下标$("div#div的id").children("ul:eq...原创 2019-11-29 00:07:51 · 947 阅读 · 0 评论 -
freemarker 将String 按照指定字符分割并生成 list 循环
需求如下数据表中某一个字段包含多个属性值,并以英文逗号分隔,需要遍历展示实现<#list article.articleTags?split(",") as tag> <i class="fa fa-tags mr-1"></i> <a class="text-body mr-1" href="/tag">${tag}<...原创 2019-11-26 22:53:32 · 725 阅读 · 0 评论 -
将时间改为显示:几天前,几小时前,或者几分钟前
方法一:个人做法是保存时间戳,然后在前端用jq插件做转换,比如 smart-time-ago方法二:1、自定义宏模版文件,把你的datetime传进去即可。<#macro timeline_dt datetime=.now><#assign ct = (.now?long-datetime?long)/1000><#if ct gte 31104000&...转载 2019-11-22 22:46:09 · 442 阅读 · 0 评论 -
JavaScript获取Model中的数据
<script> function likePic() { alert('${photo.id}'); // $.ajax({ // type: "POST", // url: "/photos/like", // data:...原创 2019-11-19 21:08:04 · 3359 阅读 · 0 评论 -
给网站增加favicon图标
1、制作一个icon在线制作地址:http://www.faviconico.org/2、将favicon放在项目static根目录下3、在页面中引用 <!--网页标题左侧显示--> <link rel="icon" th:href="@{/favicon.ico}" type="image/x-icon"> <!--收藏夹显示图标-...原创 2019-11-13 20:31:55 · 282 阅读 · 0 评论 -
JavaScript生成随机颜色 (RGB)
function randomColor() {//得到随机的颜色值 var r = Math.floor(Math.random() * 256); var g = Math.floor(Math.random() * 256); var b = Math.floor(Math.random() * 256); return...原创 2019-11-11 18:44:26 · 4564 阅读 · 0 评论 -
Thymeleaf 获取后端Model中的数据
Thymeleaf获取<span th:text="${name}"></span>JavaScript获取var msg = [[${msg}]];原创 2019-11-03 16:32:51 · 3407 阅读 · 0 评论 -
JavaScript计算距今时间差
js脚本// 计算网站运行时长:2018-11-25 12:00:00function getDuration(time) { //dateTimeStamp是一个时间毫秒 var diff = ''; var time_diff = new Date().getTime() - time; //时间差的毫秒数 //计算出相差天数 var days ...原创 2019-11-03 01:32:35 · 413 阅读 · 0 评论 -
JavaScript计算当前时间
js脚本// 当前时间$("#currentTime").text(new Date().toLocaleString());setInterval(function () { $("#currentTime").text(new Date().toLocaleString());}, 1000);效果原创 2019-11-03 01:05:09 · 274 阅读 · 0 评论 -
HTML利用NProgress显示页面加载进度条
NProgress简约进度条,适用于Ajax’y应用程序的超薄进度条。受到Google,YouTube和Medium的启发。这是来自菲律宾马尼拉的[Rico Sta Cruz] (http://ricostacruz.com/)实现了Medium和YouTube等知名网站最近开始采用的全站进度条UI模式,并以MIT许可证开源。GitHub地址:https://github.com/rst...原创 2019-11-02 23:30:51 · 624 阅读 · 0 评论 -
关于ajax async说明
有一段代码如下:$.ajax({ url: "/category/all", type: "get", async: false, success: function (result) { layer.msg(“SUCCESS”); }, error: function (err) { layer.msg("ERROR"); }...原创 2019-11-01 20:54:09 · 236 阅读 · 0 评论