web development
文章平均质量分 57
Fala Oviara
ultimate full-stack
展开
-
【HTML】模板元素(`<template>`标签)的特点与使用方法
模板元素(template标签)的特点与使用方法文章目录模板元素(template标签)的特点与使用方法提要什么是``元素优势使用方式参考提要在我接触到的各种js框架(lwc,vue,react)中,都或多或少使用到了模板元素(<template>),最近在阅读React源码的过程中,也看到这样的注释:’ Warning: Encountered a script tag while rendering React component. ’ + 'Scripts inside原创 2021-07-05 14:38:26 · 6402 阅读 · 0 评论 -
JS 提取字符串中的数字 正则表达式去除非数字字符
JS 提取字符串中的数字var str = "example12str933"var res1 = str.replace(/\D/g, '') // 第一种替代所有非数字 \Dvar res2 = str.replace(/[^\d]/g, '') // 第二种替代所有非数字 ^\dvar res3 = str.replace(/[^0-9]/g, '') // 第三种替代所有非 0-9 ^0-9var resArry = str.match(/\d+/)[index] // 数组// res原创 2021-03-17 11:15:29 · 5295 阅读 · 2 评论 -
【web development】输入框单击回车隐式提交表单的禁用与讨论 enter keypress inside input causing form submit
中文与日文输入误触发隐式提交带来的用户体验/业务问题场景再现在测试我写的输入表单的时候,突然发现了一个问题,在一个输入框为 focus 状态的时候,如果用户误触了回车,会触发表单的提交事件,导致整个表单输入在用户不知情的情况下意外结束。这个情况在中、日文输入的情况下非常可能发生。主要有以下的原因:中、日文的输入法有可能以回车键选择、结束输入一些用户的行为习惯会多次按下回车键因此,规避这种意外提交事件是必要的。如果输入意外结束,可能会产生错误的数据和有误的结果。解决方案要避免这种意外提交,实原创 2021-02-22 16:58:32 · 190 阅读 · 0 评论