<!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. dl, dt, dd /line-height /loat /vertical-align 问题

    刚刚在看张鑫旭大神的个人网站,看到一篇关于“css瓶颈”的深度好文,地址为:http://www.zhangxinxu.com/wordpress/?p=2523 关于张大神在文章里面提到的四个问题: ...

  2. 2019阿里云开年Hi购季必抢！爆爆爆爆爆爆爆款清单来了！

    摘要: 鸡冻人心的三月开年Hi购季来了,根本不知道该买哪款?这次就给大家列一波口碑爆款! 鸡冻人心的三月开年Hi购季来了 个个摩拳擦掌 为了算清楚能省多少钱 颓废多年的数学水平 仿佛在这个节日回到了高 ...

  3. CSS中position和header和overflow和background

    <!DOCTYPE html> <!--CSS中position属性--> <html lang="en"> <head> < ...

  4. [jnhs]教训之jsp页面无法用jstl取值的坑.真他妈的奇葩,实体类的属性名不能用大写

    结果页面永远都是空 调试发现,数据正常的塞进去了 问题解决: https://zhidao.baidu.com/question/570584436.html 实体类的属性名,首字母不能大写,改成小写 ...

  5. iOS 动画队列—仿映客刷礼物效果

    http://www.cocoachina.com/ios/20160719/17101.html 最近在研究直播的相关知识,在网上看到了不少优秀的开源项目,但都没有看到映客那个刷礼物的效果,于是手痒 ...

  6. CodeVS3958 火车进站

    3958 火车进站 时间限制: 1 s 空间限制: 256000 KB 题目等级 : 大师 Master         题目描述 Description 火车站内往往设有一些主干线分叉出去的铁路支路 ...

  7. Calendar to julian date format

    1.JULIAN DATE 定义 2.示例: 定义枚举: public enum JulianDateType    {        /// <summary>        /// J ...

  8. IP地址与，域名，DNS服务器，端口号的联系与概念

    一,什么是IP地址? 每一个联入到Internet的计算机都需要一个世界上独一无二的IP地址,相当于人们的身份证号码! IP地址有A类,B类,C类,D类和E类之分,目前D类和E类都暂时作为保留地址! ...

  9. dns-prefetch对网站速度能提升有多少？详解dns-prefetch。

    DNS解析场景 有很多大型的网站,都会用N 个CDN 域名来做图片.静态文件等资源访问.比如新浪,我们经常会看到有下列域. img1.sina.com.cn . img2.sina.com.cn .i ...

  10. chrome浏览器 新打开的页面覆盖当前页面

    chrome浏览器  本应该新打开一个页面,却覆盖了当前页面. 解决办法:使用鼠标中键打开一次,后续即可正常使用.