<!DOCTYPE html>
<html lang="en">
<head>
???<meta charset="UTF-8">
???<title>Title</title>
???<script>
???????// // 1.splice的用法
???????// var arr = [1,2,3,6,4,8,5,9,7,];
???????// arr.splice(2, 2, 1,1,1,1,1,1);
???????// 2.call的指向性问题
???????// function Person(name, age) {
???????// ????this.name = name;
???????// ????this.age = age;
???????//
???????// }
???????// var person = new Person("deng", 18);
???????// var obj1 = {
???????//
???????// };
???????// Person.call(obj1, "xiaoliu", 18);
???????// // 3.creat创建原型
???????// var obj = {
???????// ????name : "xiaoliu",
???????// ????age : 18,
???????// ????sex : "mal"
???????// };
???????// var obj1 = Object.create(obj);
???????//4.for in 遍历数组及对象
???????// var obj = {
???????// ????name : "xiaoliu",
???????// ????age : 18,
???????// ????sex : "mal",
???????// ????height : 180,
???????// ????weight : 160
???????//
???????// };
???????// for(var obj1 in obj){
???????// ????console.log(obj1 + " " + typeof (obj[obj1]));
???????// }
???????// ???5.instanceof的用法
???????// ????function F() {
???????//
???????// ????}
???????// ????var f = new F();
???????// ????console.log(f instanceof F);
???????// ?6.javascript中精度不准的问题,使用取整来解决
???????// for (var i = 0; i <= 10; i++){
???????// ????var num = Math.floor(Math.random()*100);
???????// ????console.log(num);
???????//
???????// }
???????// var a = 5*1.015;
???????// console.log(a);
???????// 7.css权重问题
???????// ！important ????????????infinity
???????// 行间样式 ???????????????1000
???????// id ?????????????????????100
???????// class|属性|伪类 ????????10
???????// 标签|伪元素 ?????????????1
???????// 通配符 ???????????????????0
???????//
???????// 8.行内元素与块级元素
???????// （1）行内元素
???????// feature ：内容决定元素所占宽高，不能通过css改变宽高
???????// span ?strong em a del
???????// （2） 块级元素
???????// feature ：独占一行，可以通过css来改变其宽高
???????// div p ul li ol form address
???????// 9.标准盒模型与IE盒模型
???????// W3C盒子模型的范围包括margin， border， padding， content
???????// 并且content不包含其他部分
???????// 但是IE盒模型中的content包括border和padding部分
???????// 10.绝对定位与相对定位
???????// 绝对定位需要设置position : absolute 他的定位是相对与其最接近的
???????// 一个具有定位属性的父级元素进行定位的
???????// 相对定位需要设置position ： relative 他的定位是相对于文档进行
???????// 定位的，
???????// 所以在设置定位时通常有一句话叫做子绝父相；
???????// 11.触发盒子的BFC
???????// position absolute
???????// display inline-block
???????// float ??left/right
???????// overflow hidden
???????// 12.原始值与引用值
???????// 原始值：Number String Boolean undefined null
???????// 引用值 ：array object function date
???????// 13.switch语句
???????// var a = 2;
???????// switch (a) {
???????// ????case 1:
???????// ????????console.log("1");
???????// ????????break;
???????// ????case 2:
???????// ????????console.log("2");
???????// ????????break;
???????//
???????// }
???????// 14.parseInt()函数
???????// parseInt函数可以解析一个字符串并且返回一个整数语法
???????// 是parseint（string， radix）；
???????// var demo = "16";
???????// var demo1 = parseInt(demo, 10);
???????// console.log(typeof (demo1) +" "+ demo1);
???????// 15.js中的包装类
???????// js中的原始值是没有属性和方法的，只有对象才有属性和方法
???????// 所以在调用原始值的属性以及方法时实则是new了一个新的对象，
???????// 调用的是对象里的方法，调用完以后随即进行销毁。
???????// 例如 var str="hello word";
???????// var str = new String("hello world");
???????// 1.创建出一个和基本类型值相同的对象
???????// var long = str.length;
???????// 2.这个对象就可以调用包装对象下的方法，并且返回结给long变量
???????// str = null;
???????// 3.之后这个临时创建的对象就被销毁了
???????// 16.数组中sort排序
???????// var arr = [65,7,6,8,7,55,2,1,6,64,5,6,49,8,75,5,];
???????// var arr1 = arr.sort(function (a,b) {
???????//
???????// ????return b - a;
???????//
???????// });
???????// 17.this的指向性问题
???????// 1.在函数预编译过程中，this指向window
???????// 2.在全局作用域中，this指向window
???????// 3.call和apply可以改变this的指向
???????// 4.obj.function中，function中的this指向object
???????// 18.闭包的机制
???????
???</script>
</head>
<body>
</body>
</html>
原生js复习1.0
原文地址：https://www.cnblogs.com/vvbk/p/10802666.html