day10 dom渲染 slice replace split

71 阅读3分钟

只读 1、*****String API:其实就是函数,前辈们提供了,我们学习后直接可用,只有字符串可用 1、转义字符:
作用: 1、将字符串中和程序冲突的字符转为原文 """ '''

		2、包含特殊功能的符号
			换行:\n
			制表符:\t - 其实就是一个大空格,相当于你敲了键盘上tab键

		3、输出unicode编码的字符:
			常识:
			\uXXXX:第一个汉字:4e00		ascii:19968
				最后一个汉字:9fa5		ascii:40869

2、*大小写转换:将字符串中每个英文字母统一的转为大写 或 小写
	 何时:只要程序不区分大小写,就要先【统一】的转为 大写 或 小写,再比较(验证码 )
	 如何:
		大写:var upper=str.toUpperCase();
		小写:var lower=str.toLowerCase();

3、获取字符串中指定位置的字符:str.charAt(i);	===	还不如str[i]

4、获取字符串中指定位置的字符的ascii码:
	var ascii=str.charCodeAt(i);
     通过ascii码转回原文:
	var 原文=String.fromCharCode(ascii);

5、***检索字符串:检查索引:获取关键字的下标
	var i=str/arr.indexOf("关键字",starti);
	从starti位置开始,向右查找【第一个关键字的第一个字符】的位置
	starti其实也可以省略,如果省略了会从0位置开始
	返回值:找到了,返回的是第一个关键字的第一个字符的下标
	              *没找到,返回-1,其实我们根本不关心下标为几,我们只关心下标为不为-1
	作用:判断有没有
	强调:数组也能使用此方法,数组是后期才添加上的,此方法原本是属于字符串
	鄙视题:默认只能获取第一个关键字的下标,如何才能获取到所有关键字的下标?
	var str="no zuo no die no can no bibi";
	var index=-1;
	while((index=str.indexOf("no",index+1))!=-1){
		console.log("找到了:下标为"+index)
	}

6、*截取字符串:3种
               *var subStr=str/arr.slice(starti,endi+1);
		   str.substring(starti,endi+1);//不支持负数参数
		 *str.substr(starti,n);//n代表截取的个数,不必考虑含头不含尾

7、拼接字符串:var newStr=str.concat(新字符串,...); 还不如+运算

8、*替换字符串:本身这个方法非常强大,但是由于我们现在暂时不会正则表达式,只能替换固定的关键字(下周才能牛逼)
	var newStr=str.replace("关键字"/RegExp,"新内容"); 

9、*****切割/分割字符串:作用:str <=> arr
	var arr=str.split("自定义切割符");
	特殊:1、切割后,切割符就不存在了
	           2、切割符"",切散每一个字符

扩展:如何js创建/渲染元素:3步 1、JS创建空元素: var elem=document.createElement("标签名");

2、为此空标签添加必要的属性 或 事件
	elem.属性名=属性值;
	elem.on事件名=function(){}

3、渲染上DOM树:
	父元素.appendChild(elem);

作业: 1、真正的随机验证码验证:- 先做普通版,再做DOM版 关键点: 1、获取input的内容:value 2、失去焦点事件:onblur 2、高级版悄悄话,发群里,告诉其他人如何解析 以后页面上一切有排序功能的,底层一定都是一个数组 一切有随即功能的,底层都一定用到了随机数 3、PPT22页 1、3题 4、indexOf的鄙视体 5、PPT26页 两道题 6、PPT28页 4道题(*第三题:根据数据渲染一个表格)