前端
未读
两个字符串的相似程度,并返回相似度百分比
# JavaScript字符串相似度比较算法实现
这篇文章实现了一种基于字符比较的字符串相似度算法,主要包含两个函数:
1. `strSimilarity2Number`:计算两个字符串之间的相似度数值,基于字符匹配差异开发销,每字符匹配与否模开销分别为0和
1。
2. `strSimilarity2Percent`:将相似度数值转换为百分比形式,计算公式为(1 - 差异开销/字符串最大长度),保留4位小数。
算法使用二维数组来跟踪字符比较过程,类似于动态规划中的编辑距离算法,但判断条件更简单。
技术要点:
- 基于Levenshtein距离思想的变种
- 支持长字符串比较
- 使用数组存储中间状态
- 提供百分比形式的直观相似度评价
使用示例展示了中日语字符串的相似度比较。
**推荐阅读人群**:前端开发人员,算法爱好者,或需要进行字符串处理功能的程序员。
前端
未读
js实现定时器暂停恢复
**摘要:**
这篇文章提供了一个JavaScript定时器封装类 `CTimer`,用于解决定时任务在执行耗时操作后需要暂停和恢复的需求。该类通过状态控制(`stop`、`running`、`pause`)实现定期内部的暂停/恢复功能,适配异步操作代码,提供简洁的接口方便开发。代码实例化类并定期执行异步函数,可在执行耗时操作时暂停定时器,待操作完成后再恢复,极大简化了复杂定时场景下的控制逻辑。
前端
未读
js获取0-1之间的随机数,获取1-10之间的随机数
文章介绍了JavaScript中随机数生成的基本方法,重点关注如何创建不同范围的随机整数。首先,示例展示了生成0-1之间随机小数的代码,使用Math.random()函数。接下来,演示了如何生成1-10之间的随机整数,通过Math.floor()函数与Math.random()结合实现。随后,提供了自定义函数来生成任意两个数之间的随机整数,第一个函数可取起始值但不可能达到结束值,第二个函数可包括结束值;后者使用箭头函数形式实现类似功能。整体上,这些代码示例清晰地展示了随机数生成在不同场景下的应用,帮助开发者快速理解和使用基本随机功能,确保生成的数字精确符合指定范围要求。
前端
未读
iframe通信
以下是可以从上述代码中提取的简明摘要:
这段HTML代码示例展示了**父页面与iframe嵌入的子页面之间如何进行跨文档通信**,主要使用`postMessage`方法。
1. **父页面作用**:
- 在iframe加载完成后,使用`postMessage`向子页面发送消息。
- 监听`message`事件,接收子页面传回的消息并输出。
2. **子页面作用**:
- 监听父页面通过`postMessage`发送的消息。
- 收到消息后向父页面发送确认信息。
**通信示例**:
- 父页面向子页面发送字符串 `"父容器传递给子容器的数据"`。
- 子页面接收到后弹窗提示 `"确认收到消息"`,并返回确认消息。
该示例展示了Web中**跨域或同域框架间通过postMessage安全传递数据**的基本方法。