js与css随笔 4

js
基本包装类型
三个特殊的引用类型 Boolean Number String
每当读取一个基本类型值的时候 后台就会创建一个对应的基本包装类型的对象
（1）创建一个实例
（2）在实例上调用指定的方法
（3）销毁这个实例
引用类型和基本包装类型的主要区别就是对象的生存期
对基本包装类型的实例调用typeod会返回object 而且所有基本包装类型的对象都会被转化为布尔值true
Numer
toFixed()会返回指定的小数位返回数值的字符串
toExponential() 返回指数表示法
toPrecision()根据处理的数值决定调用以上两种哪一个
String
实例都有lengrh属性 表示字符串中包含多个字符
1.字符方法
chartAt（） chartCodeAt（） 这两个方法都接收一个参数 基于0的字符位置
前者返回字符 后者返回字符编码
也可以用【】 访问
2.字符串操作方法
concat（）和数组那个一样 大多数用+
slice（） substr（） substring（） 返回被操作字符串的一个子字符串 第一个参数自定子字符串开始的位置 第二个参数表示到哪里结束 substr第二指的是返回的字符个数 前两个第二个参数是结束的位置
3.字符串位置方法
indexOf （）lastIndexof（） 搜索指定子字符串 返回位置 没找到返回-1
4.trim() 删除前后空格
5.字符串大小写转换方法
toLowerCase()和 toUpperCase()是两个经典的方法
而 toLocaleLowerCase()和 toLocaleUpperCase()方法则是针对特定地区的实现。
6.字符串的模式匹配方法
match（）本质上与调用 RegExp 的 exec()方法相同
match()方法只接受一个参数，要么是一个正则表达式，要么是一个 RegExp 对象
另一个用于查找模式的方法是 search()。这个方法的唯一参数与 match()方法的参数相同：由字符串或 RegExp 对象指定的一个正则表达式。search()方法返回字符串中第一个匹配项的索引；如果没有找到匹配项，则返回-1。而且，search()方法始终是从字符串开头向后查找模式。
为了简化替换子字符串的操作，ECMAScript 提供了 replace()方法。这个方法接受两个参数：第一个参数可以是一个 RegExp 对象或者一个字符串（这个字符串不会被转换成正则表达式），第二个参数可以是一个字符串或者一个函数。如果第一个参数是字符串，那么只会替换第一个子字符串。要想替换所有子字符串，唯一的办法就是提供一个正则表达式，而且要指定全局（g）标志
split()，这个方法可以基于指定的分隔符将一个字符串分割成
多个子字符串，并将结果放在一个数组中。分隔符可以是字符串，也可以是一个 RegExp 对象（这个方法不会将字符串看成正则表达式）。split()方法可以接受可选的第二个参数，用于指定数组的大小，以便确保返回的数组不会超过既定大小。
replace()方法的第二个参数也可以是一个函数。在只有一个匹配项（即与模式匹配的字符串）的情况下，会向这个函数传递 3 个参数：模式的匹配项、模式匹配项在字符串中的位置和原始字符串。在正则表达式中定义了多个捕获组的情况下，传递给函数的参数依次是模式的匹配项、第一个捕获组的匹配项、第二个捕获组的匹配项……，但最后两个参数仍然分别是模式的匹配项在字符串中的位置和原始字符串。这个函数应该返回一个字符串，表示应该被替换的匹配项使用函数作为 replace()方法的第二个参数可以实现更加精细的替换操作
7.localeCompare()方法
如果字符串在字母表中应该排在字符串参数之前，则返回一个负数（大多数情况下是-1，具体的值要视实现而定）；
 如果字符串等于字符串参数，则返回 0；
 如果字符串在字母表中应该排在字符串参数之后，则返回一个正数（大多数情况下是 1，具体的值同样要视实现而定）。
8. fromCharCode()方法
这个方法的任务是接收一或
多个字符编码，然后将它们转换成一个字符串。从本质上来看，这个方法与实例方法 charCodeAt()执行的是相反的操作。
单体内置对象
Global对象
，诸如 isNaN()、isFinite()、parseInt()以及 parseFloat()，实际上全都是 Global
对象的方法。
1.URI编码方法 对象的 encodeURI()和 encodeURIComponent()方法可以对 URI（Uniform Resource Identifiers，通用资源标识符）进行编码，以便发送给浏览器。
2.eval（）方法
eval()
方法就像是一个完整的 ECMAScript 解析器，它只接受一个参数，即要执行的 ECMAScript（或 JavaScript）字符串
3. Global 对象的属性
4. 特殊的值
undefined、NaN 以及 Infinity 都是 Global 对象的属性。此外，所有原生引用类型的构造函数，像Object 和 Function，也都是 Global 对象的属性
5. window 对象
ECMAScript 虽然没有指出如何直接访问 Global 对象，但 Web 浏览器都是将这个全局对象作为
window 对象的一部分加以实现的。因此，在全局作用域中声明的所有变量和函数，就都成为了 window对象的属性。
Math对象
.1 .Math 对象的属性
2.min()和 max()方法
其中，min()和 max()方法用于确定一组数值中的最小值和最大值。这两个方法都可以接收任意多个数值参数，
3. 舍入方法
Math.ceil()、Math.floor()和 Math.round()。
Math.ceil()执行向上舍入，即它总是将数值向上舍入为最接近的整数；
Math.floor()执行向下舍入，即它总是将数值向下舍入为最接近的整数；
Math.round()执行标准舍入，即它总是将数值四舍五入为最接近的整数（这也是我们在数学课上学到的舍入规则）。
4. random()方法
Math.random()方法返回大于等于 0 小于 1 的一个随机数。
值 = Math.floor(Math.random() * 可能值的总数 + 第一个可能的值)
5. 其他方法
css
替换元素
替换元素，顾名思义，内容可以被替换
（1）内容的外观不受页面上的CSS的影响。
（2）有自己的尺寸。
（3）在很多CSS属性上有自己的一套表现规则。
替换元素的默认display值
所有的替换元素都是内联水平元素，也就是替换元素和替换元素、替换元素和 文字都是可以在一行显示的。但是，替换元素默认的display值却是不一样的
和按钮的区别在什么地方？
两种按钮默认的white-space值不一样，前者是pre，后者是normal，所表示出 来的 现象差异就是：当按钮文字足够多的时候，按钮不会自动换 行按钮则会。
替换元素的尺寸从内而外分为3类：固有尺寸、HTML尺寸和CSS尺寸
固有尺寸、HTML尺寸和CSS尺寸同时存在，起作用的是CSS属性限定的尺寸
img没有src不是替换元素，而是一个普通的内联元素
我们是无法改 变这个替换元素内容的固有尺寸的”
4．替换元素和非替换元素的距离有多远
基于伪元素的图片内容生成技 术