【笔记整理】前端基本功-内置对象

1.1 Date

案例:日历、倒计时

1.2 String/Number/Boolean

给索引查字符(charAt/charCodeAt)

  1. charAt,获取相应位置字符(参数: 字符位置)

注释:字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间,该方法将返回一个空字符串。

  1. charCodeAt获取相应位置字符编码(参数: 字符位置)

charAt()方法和charCodeAt()方法用于选取字符串中某一位置上的单个字符

区别:charCodeAt()方法,它并不返回指定位置上的字符本身,而是返回该字符在Unicode字符集中的编码值。如果该位置没有字符,返回值为NaN.

字符/字符编码 = Str.charAt/charCodeAt(索引值);

给字符查索引(indexOf/lastIndexOf)

  1. indexOf,从前向后索引字符串位置(参数: 索引字符串)
    从前面寻找第一个符合元素的位置
  2. lastIndexOf,从后向前索引字符串位置(参数:索引字符串)
    从后面寻找第一个符合元素的位置
    找不到则返回 -1
索引值 = str.indexOf/lastIndexOf(想要查询的字符);

url 编码和解码(了解)
URI (Uniform ResourceIdentifiers,通用资源标识符)进行编码,以便发送给浏览器。有效的URI中不能包含某些字符,例如空格。而这URI编码方法就可以对URI进行编码,它们用特殊的UTF-8编码替换所有无效的字符,从而让浏览器能够接受和理解。
encodeURIComponent() 函数可把字符串作为 URI 组件进行编码
decodeURIComponent() 函数可把字符串作为 URI 组件进行解码

字符串的链接

新字符串 = str1.concat(str2); 链接两个字符串

字符串的截取

  1. slice,截取字符串(参数:1,截取位置【必须】,2终结点)
    字符串 = str.slice(索引1,索引2); 两个参数都是索引值。
(1).(2,5)  正常包左不包右。
(2). ( 2 )   	从指定的索引位置剪到最后。
(3).(-3)   从倒数第几个剪到最后.
(4).(5,2)  前面的大,后面的小,空。
  1. substr,截取字符串(参数:1,截取位置【必须】,2截取长度)
    字符串 = str.substr(参数1,参数2); 1索引值,2长度。
    第一个参数为从索引位置取值,第二个参数返回字符长度。
(1).(2,4)    从索引值为2的字符开始,截取4个字符。
(2).(1)     一个值,从指定位置到最后。
(3).(-3)    从倒数第几个剪到最后.
(4). 不包括前大后小的情况。
  1. substring 同slice
    字符串 = str.substring(参数1,参数2); 两个参数都是索引值。
    不同1:参数智能调转位置。
    不同2:参数负值,将全部获取字符串。
   (1).(2,5)    正常包左不包右。
    (2).   ( 2 )      从指定的索引位置剪到最后。
    (3).  (-3)    获取全部字符串.
    (4).  (5,2)   前面的大,后面的小,不是空。(2,5)

特殊方法简介

trim()     //只能去除字符串前后的空白
replace()  //替换   str.replace(/aaa/gi,“bbb”);
split()    //字符串变数组

Math

Math.abs();       取绝对值
Math.floor();      向下取整
Math.ceil();       向上取整
Math.round();     四舍五入取整
Math.random();   随机数0-1

addEventListenner(兼容绑定、移除、原理)

1.使用方法
2.实现原理
3.兼容性。
5.移除事件

1.bnt.onclick = null;
2.btn.removeEventListener(...);
3.btn.detachEvent(...);(attachEvent)	

4.封装

猜你喜欢

转载自blog.csdn.net/weixin_42554191/article/details/106653859