<!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. HDFS 数据存取策略

  2. Codeforces Round #466 (Div. 2) 题解940A 940B 940C 940D 940E 940F

    Codeforces Round #466 (Div. 2) 题解 A.Points on the line 题目大意: 给你一个数列,定义数列的权值为最大值减去最小值,问最少删除几个数,使得数列的权 ...

  3. Gym - 102082G

    Gym - 102082Ghttps://vjudge.net/problem/2198225/origin对于数列中任意一个数,要么从最左边到它不递减,要么从最右边到到它不递减,为了满足这个条件,就 ...

  4. TZ_01MyBatis_log4j.propertiies

    # Set root category priority to INFO and its only appender to CONSOLE. #log4j.rootCategory=INFO, CON ...

  5. jquery版的网页倒计时效果

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  6. hql 条件查询 返回空的一种情况

    为何会出现查询为空,但是查询整个表没问题的情况呢? 这里是没有分清字符串和变量 原来写的是, String hql = "from ClientInfoModel where clientI ...

  7. docker-4-Dockerfile配置文件详解

    ​ Dockerfile简单一点就是描述你这个镜像安装了哪些软件包,有哪些操作,创建了什么东西.有些人喜欢用 docker commit 命令去打包镜像,这样是不好的,首先commit出来的镜像比你使 ...

  8. python基础--GIL全局解释器锁、Event事件、信号量、死锁、递归锁

    ps:python解释器有很多种,最常见的就是C python解释器 GIL全局解释器锁: GIL本质上是一把互斥锁:将并发变成串行,牺牲效率保证了数据的安全 用来阻止同一个进程下的多个线程的同时执行 ...

  9. 2019.8.12 NOIP模拟测试18 反思总结

    写个博客总是符合要求的对吧 回来以后第一次悄悄参加考试,昨天全程围观… 然后喜提爆炸120分wwwwwwwww T1用了全机房最慢的写法,导致改掉死循环T掉的一个点以后还是死活过不了最后一个点.T2全 ...

  10. 小米网关api

    http://bbs.xiaomi.cn/t-13198850 https://github.com/snOOrz/homebridge-aqara/blob/master/README.md htt ...