找到
29
篇与
技术教程
相关的结果
- 第 2 页
-
前端提交POST,防止刷新问题 AI摘要:通过HTML5操作浏览器历史记录堆栈,使用特定JavaScript代码替换当前URL,可防止前端提交POST后刷新导致的重复提交问题。DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取,让你可以在用户的访问记录中前进和后退。 从HTML5开始,我们可以开始操作这个历史记录堆栈。 而,可以通过这个特性,来解决当前页面提交POST后,刷新,会提示是否再次提交。 使用如下代码: <script> if ( window.history.replaceState ) { window.history.replaceState( null, null, window.location.href ); }</script>使用JS替换了以后,刷新就没有问题了
-
最简单的图床程序༎ຶ‿༎ຶ --- 本地储存 AI摘要:分享了一个简单的图床程序,仅支持本地存储,无云存储和后台管理功能。程序界面简洁,可访问演示站点和下载源码。简单的图床 给大家分享一个自己写图床程序,功能并不完善,只支持本地储存没有各种云储COS,没有后台管理系统,等等先进的功能都没有。 图片命名规则: 0000000.图片后缀 依次递增+1 00000001.图片后缀 先不多说看看效果图 效果图 000158图片 000159图片 演示站点 简单图床-whr-演示站点 演示站点关闭上传功能 作者:尋鯨錄 源码下载 whr-简单图床 下载地址:https://gitee.com/xunjinlu/whr---simple-picture-bed 提取码: 简单图床-whr-img-源码 下载地址:https://www.123684.com/s/YWw7Vv-iZ38 提取码:
-
Typecho博客自定义右键(支持各个主题) AI摘要:为Typecho博客自定义右键菜单,支持各主题,通过复制代码并添加到主题或自定义代码块实现。效果图 000095图片 代码 第一步:复制下列代码 <script src="https://lib.baomitu.com/layer/3.1.1/layer.js"></script> <!-- 自定义右键菜单美化 --> <style type="text/css"> a {text-decoration: none;} div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba (0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;} div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block} div.usercm ul li{margin:0px;padding:0px;line-height:35px;} div.usercm ul li a{color:#666;padding:0 15px;display:block} div.usercm ul li a:hover{color:#fff;background:rgba(170,222,18,0.88)} div.usercm ul li a i{margin-right:10px} a.disabled{color:#c8c8c8!important;cursor:not-allowed} a.disabled:hover{background-color:rgba(255,11,11,0)!important} div.usercm{background:#fff !important;} </style> <div class="usercm" style="left: 199px; top: 5px; display: none;"> <ul> <li><a href="/"><i class="fa fa-home fa-fw"></i><span>首页</span></a></li> <li><a href="javascript:void(0);" onclick="getSelect();"><i class="fa fa-copy fa-fw"></i><span>复制</span></a></li> <li><a href="javascript:void(0);" onclick="baiduSearch();"><i class="fa fa-search fa-fw"></i><span>搜索</span></a></li> <li><a href="javascript:history.go(1);"><i class="fa fa-arrow-right fa-fw"></i><span>前进</span></a></li> <li><a href="javascript:history.go(-1);"><i class="fa fa-arrow-left fa-fw"></i><span>后退</span></a></li> <li style="border-bottom:1px solid gray"><a href="javascript:window.location.reload();"><i class="fa fa-refresh fa-fw"></i><span>重载网页</span></a></li> <li><a href="/index.php/4.html"><i class="fa fa-meh-o fa-fw"></i><span>和我当邻居</span></a></li> </ul> </div> <script type="text/javascript"> (function(a) { a.extend({ mouseMoveShow: function(b) { var d = 0, c = 0, h = 0, k = 0, e = 0, f = 0; a(window).mousemove(function(g) { d = a(window).width(); c = a(window).height(); h = g.clientX; k = g.clientY; e = g.pageX; f = g.pageY; h + a(b).width() >= d && (e = e - a(b).width() - 5); k + a(b).height() >= c && (f = f - a(b).height() - 5); a("html").on({ contextmenu: function(c) { 3 == c.which && a(b).css({ left: e, top: f }).show() }, click: function() { a(b).hide() } }) }) }, disabledContextMenu: function() { window.oncontextmenu = function() { return !1 } } }) })(jQuery); function getSelect() { "" == (window.getSelection ? window.getSelection() : document.selection.createRange().text) ? layer.msg("啊噢...你没还没选择文字呢!") : document.execCommand("Copy") } function baiduSearch() { var a = window.getSelection ? window.getSelection() : document.selection.createRange().text; "" == a ? layer.msg("啊噢...你没还没选择文字呢!") : window.open("https://www.baidu.com/s?wd=" + a) } $(function() { for (var a = navigator.userAgent, b = "Android;iPhone;SymbianOS;Windows Phone;iPad;iPod".split(";"), d = !0, c = 0; c < b.length; c++) if (0 < a.indexOf(b[c])) { d = !1; break } d && ($.mouseMoveShow(".usercm"), $.disabledContextMenu()) }); </script> <!--ruleuser js引入 --> <script src="/user/configs.js?v1.0211"></script> <script type="text/javascript" src="/user/layer/layer.js""></script> <script type="text/javascript" src="/user/main/main.js""></script> <!--ruleuser js引入 -->第二步:找到“适合的位置加到主题或者对应的自定义代码块即可” 第三步:把刚刚复制的代码填进去
-
Joe再续前缘编辑器功能演示 - Typecho主题 AI摘要:Joe再续前缘编辑器功能丰富,支持文字格式、标题、表格、代码、视频、音乐等多种元素,并提供多种样式和功能,提升内容编辑体验。000065图片 功能演示 文字加粗 文字加粗 文字倾斜 文字倾斜 文字删除 文字删除 文字居中 文字居中文字居右 文字居右文字颜色 文字 文字大小 文字大小 行内代码 行内代码 分割线 引用 引用标题 H1 H2 H3 H4 H5 H6 有序标题 有序标题 有序标题 有序标题 无序标题 无序标题 无序标题 无序标题 超链接 超链接 插入图片 图片 表格 表头表头表头表头表格表格表格表格表格表格表格表格表格表格表格表格代码块 <?php ehco "Hello world!" ?>原生HTML 居中 居右 颜色大小当前时间 2024-12-30 18:17:22 星期一 实体符号🔣 包含99%的特殊标点符号 000066图片 表情符号 包含99%的表情符号 000067图片 图片表情 000068图片 任务-复选框 居中标题 居中标题 M3U8/MP4视频 哔哩哔哩视频 网易云列表 网易云单曲 多彩按钮 多彩按钮 便条按钮 彩色虚线 隐藏内容 隐藏内容,请前往内页查看详情 默认卡片 {card-default label="默认卡片" width=""} 卡片内容 {/card-default} 消息提示 进度条 {progress percentage="78%" color="#ff6c6c"/} 标注 f0ad4e 外部音乐 迟迟 - 薛之谦" url="https://www.xunjinlu.fun/img/薛之谦 - 迟迟.mp3" cover="https://picabstract-preview-ftn.weiyun.com/ftn_pic_abs_v3/d505c750f3cadb3156fa973247542a8e0e83a79c7a1726ea0aaf002e4c3bb5ef0da44847dbdab5f4396ab8d8a0e3246c?pictype=scale&from=30111&version=3.3.3.3&fname=000069.jpg&size=1024" theme="#ffffff" lrc="" lrcType="undefined" loop="undefined" autotheme="1" autoplay="autoplay 标签页 标签一 标签一内容 标签二 标签二内容 卡片列表 列表一内容 列表二内容 时间轴 19be6b ed4014 复制文本 点击复制 点击复制 描述卡片 卡片描述 - 卡片内容 跑马灯 折叠面板 折叠标题一 - 折叠内容一 折叠标题二 - 折叠内容二 云盘下载 默认云盘 下载地址: 提取码: 360云盘 下载地址: 提取码: 百度云盘 下载地址: 提取码: 天翼云盘 下载地址: 提取码: 城通网盘 下载地址: 提取码: 腾讯微云 下载地址: 提取码: 夸克云盘 下载地址: 提取码: Github仓库 下载地址: 提取码: Gitee仓库 下载地址: 提取码: 蓝奏云网盘 下载地址: 提取码: 宫格 宫格内容1 宫格内容2 宫格内容3 提示 警告提示 警告提示 警告提示 警告提示