<!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的更多相关文章

  1. 原生JS实现分页效果2.0（新增了上一页和下一页，添加当前元素样式）

    虽然写的很烂,但至少全部都是自己写的,因为这个没有固定的顺序,所以就没有封装,如果你技术好的话,可以你写的分享给我,谢谢. <!DOCTYPE html><html lang=&qu ...

  2. 原生JS实现分页效果1.0

    不太完整,写的太急,等等加上完整注释,写起来还是有些难度的,写的有点水,后面再改进改进. <!DOCTYPE html><html lang="en">&l ...

  3. 原生JS实现"旋转木马"效果的图片轮播插件

    一.写在最前面 最近都忙一些杂七杂八的事情,复习软考.研读经典...好像都好久没写过博客了... 我自己写过三个图片轮播,一个是简单的原生JS实现的,没有什么动画效果的,一个是结合JQuery实现的, ...

  4. 原生JS+Canvas实现五子棋游戏

    一.功能模块 先看下现在做完的效果: 线上体验:https://wj704.github.io/five_game.html 主要功能模块为: 1.人机对战功能 2.悔棋功能 3.撤销悔棋功能 二.代 ...

  5. 原生JS简单的无缝自动轮播

    最近在不断的加强巩固js.在学习jq和vue之后发现很多东西其实都是不明所以,有些底层的东西自己不懂,到头来也只是一昧的使用,一直在用别人的东西,对自己的成长帮助也不大. 万丈高楼平地起,基础打扎实了 ...

  6. 原生js写一个无缝轮播图插件(支持vue)

    轮播图插件(Broadcast.js) 前言:写这个插件的原因 前段时间准备用vue加上网易云的nodejs接口,模拟网易云音乐移动端.因为想自己写一遍所有的代码以及加固自己的flex布局,所以没有使 ...

  7. 原生JS封装Ajax插件(同域&&jsonp跨域)

    抛出一个问题,其实所谓的熟悉原生JS,怎样的程度才是熟悉呢? 最近都在做原生JS熟悉的练习... 用原生Js封装了一个Ajax插件,引入一般的项目,传传数据,感觉还是可行的...简单说说思路,如有不正 ...

  8. 常用原生JS方法总结（兼容性写法）

    经常会用到原生JS来写前端...但是原生JS的一些方法在适应各个浏览器的时候写法有的也不怎么一样的... 今天下班有点累... 就来总结一下简单的东西吧…… 备注:一下的方法都是包裹在一个EventU ...

  9. 再谈React.js实现原生js拖拽效果

    前几天写的那个拖拽,自己留下的疑问...这次在热心博友的提示下又修正了一些小小的bug,也加了拖拽的边缘检测部分...就再聊聊拖拽吧 一.不要直接操作dom元素 react中使用了虚拟dom的概念,目 ...

随机推荐

  1. promise的实现方式和运行机制

    promise的规范其实种类很多,我们最常用的是promise/A+ 这篇文章会先将一个类似于promise的构造函数怎么写,网上很多教程并没有实现A+规范,只是看起来像而已 然后我们深入探究如何一步 ...

  2. c#还有一点不太明白,既然开启了线程为何还要委托呢?

    2013-07-15 09:33threadroc | 浏览 1611 次 既然开启了线程为何还要委托呢?,开启线程本身不就是委托吗?为何委托要显示声明呢?Thread thread = new Th ...

  3. java并发系列(六)-----Java并发：volatile关键字解析

    在 Java 并发编程中,要想使并发程序能够正确地执行,必须要保证三条原则,即:原子性.可见性和有序性.只要有一条原则没有被保证,就有可能会导致程序运行不正确.volatile关键字 被用来保证可见性 ...

  4. Codeforces Round #573 (Div. 2)

    A:Tokitsukaze and Enhancement 当时看错条件了..以为A>C>B>D.就胡写了判断条件. #include<bits/stdc++.h> us ...

  5. 适配器模式--在NBA我需要翻译

     适配器模式:将一个类的接口转换成客户希望的另外一个接口.Adapter模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作. 在软件开发中,也就是系统的数据和行为都正确,但接口不符时,我们应 ...

  6. springmvc java程序文件保存地址的路径问题

    会保存为这种斜杠 不论之前填写的是什么样

  7. JSP/FTL 中获取param、request、session、application中的值

      Java JSP(EL表达式) FTL ① <% page.getAttribute("attr") %> ${pageScope .attr} - ② reque ...

  8. Chrome谷歌浏览器调试

    Chrome浏览器调试技巧  https://blog.csdn.net/u014727260/article/details/53231298

  9. 如何制作可以在 MaxCompute 上使用的 crcmod

    之前我们介绍过在 PyODPS DataFrame 中使用三方包.对于二进制包而言,MaxCompute 要求使用包名包含 cp27-cp27m 的 Wheel 包.但对于部分长时间未更新的包,例如 ...

  10. angular依赖注入(3) —— 的提供商

    一.注册商必须写在NgModel当中,不然只能对当前组件注入 二.写法: 1.令牌:providers:[Logger,Data] 2.供应商定义对象:providers:[{provide:Logg ...