前端
探索前端领域,分享知识与学习经验!
Coding宇航员
资深Java攻城狮,阿里D11守卫者。将我踩过的坑,化为你飞行的推进器。
也喜欢折腾 Python、C++、Js 等等,欢迎指教。
展开
-
一个页面播放多个视频
一个页面播放多个视频<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>videojs视频播放:video.xxx</title></head><link href="https://cdnjs.cloudf...原创 2019-10-21 00:29:17 · 2065 阅读 · 0 评论 -
高速CDN
admin-lte | BootCDN – Bootstrap 中文网开源项目免费 CDN 加速服务bootstrap | BootCDN – Bootstrap 中文网开源项目免费 CDN 加速服务如果加载失败,可以加载本地,如下admin-lte – cdnjs.com – The best FOSS CDN for web related libraries to speed up your websites!datatables – cdnjs.com – The best FOSS CDN转载 2019-02-13 11:44:01 · 1137 阅读 · 0 评论 -
thymeleaf 公共部分
thymeleaf 抽取公共部分文章目录主要用到的标签用法th:insert th:replace th:include 区别th:insertth:replaceth:include主要用到的标签th:fragment="head"th:include="common/head :: head"其他(可以被替换或者添加的)th:fragment="head(title,...原创 2019-03-31 17:52:31 · 1024 阅读 · 0 评论 -
JavaScript实现复制到剪贴板
实现方式直接通过插件形式即可,使用clipboard,该插件不到 4KB。快速使用1.html<input value="www.xxx.com" type="text" readonly id="shareURL"><button id="cpoyShareURLBtn" data-clipboard-target="#shareURL">复制链接</bu...原创 2019-04-06 10:19:32 · 796 阅读 · 0 评论 -
图片上传剪裁
头像上传,图片上传,剪裁 压缩,支持PC和移动端,响应式 H5 界面基于 cropper 实现裁剪,依赖 bootstrap 样式, jquery 的 dom 操作效果图快速使用代码中文注释齐全,方便快速上手使用代码获取待上传...原创 2019-03-29 10:56:27 · 617 阅读 · 0 评论 -
图片懒加载
function isInSight(el) {const bound = el.getBoundingClientRect();const clientHeight = window.innerHeight;//如果只考虑向下滚动加载//const clientWidth = window.innerWeight;return bound.top <= clientHeight ...原创 2019-04-09 11:48:09 · 378 阅读 · 0 评论 -
Thymeleaf String 用法
判断是不是为空:null: <span th:if="${name} != null">不为空</span> <span th:if="${name1} == null">为空</span> 判断是不是为空字符串: “” <span th:if="${#strings.isEmpty(name1)}">空的</span>...转载 2019-04-28 09:37:53 · 838 阅读 · 0 评论 -
设置 bshare 分享链接
设置 bshare 分享的链接bShare一般会分享当前页面的链接、标题及摘要,摘要默认为Meta标签中Description部分的内容。不同的平台可能会接受不同的分享内容,比如有的社会化书签只接受链接和标题,不接受摘要。特别是对于微博类的分享平台,bShare提供了微博分享模板设置(链接到分享模板相关页面)的功能,站长可以修改用户分享到微博时的内容。站长也可以自定义分享的链接、标题、摘要及图...原创 2019-04-28 09:40:51 · 1384 阅读 · 0 评论 -
图片上传 Base64 编码解码转换
/** * @Description: 将base64编码字符串转换为图片,BASE64Decoder是线程不安全类 * @param imgStr base64编码字符串 * @param path 图片路径-具体到文件 * @return*/public static boolean generateImage(String imgStr, String path) { if ...原创 2019-09-15 19:52:14 · 495 阅读 · 0 评论