- 博客(16)
- 收藏
- 关注
原创 JavaScript 密码强度校验方法:支持数字、大小写字母和特殊字符
密码强度校验是注册和登录流程中不可或缺的功能。本文分享了一种简洁高效的 JavaScript 方法,通过校验数字、小写字母、大写字母和特殊字符,快速评估密码的强度等级。代码采用现代化写法,优化可读性和维护性,并附详细的示例,适合各种前端场景
2025-02-08 15:47:23
243
原创 5 种 JavaScript 数组去重方法,支持基本类型和对象数组
数组去重是 JavaScript 开发中常见的需求,不同场景下有不同的实现方式。本文总结了 5 种常用的数组去重方法,包括 Set 适用于基本类型的数据去重,以及 Map 实现的对象数组去重方案,确保数据处理高效、简洁。适合各种开发需求,提升代码质量。
2025-02-08 15:12:17
127
原创 uni-app 全平台图片压缩:H5 & App 端兼容方案(支持跨域)
在 uni-app 开发中,图片压缩是提升用户体验和优化性能的重要手段。本文提供了一种 兼容 H5 和 App 端的图片压缩方法,在 App 端使用 uni.compressImage 进行高效压缩,而在 H5 端利用 canvas 进行图片缩放压缩,并 支持跨域处理。文章不仅优化了 toDataURL 生成 JPEG 以减少文件大小,还修正了 clearRect 误用问题,并添加了错误处理机制,确保代码在各种情况下都能稳定运行。适用于 uni-app 全平台开发。
2025-02-08 14:53:21
365
原创 格式化时间戳为指定格式的日期字符串
在前端开发中,经常需要将时间戳转换为可读的日期格式。本文介绍了一个 JavaScript 方法 formatTimestamp,用于格式化时间戳为指定格式的日期字符串。该方法支持自定义日期格式,如 "yyyy-mm-dd"、"yyyy/mm/dd hh:ii:ss" 等,确保日期始终以两位数显示。文章还提供了示例代码,帮助开发者快速集成该方法到项目中,提高代码的可读性与可维护性。
2025-02-08 14:46:46
256
原创 浏览器全屏/取消全屏/判断浏览器是否全屏
//页面全屏 function fullScreen(){ var el = document.documentElement; var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen; if (rfs) { rfs.call(el); }
2022-03-14 18:04:38
1494
原创 修改链接上制定字段参数
function changeURLArg(url, arg, arg_val) { /** * url地址修改 * @param url 待修改url * @param arg 修改的参数名 * @param arg_val 修改的具体值 * @returns {String} */ var pattern = arg + "=([^&]*)"; var replaceText
2022-03-03 17:24:06
144
原创 简单封装WebSocket
封装成函数function createSocket(url,msg){ return new Promise(function(resolve, reject){ const socket = new WebSocket(url) socket.onopen = () => { socket.send(JSON.stringify(msg)) setTimeout(()=>{ //当服务未回应时,判断so
2020-12-29 14:03:10
397
1
原创 闭包总结
闭包如果让我们去开发一个银行账户的系统,账户的钱应该怎么用程序实现呢?首先想到,应该存在变量中。然后我们可以访问到这个变量的值(查询余额)、进行加法运行(存钱)、减法运算(取钱) var money=100;//存 console.log(money); //查 money-=10;//花是很方便,但问题也随之而来:全局中的变量是不安全的,容易被覆盖,任意被攻击,...
2020-03-27 19:32:38
189
原创 JS设计模式总结(单例模式/组合模式/观察者模式)
设计模式设计模式的概念:为了解决某种问题,而设计的一套最佳解决方案。常见的设计模式:单例模式组合模式观察者模式命令模式代理模式工厂模式策略模式适配器模式等等单例模式如果一个类创建出许多对象,里面所有的属性和方法都一模一样,或封装一个类,将一些常用的操作函数的方法放进去,每次都是用同一个对象来调用这些方法。正常情况下,一个类创建出来的每个对象都是不一样的; fun...
2020-03-26 16:31:32
345
原创 JS鼠标第一次点击执行事件A再次点击执行事件B
页面打开的样式点击开始后,秒表开始运动,开始按钮上的文字变为重置,点击重置,秒表也会重置;点击暂停,秒表暂停,文字变为继续,点击继续按钮,秒表继续运动;<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport...
2020-03-16 10:47:53
2068
原创 JavaScript正则表达式总结
正则表达式每种数据都有自己的规则,正则表达式可以描述这个规则,也可以检测数据是否满足这个规则。所以正则表达式就是专门用来校验数据而产生的语法,有如下几个作用;校验数据提取数据替换数据创建正则表达式JS中提供两种创建正则表达式的方法,字面量方式、构造函数方式/*字面量方式:var reg=/规则/*/ var reg=/\d/; //\d是正则表达式中的元字符 用...
2020-03-14 18:36:00
1088
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人