欢迎加入前端交流群交流知识获取视频资料：749539640
观察淘宝网商品数据
有一个东西叫服务器>>>>js的作用重要作用之一>>>>交互>>>>人机交互(事件)>>>>服务器交互(ajax)；
服务器交互，数据处理方式json>>>>>要把它转化成字符串操作。
字符串操作重要性不言而喻。
什么是字符串?
字符串就是一串字符，由单（双）引号括起来，字符串是JavaScript的一种基本类型。
● "undefined"——如果这个值未定义；
● "boolean"——如果这个值是布尔值；
● "string"——如果这个值是字符串；
● "number"——如果这个值是数值；
● "object"——如果这个值是对象或null；
字符串的操作 >>>>> 从1+1=2到1+1=11又怎样的区别那？(小复习)
字符串的声明：
var str="亲"； 基本类型 定义一个字符串变量str，内容为‘亲'
var str = new String(“hello”); 引用类型 定义一个字符串变量str，内容为hello， 注意此刻str为object(对象)类型 用new产生的变量都是引用类型的变量，也叫对象。
JavaScript特性之一>>>>>>万事万物皆对象；
基本类型值指的是简单的数据段，而引用类型是一个指向，指向javascript的内部对象。
字符串与html
1.当把html编译成字符串插入到页面中的时候 ， JavaScript解析器会直接将字符串解析成代码。 比如:document.write('<strong>我是加粗的文字/strong>')
写在页面上是什么样子那？for循环和字符串拼接。(练习)
big() 用大号字体显示字符串
bold() 使用粗体显示字符串
fixed() 以打字机文本显示字符串
strike() 使用删除线来显示字符串
fontcolor() 使用指定颜色来显示字符串
fontsize() 使用指定尺寸来显示字符串
link() 将字符串显示为链接
sub() 把字符串显示为下标
sup() 把字符串显示为上标
//上述方法，都返回一个增加了标签的字符串,但是不对字符串本身进行操作；
没有html代码的商品列表页面
两种声明字符串的方式差别。类型不同（原因）。字符串的下标length
京东商品列表.rar字符串操作>>>>
1.查询操作
1)indexOf("abc") 查找字符串第一次出现的位置 ;
2)lastIndexOf("abc") 查找字符串最后一次出现的位置 如果没找到 返回-1
3)replace() 替换字符串//返回一个修改后的字符串不对原字符串进行操作
replace 替换字符串
如： var str="how are you";
alert(str.replace("are","old are"));
2.获取操作
charAt(3) //获取下标为3的字符
charCodeAt(3) //获取下标为3的字符的Unicode码
Unicode（统一码、万国码、单一码）是计算机科学领域里的一项业界标准,包括字符集、编码方案等。>>>>>翻译官思密达
String.fromCharCode(94) //编码转换成字符；
由于fromCharCode( )是String对象中的方法 ，所以在使用的时候要加上前缀String；
substring(start,end)//截取字符串，从第start位开始，到end位停止。
split(separator, howmany) >>>>>> 根据分隔符、拆分成数组;
separator (字符串);//根据什么进行拆分
howmany(可以指定返回的数组的最大长度) ;
【注】如果空字符串(“”)用作separator,那么stringObject中的每个字符之间都会被分割。
3.拼接操作
concat() 连接字符串 //最没用的方法
4.大小写操作
toLowerCase（）
toUpperCase（）
字符串操作练习
练习， 敏感词屏蔽（腾讯qq，鹅场）；屏蔽敏感字（腾讯qq）。
二、Math函数
Math.round(3.6) //四舍五入
random() //返回0-1之间的随机数
max(num1, num2) //返回较大的数
min(num1, num2) //返回较小的数
abs(num) //绝对值
ceil(19.3) //12 向上取整
floor(11.8) //11 向下取整
1.获取四位数的验证码。
2.验证
思路：
布局（略）
1.获取需要操作的元素；
2.增加事件；
3.获取需要验证的字符串;
4.对字符串进行处理（1.用户名不能为空 。2.开头字母不能是数字。3.用户名长度应该小于6位但是不能大于20位。4.密码不能为空。）；
5.验证字符串，并将结果写入提示区域内；
注：空格也是字符；
3.计算器， 计算器思路。
布局。(略)
switch()语句和if类似，但是比if更复杂；
switch(sth){
case sth1:
代码块；
break;
default:
代码块；
}
一个小的计算器：
大计算器思路；
运算的思路：数字1，数字2 ，运算符；
1.点击时数字要显示，再点击时隐藏上次点击数字，运算符要保留；>>>>两个变量，一个用于储存上一个被清除的数字；另个一储存运算符；没有运算的时候直接返回value值；
2.清除（C）的时候需要清除所有变量中的值。
十以内的加减乘除已经搞定了；
3.数字是否可以叠加：增加变量；