Swiper 自动无缝匀速滚动
摘要:除了必要的代码外,还要加一个样式: .swiper-wrapper { display: flex; transition-timing-function: linear; /* 确保滚动速度是恒定的 */ }
阅读全文
posted @
2025-02-13 09:33
JoeYoung
阅读(3)
推荐(0) 编辑
在页面离开前提醒你的 beforeunload 事件
摘要:beforeunload 事件在当页面卸载(关闭)或刷新时调用,事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页。handler可以设一个返回值作为该对话框的显示文本。 以下操作会触发 beforeunload 事件: ·关闭浏览器窗口 ·通过地址栏或收藏夹前往其他页面
阅读全文
posted @
2024-07-29 09:20
JoeYoung
阅读(85)
推荐(0) 编辑
通栏中不定数量的图片/轮播自适应宽高的简单示例
摘要:最近接到一个需求,在一个页面会有多个通栏,每个通栏中会有不固定数量的图片或轮播图,要求各图片/轮播要同等比例自适应宽高,写成通用代码。 示意图: 光是图片好说,其中有swiper就会比较麻烦。 代码: <div class="container"> <div class="zt_banner"> <
阅读全文
posted @
2024-05-30 09:50
JoeYoung
阅读(25)
推荐(0) 编辑
jQuery 指定区域的内容循环滚动
摘要:需求:页面指定区域内的内容循环滚动,但是内容形式、高度都不固定,是接口从编辑器提取出来的内容。 代码: <div id="container5"> <div class="content" id="f12red1"> 自2023年9月20日24时起,国内汽、<br>柴油价格(标准品,下同)每吨分别提
阅读全文
posted @
2023-09-21 11:17
JoeYoung
阅读(82)
推荐(0) 编辑
JQuery获取本地时间和服务器时间
摘要:我们都知道直接使用 new Date() 获取到的是访问当前网站的客户机本地的时间,有的时候这个时间有可能因为人为修改,主板电池没电等原因导致获取到的时间不准确。因此,在开发中,需要获取当前时间进行操作,应该直接使用JS获取服务器的时间。 获取本地当前时间(时间戳): var nowTime = n
阅读全文
posted @
2023-04-28 16:23
JoeYoung
阅读(256)
推荐(0) 编辑
Ueditor 富文本编辑器 插入 m3u8 和 mp4 视频(PHP)
摘要:当前环境:PHP、Ueditor的版本是1.4.3 新的需求是,需要在Ueditor 富文本编辑器中,插入视频播放,并且视频格式有MP4,也有M3U8。 百度编辑器默认的是embed,需要修改下配置。 ueditor.all.js 和 ueditor.config.js 这两个文件要改一些东西,具体
阅读全文
posted @
2023-04-27 15:54
JoeYoung
阅读(637)
推荐(0) 编辑
jQuery 在图片和文字中插入内容(多种情况考虑)
摘要:昨天接到一个新的需要,在后台文章编辑器中,每一个文章的正文前面,可以单独添加一个电头字段,但是如果在富文本编辑器中最上面就添加图片的话,图片就会把电头和正文中的文字给隔开。需要做的是获取到电头字段,然后在正文中的文字部分的最前面插入电头字段。具体看下图: 原始的代码: <div class="det
阅读全文
posted @
2023-04-25 09:59
JoeYoung
阅读(385)
推荐(1) 编辑
JQ 获取 input 当前光标的位置并插入文字
摘要:今天遇到一个需求,当用户在输入框中输入文本的时候,点击一个按钮,获取当前输入框中光标的位置,并在当前位置中插入对应的文字或字符。 简单整理了一下代码: <input id="title" name="title" type="text" value="" /> <button id="button"
阅读全文
posted @
2023-04-18 10:23
JoeYoung
阅读(439)
推荐(0) 编辑
监听 input type=file 文件上传取消事件
摘要:在做项目的时候,需要根据是否上传图片,(前提是已经上传文件,再次上传取消时,监听取消事件)进而判断页面变化。通过查阅相关资料,发现change事件并不能监听取消,于是从另外一种角度:判断上传的文件是否有值,进而监听取消事件。 代码如下: <input type="file" name="file"
阅读全文
posted @
2023-04-10 10:56
JoeYoung
阅读(810)
推荐(0) 编辑
使用非对称加密(RSA) 实现前端加密后端解密
摘要:数据加密方式有: 单向加密、对称加密、非对称加密、加密盐、散列函数、数字签名。 1、单向加密 单向加密通过对数据进行摘要计算生成密文,密文不可逆推还原。只能加密,不能解密,常用于提取数据的指纹信息以此来验证数据的完整性。但是会引发雪崩效应(雪崩效应就是一种不稳定的平衡状态也是加密算法的一种特征,它指
阅读全文
posted @
2023-02-27 15:07
JoeYoung
阅读(2644)
推荐(0) 编辑
jQuery 解决低版本安全漏洞 兼容旧版写法及依赖老插件
摘要:jquery 如何查看其版本信息: <script type="text/javascript"> jQuery(function(){ alert(jQuery.fn.jquery); }) </script> 这样就能输出jquery版本号。 或者直接复制粘贴在控制台,也可以看到版本号。 旧版j
阅读全文
posted @
2023-02-23 09:41
JoeYoung
阅读(872)
推荐(0) 编辑
npm 查看源地址以及更换源地址的方法
摘要:在使用npm命令时,如果直接从国外的仓库下载依赖,有时候下载速度很慢,甚至会下载不下来。这时我们可以更换npm的仓库源,提高下载速度。 查看npm源地址: npm config get registry 更换npm源为淘宝镜像: // 如更换为淘宝镜像 npm config set registry
阅读全文
posted @
2023-02-16 09:58
JoeYoung
阅读(2077)
推荐(0) 编辑
h5 实现一键复制到粘贴板 兼容iOS
摘要:效果展示 先贴上测试连接 http://cdn.foundao.com/zhaosheng/copytext 实现原理 采用 document.execCommand('copy') 来实现复制到粘贴板功能 复制必须是选中input框的文字内容,然后执行document.execCommand('c
阅读全文
posted @
2021-12-23 10:13
JoeYoung
阅读(436)
推荐(0) 编辑
微信小程序页面跳转url传参,对象、数据过长、特殊字符问题
摘要:1、传递参数为对象格式 若参数为对象则需先使用 JSON.stringify()进行转换 , 接收后使用JSON.parse()转为对象. 但这样传参有一个问题,当对象数据长度过大时会报错,因为url传参时程序把过长的那段数据给截取掉了,导致数据转换回来时格式不对而报错。 2、传递参数中含有? =
阅读全文
posted @
2021-12-22 09:21
JoeYoung
阅读(971)
推荐(0) 编辑
js 数组的随机排序方法
摘要:今天弄了一个小功能,有一个数组,当每次刷新时,数组会随机重新排序生成新的数组。 var arr = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] function shuffle(arr) { var cloneArr = arr.concat(); var len = cloneA
阅读全文
posted @
2021-11-11 17:01
JoeYoung
阅读(386)
推荐(1) 编辑
jQuery 获取当前日期及前一周或者后一周的日期
摘要:有的时候要获取当前日期,或者前一天、后一天的日期。写了一个方法,可以获得当前及前一段时间或者后一段时间,在这里记录分享下。 代码: // n为你要传入的日期参数,当前为0,前一天为-1,后一天为1 function formatDate(n){ var date = new Date() ; var
阅读全文
posted @
2021-08-06 09:43
JoeYoung
阅读(659)
推荐(0) 编辑
jQuery 复选框 checkbox 取值和赋值
摘要:1. 获取单个checkbox选中项(三种写法): $("input:checkbox:checked").val() // 或者 $("input:[type='checkbox']:checked").val(); // 或者 $("input:[name='ck']:checked").val
阅读全文
posted @
2021-07-13 09:46
JoeYoung
阅读(8321)
推荐(1) 编辑
iview 表单验证问题 Select 已经选择 还是弹验证提示
摘要:iview 的 Select 下拉框的时候,数据验证必填,明明选择了数据,却一直提示验证不能通过 html代码: <Form ref="FormData" :model="FormData" :rules="ruleValidate" :label-width="100"> <FormItem la
阅读全文
posted @
2021-06-11 10:30
JoeYoung
阅读(768)
推荐(0) 编辑
微信H5适配 解决微信调整字体大小导致Html5页面混乱
摘要:最近开发公众号遇到一个问题: iOS、Android 加载页面,如果用户调整了微信自带的字体大小,那么我们的页面就会跟随调整字体大小,导致页面错乱无法适配。所以希望能够禁止微信的字体放大功能。 找了一些方法总结如下: 原理:阻止ios和安卓调整字体大小时候的事件,ios通过添加css属性,安卓通过微
阅读全文
posted @
2021-06-08 16:01
JoeYoung
阅读(1223)
推荐(0) 编辑
微信内 H5 页面自定义分享
摘要:起源: 最近公司在做一个活动的h5页面,在微信内打开时需要进行微信授权,然后后端会重定向到这个页面并且携带了一些参数(openid等)。问题是点击微信的原生分享时,会把携带的这些参数一起分享出去,等于把用户信息泄露了。所以为了解决这个问题,只能实现自定义微信分享的功能,可以自定义分享的地址、标题、图
阅读全文
posted @
2021-06-08 14:55
JoeYoung
阅读(4202)
推荐(0) 编辑