和fromCharCode方法是一样的,参数也是一组序列数字,表示Unicode值,返回值是指定的字符
srt.length
获取字符串的长度,例如:指定邮件地址必须大于6位,那么获取到输入框的字符串后a.length可以判断
string方法
Sting.prototype.charAt(index):从一个字符串中返回指定位置的字符,index:0~字符串长度-1,返回的是指定位置的那个字符,或空字符,示例检测不能以“-”开头
var a=new String(“”-aadads");
if(a.chatAt(0)==‘-’){alert(‘不能以’-‘开头’)};
String.proto.charCodeAt(pos):从一个字符串中返回指定位置的字符编码,pos:0~字符串长度-1,返回的是指定位置的那个字符的字符编码,如果超出长度,返回NaN
var a=new String("“madads”);
a.chartCodeAt(0)
//也就是返回a,第0个位置也就是字符m的字符编码,109,当然,
//这个也是十六位的字符编码,比如“你”这个字符返回的字符编码就是错误的
**String.prototype.codePointAt(pos):**从一个字符串中返回指定位置的字符编码,pos:0~字符串长度-1,返回的是指定位置的那个字符的字符编码,如果超出长度,返回undefined,但是这个可以提取中文,1个中文等于2个字符
String.prototype.startsWith(searchString[,position])
判断字符串是否以给定的子串开头,searchString:搜索的子字符串,prosition:搜索子字符串的开始位置,默认值为0,如果找到了返回true,如果没有找到,返回false
var a=“-aaa”;
a.startsWith(“-”) //检测是否是以-开头的字符串,返回true
String.prototype.endsWith(searchString,[,position])
判断字符串是否以给定的子串结尾,searchString:搜索的子字符串,position:搜索子字符串的开始位置,默认值为字符串长度,如果找到了返回true,如果没有找到,返回false
var a=“aaa”
a.endsWith(‘a’) //检测是否以a结尾,这边返回true
String方法,获取字符串的位置
String.prototype.indexOf(searchValue[,fromIndex])
获取指定值在字符串中第一次出现的索引,searchValue:要查找的字符串值,fromIndex:开始查找的位置,默认为0,可选,如果找到了,返回指定的位置,如果没有找到,则返回-1
var a=‘asdzxcqwe’
a.indexOf(‘d’) //返回2
a.indexOf(“-”) //返回-1
a.indexOf(‘asd’) //返回0,如果是字符串,返回的是第一个字母所在的位置
a.indexOf(‘asa’) //返回-1,因为这个字符串当中不包含asa子字符串
String.prototype.lastIndexOf(searchValue[,fromIndex])
和indexOf对应,获取指定值在字符串中最后一次出现的索引,searchValue:要查找的字符串值,fromIndex:开始查找的位置,默认为0,可选,如果找到了,返回指定的位置,如果没有找到,则返回-1
String.prototype.includes(searchValue[,fromIndex])
判断一个字符串中是否包含搜索的字符串,searchValue:要查找的字符串值,fromIndex:开始查找的位置,默认为0,可选,如果找到了,返回true,如果没有找到,则返回false
var a=‘asdzxcqwe’
a.includes(‘d’) //返回true
a.includes(“-”) //返回false
a.includes(‘asd’) //返回true
a.includes(‘asa’) //返回false
string-匹配模式
String.prototype.search(regexp)
从一个字符串中返回与正则表达式匹配的索引值,参数regexp,是一个正则表达式,返回值,是首次匹配项的索引值,如果没有则返回-1,例如
“m163”.search(“163”) //输出1
String.prototype.match(regexp)
从一个字符串中返回与正则表达式匹配的匹配项,参数regexp,是一个正则表达式,返回值,返回的是数组,如果没有则返回null
“micromajor123”.match(“/[0-9]/”) //输出 [“1”]
“micromajor123”.match(“/[0-9]/g”) //输出 [“1”,“6”,“3”]
“xmasddd”.match(“[A-Z]”) //输出null
String.protptype.replace(regex|substr,newSubstr|function)
根据规则替换字符串中的某些值,regex|substr:可以是正则表达式,也可以是字符串,newSubstr|function:可以是字符串,或者是创建字符串的函数,第二个参数是要替换的字符串,返回值是替换后的新字符串
“mmmmm163”.replace(“163”,“###”) //输出后的新字符串为:mmmmm###
“mmmmm163”.replace(“'/[0-9]/”,“#”) // mmmmm#63
“mmmmm163”.replace(“/[0-9]/g”,“#”) //mmmmm###
如果是要把数字删除,“mmmmm163”.replace(“/[0-9]/g”,“”) //只要将第二个改成空字符串就行
String方法-字符串操作
String.prototype.substring(indexStart[,indexEnd])
从一个字符串中返回开始索引和结束索引之间的字符,包含开始但是不包含结束索引位置对应的字符,indexStart:0字符串长度,indexEnd:表示结束截取的位置,0字符串长度,可选,如果不写则一直到字符串结束,返回值是开始索引和结束索引之间的子串
“micromajor”.substring(5,7) //“ma”,5是开始的位置(包括位置5),7是结束的位置(不包括位置7)
小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
基础学习:
前端最基础的就是 HTML , CSS 和 JavaScript 。
网页设计:HTML和CSS基础知识的学习
HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
动态交互:JavaScript基础的学习
JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
[外链图片转存中…(img-GN8IQpwm-1710798042845)]
CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
[外链图片转存中…(img-3um6aVnr-1710798042845)]
动态交互:JavaScript基础的学习
JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。