本地存储、正则表达式

本地存储

        随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,HTML5规范提出了相关解决方案。

1、数据存储在用户浏览器中

2、设置、读取方便、甚至页面刷新不丢失数据

3、容量较大, sessionStorage 和 localStorage 约5M左右

localStorage 

1、生命周期永久生效,除非手动删除否则关闭页面也会存在

2、可以多窗口(页面)共享(同一浏览器可以共享)

3、以键值对的形式存储使用

7b30c22af1974f9aaa45cf2e52d58574.png

 存储复杂数据类型

       本地只能存储字符串,无法存储复杂数据类型。需要将复杂数据类型转换成 JSON 字符串,再存储到本地

e564335fe9cf404485da90dcfbe97494.png


正则表达式

       正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript 中,正则表达式也是对象 通常用来查找、替换那些符合正则表达式的文本,许多语言都支持正则表达式。

正则表达式在 JavaScript 中的使用场景:

       例如验证表单:用户名表单只能输入英文字母、数字或者下划线,昵称输入框中可以输入中文(匹配)

       比如用户名:/ a -z0-9_-1(3,16$/

       过滤掉页面内容中的一些敏感词(替换),或从字符串中获取我们想要的特定部分(提取)等。

语法:

1d6e968c6020404dbb9c3d71ec273ab1.png

8cbf31ccd2f54bca9124597e43d60cb2.png

ad3c15f4b73545b2b9baed98e37ed536.png

元字符

边界符

       表示位置,开头和结尾,必须用什么开 头,用什么结尾 c6a82b874ed54854829cfeeadd45574d.png 27fd37e2637048438779b8b466f5a2d2.png

量词

9e457d0631cf4fa19618879e5e41c646.png

字符类

(1)

[ ]匹配字符集合

6d7e39b158774c7a8ae9712dd707add1.png

[ ]里面加上-连字符

57d79ea405894e9786c6549c65788e66.png

[ ]里面加上^取反符号

8f34cf4d498b43c3b00a1275aab87d03.png(2).匹配除换行符以外的任意单字符

(3)预定义:指的是某些常见模式的简写方式。

8bb6474147ac4e1c959da47b87da49a7.png

修饰符

        修饰符约束正则执行的某些细节行为,如是否区分大小写、是否支持多行匹配等

3109713492744f82a821ca5230e638d3.png

736435425d374fca9512954231641c34.png

ddceb659d85f4b5ca5667c2856ba42dd.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值