前端手机号脱敏和分隔

前端实现个人信息脱敏(手机号、身份证号、姓名、邮箱)示例 在当今数字化时代,个人信息的安全与隐私保护已成为公众关注的焦点。本文将通过JavaScript代码示例,演示如何对手机号、身份证号、姓名、邮箱等个人数据进行脱敏处理。确保满足需求的同时保护用户的隐私。手机号脱敏通常保留前三位和后四位,中间四位用星号替换。通过正则表达式匹配手机号的结构,并使用分组捕获前三位和后四位,中间四位替换为星号。使用正则表达式对手机号进行脱敏。 阅读详情

日常开发,经常会遇到手机号脱敏和分隔显示的情况,可以通过以下方式实现脱敏和分隔
1、手机号脱敏

let number = '13423456789'
let pat = /(\d{3})\d*(\d{4})/
let text1 =number.replace(pat,'$1****$2')
//substring第一个参数是开始下标,第二个是结束下标
let text2 =number.substring(0,3)+"****"+number.substring(7)
//substr第一个参数是开始下标,第二个是截取几位
let text3 =number.substr(0,3)+"****"+number.substring(7)
console.log(text1)
console.log(text2)
console.log(text3)

2、手机号分隔

let number = '13423456789'
let pat = /(\d{3})(\d{1,4})(\d{4})/
let text1 =number.replace(pat,'$1 $2 $3')
//substring第一个参数是开始下标,第二个是结束下标
let text2 =number.substring(0,3)+" " + number.substring(3,7) +" "+number.substring(7)
//substr第一个参数是开始下标,第二个是截取几位
let text3 =number.substr(0,3)+" " + number.substr(3,7) +" "+number.substr(7)
console.log(text1)
console.log(text2)
console.log(text3)
前端敏感信息脱敏:从原理到实战的完整解决方案 数据脱敏是数据安全领域的一项基础技术,其核心原理是在保留数据部分特征的同时,隐藏或替换其中的敏感信息,以平衡数据可用性与隐私保护。这项技术对于遵守GDPR等数据安全法规、防止信息泄露具有关键价值,广泛应用于金融、电商、社交等涉及用户隐私的业务场景。在前端工程实践中,实现高效、安全的脱敏处理,不仅能提升应用性能,减少不必要的数据传输,更是构建可信赖用户体验的重要环节。本文聚焦于JavaScript实现,深入探讨了针对手机号、身份证、邮箱等常见敏感数据的脱敏策略与性能优化方案,为前端开发者提供了一套从设计到落地 阅读详情

相关推荐

数据脱敏实战:从星号替换到企业级安全方案

数据脱敏是数据处理与隐私保护中的一项基础且关键的技术,其核心原理是在确保数据可用性的前提下,通过特定规则对敏感信息进行变形、替换或屏蔽,从而防止隐私泄露。这项技术的核心价值在于平衡数据安全与业务需求,满足日益严格的合规要求(如GDPR、个人信息保护法)。在实际工程实践中,数据脱敏广泛应用于用户信息展示、日志输出、测试数据构造及对外数据交付等场景。针对常见的敏感数据类型,如手机号、身份证号、银行卡号等,业界形成了使用掩码字符(如星号*)进行部分替换的通用模式。本文聚焦于使用星号(*)进行数据替换这一具体操作,

weixin_28715953的博客 248

css3新特性(二)

盒子水平垂直居中 translateZ越大,我们眼睛看到的物体就越大,结合透视看才明显

x1037490413的博客 252

构建企业级敏感数据安全组件:加密与脱敏的工程实践

在数据安全领域,加密与脱敏是保障数据机密性和隐私的核心技术。加密通过可逆的算法转换,确保数据在存储和传输过程中的机密性,常用算法如AES-256-GCM能有效防止数据泄露。脱敏则通过不可逆或部分不可逆的变换,在数据展示时隐藏敏感信息,平衡了数据可用性与隐私保护。这两项技术的工程价值在于,它们能将安全逻辑从业务代码中解耦,实现标准化和中心化管理,从而满足GDPR等合规要求并提升系统整体安全水位。其典型应用场景包括用户个人信息处理、金融交易系统和医疗健康数据管理等。本文聚焦于如何设计并实现一个统一的敏感数据加密

weixin_34245749的博客 395

2021-2022 常用方法

隐藏姓名 export const hideName = (name) => { name = name.split('') let hideName = name[0] for (let i = 1; i < name.length; i++) { hideName += '*' } return hideName } 隐藏手机号 export const hideNumber = (tel) => { tel = tel.replace(/(\d{3

hellozhxyuan 702

Vue实现数字输入框中分割手机号码的示例

本篇文章主要介绍了Vue实现数字输入框中分割手机号码的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

Tessent ATPG进阶:解锁多种Fault Model的工程实践与选型指南

本文深入探讨Tessent ATPG中多种Fault Model的工程实践与选型策略,涵盖Stuck-at、Transition、Bridge等核心模型的应用场景与配置技巧。通过实际案例解析,展示如何组合不同Fault Model提升芯片测试覆盖率,特别针对汽车电子、超低功耗芯片等复杂场景提供专业解决方案。

weixin_30219613的博客 198

vue项目:输入电话号码,自动按3-4-4分割

主要思路: 监听事件,每次号码发生改变时触发 大体的逻辑是:先比较号码变化前后的长度,判断是输入还是删除,如果是输入的话,利用正则表达式改变号码格式。 废话不多,上代码: html: <input type="tel" class="MobilePhone-user" placeholder="请输入手机号" v-model="phone" /> vue侦听器代码: watch: { phone(newValue

FengZi_00的博客 1308

中国高精度年度平均气温栅格数据集(1901-2024)

本文基于中国月度平均气温栅格数据集,计算生成1901-2024年1km分辨率的年度平均气温数据集,并按中国省市行政区划进行裁剪。该数据集融合CRU全球数据和WorldClim高分辨率数据,经496个站点验证,具有高时空精度和长时间序列特点,覆盖全国(含港澳台)逾百年气温记录,为气候变化研究、生态水文分析及农业生产评估等提供重要数据支撑。数据格式为Tif,单位为0.1℃,可获取全国、各省及各市三个尺度的气温栅格数据。

PPdata_Academy的博客 1242

VUE_vue手机号按344分隔,vue过滤手机号中间空格分隔

<template> <view> {{tel | phoneFilter}} </view> </template> <script> export default { data() { return { tel:"13988888888" } }, methods: {}, filters:{ phoneFilter(value){ let start = value.slice(0, 3) l.

小歪博客 1364

知识图谱-构建:知识图谱构建流程【本体构建、知识抽取(实体抽取、 关系抽取、属性抽取)、知识表示、知识融合、知识存储】

旅游领域的类是用来描述旅游的抽象化概念术语,是对众多旅游个体共性的概念化描述。术语是划分类的基础,根据构建领域本体的目标和具体需要,可以确定哪些术语能作为领域本体的类。在以上抽取的众多旅游领域术语中,有些是能直接作为类的,如旅游、人物、交通方式、景区等等,而有些则不能作为类,如票价、景区门票、联系方式等等,它们只是属性。“旅游”很明显是最顶层的类,是父类。然后,要确定旅游的子类,根据大众标签里体现的共性和《中国分类主题词表》确定了旅游领域的11个核心概念,即本体层次结构图数据属性(固有属性)...

u013250861的博客 4万+

UG\NX二次开发 获取对象的层、颜色、隐藏状态、线宽、线型、高亮显示状态

获取对象的层、颜色、隐藏状态、线宽、线型、高亮显示状态。

王牌飞行员_里海的博客 1980

常用方法

1.数字三位分割, //如果是整数 : (value || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, "$1,") //小数 : parseFloat(value || 0).toLocaleString() 2.手机号脱敏: var reg = /(\d{3})\d*(\d{4})/ phone.replace...

weixin_30650859的博客 137

深入剖析RK3588系统休眠唤醒机制及驱动适配秘籍

本文深入探讨了RK3588嵌入式系统的休眠唤醒机制及驱动适配技术。首先分析了系统支持的两种休眠模式(Freeze浅度睡眠和Mem深度睡眠)及四种唤醒方式(GPIO中断、蓝牙事件、外设活动和定时器唤醒)的工作原理。重点介绍了驱动适配的三个关键环节:设备树配置要点、驱动代码实现与优化方法,以及驱动与内核电源管理的协同机制。通过GPIO按键唤醒和蓝牙唤醒两个实际案例,展示了具体实现过程并提供了常见问题的解决方案。文章为开发者提供了全面的技术参考,有助于优化系统功耗管理和响应性能,对嵌入式系统开发具有重要指导意义。

远程部署调试 运行安装 项目调试 二次开发 项目技术新 持续迭代 部分源码免费分享 432

前端手机号脱敏的 4 个层级,你在第几层?

上周提交了一个需求:用户手机号在列表页需要脱敏展示。组长 review 时留了一句:“如果用户传了个 138-1234-5678,或者接口返回的是 number 类型,甚至是个 null,你这函数还能稳吗?我愣了一下。是啊,业务代码和 “能跑代码” 之间,往往隔着 N 个边界 case。这篇文章,就记录我把这个函数从 “青铜” 打磨到 “钻石” 的过程。

林恒的博客 373

Zookeeper+Hadoop+Spark+Flink+Kafka+Hbase+Hive 完全分布式高可用集群搭建(保姆级超详细含图文) 附安装包网盘下载

Hadoop+Spark+Flink+Zookeeper+Kafka+Hbase+Hive完全分布式高可用集群搭建 Hadoop高可用集群搭建 Spark高可用集群搭建 Flink高可用集群搭建 Zookeeper高可用集群搭建 Kafka高可用集群搭建 Hbase高可用集群搭建 Hive高可用集群搭建 mysql搭建 jdk部署 大数据集群环境搭建

Mr.L-OAM的博客 2万+

单稳态触发器Multisim电路仿真——硬件工程师笔记

本文系统介绍了单稳态触发器的基础知识及其实现方式。主要内容包括:1)单稳态触发器的工作原理、电路结构、特点及应用;2)555定时器实现单稳态触发器的配置及工作过程;3)使用反相器和与非门实现积分型和微分型单稳态触发器的电路结构及工作原理。文章详细阐述了各种实现方式的特性、应用场景及设计考虑,为硬件工程师提供了实用的电路设计参考。最后还附有相关笔试面试题链接,便于读者进一步学习扩展。

XU157303764的博客 1875

数据脱敏接口应用:业务文本中手机号、身份证与姓名的掩码处理

本文讲解数据脱敏接口的适用场景、请求参数与鉴权方式,通过 curl 示例演示如何对文本中的手机号、身份证、银行卡、邮箱及姓名进行自动掩码,并解析响应字段与工程化注意事项,帮助开发者在日志和业务系统中安全处理敏感信息。

Roufsi的博客 389

【vsomeip3 教程】基于 vSomeIP 3.5 的路由域实践:从配置到运行状态的完整指南

___ > 前言(读者定位与准备) 目标读者:在 Linux 上做分布式/车载中间件通信的 C++ 工程师。 > 先决条件:CMake、Boost 基础;理解 TCP/UDP 与多进程通信。 > 文中术语:Routing Host(路由进程)、Application、Service/Instance、Method、Event/EventGroup、SOME/IP-SD。 > 演示环境:单机多进程 & 跨主机两套对照。

探索C++编程的奥秘,分享深入的技术见解和实践,旨在激发读者创造力与解决问题的思维。 1159

企业数据脱敏转型之路(从规则引擎到AI驱动的智能脱敏)

解决企业数据安全与合规难题,介绍大模型数据脱敏工具在金融、医疗等场景的应用。融合规则引擎与AI智能识别,实现高效精准脱敏,保障隐私的同时提升数据可用性。转型智能脱敏的实用指南,值得收藏。

LiteTrans的博客 1104

STM32F407中文手册

STM32f407中文手册 本参考手册面向应用开发人员,提供有关使用 STM32F405xx/07xx、STM32F415xx/17xx、 STM32F42xxx 和 STM32F43xxx 微控制器存储器与外设的完整信息。STM32F405xx/07xx、STM32F415xx/17xx、STM32F42xxx 和 STM32F43xxx 构成一个微 控制器系列,各产品具有不同的存储器大小、封装和外设。有关订购信息以及器件的机械与电气特性,请参见数据手册。有关 ARM Cortex™-M4F 内核的信息,请参见《Cortex™-M4F 技术参考手册》。

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

实现ResponseBodyAdvice接口进行返回报文封装(脱敏)

今收到需求需要对所有接口的返回报文中含有敏感信息的字段进行加密处理,大概有100多个接口。肯定会优先想到用AOP切面实现。但AOP里头只能用环绕通知去实现,像后置及后置返回通知都是在方法执行后的通知(后置无法收到返回报文,后置返回可收到但是已返回到前端)显然不合适。环绕通知用过的话其实会发现有点性能问题。并且对于它是可以影响原来的返回格式的。所以用一种新的方式去实现,使用ResponseBodyAdvice实现。基本API用法很简单,本文嵌入了一些业务逻辑及设计思路。 需求有7类场景进行脱敏,每个场景不同

weixin_42740540的博客 1491

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

从MySQL到PHP再到前端展示:医疗数据全生命周期脱敏闭环(附可审计、可回溯、不可逆的开源脱敏组件)

解决医疗PHP系统数据脱敏难题,覆盖MySQL存储、PHP处理到前端展示全链路。支持可审计日志、字段级回溯与SHA-256不可逆脱敏,适配HIS、EMR等敏感场景。开源组件轻量易集成,值得收藏。

SimProceed的博客 199

汉书HE8,好用的汇编代码编写工具

汉书HE8,好用的汇编代码编写工具早期编写汇编代码所用功能强大

为什么83%的医疗PHP系统脱敏失效?——基于127家三甲医院审计报告的脱敏逻辑漏洞图谱分析

破解医疗PHP系统脱敏失效难题,基于127家三甲医院审计报告提炼可复用的医疗PHP系统数据脱敏代码方案,覆盖患者ID、病历号等敏感字段的动态掩码与上下文感知脱敏逻辑,安全合规且不影响业务查询。值得收藏

CodePulse的博客 134

数据脱敏API实战:敏感信息掩码在业务日志中的工程化应用

介绍数据脱敏API的使用场景、参数详解、curl与Java代码接入、返回字段解析及生产环境注意事项。纯本地正则匹配,毫秒级响应,帮助开发者快速实现手机号、身份证、银行卡等敏感信息的自动掩码。

Roufsi的博客 162

数据脱敏API接入踩坑实录:常见错误与排错指南

本文基于实际接入数据脱敏API(敏感信息掩码)的经验,系统梳理了鉴权失败、参数格式错误、文本超长、类型不合法等常见错误及其排查方法,配合curl示例与响应解析,帮助开发者快速定位问题并稳定集成。

Roufsi的博客 240

【金融级安全标准】:Open-AutoGLM中不可忽视的6类敏感字段识别与脱敏规则

掌握金融级数据安全,从Open-AutoGLM数据脱敏规则定制入手。详解6类敏感字段识别方法,覆盖金融、医疗等高合规场景,提供精准匹配与动态脱敏策略。兼顾安全性与数据可用性,助力企业高效合规,值得收藏。

BytePulse的博客 1013
上一篇: promise解决多层异步调用
下一篇: vue+iview实现表格选中记忆+前端导出功能
codezha
博客等级 码龄10年 28粉丝 98原创
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值