<!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. spring源码学习之AOP（二）

    接着上一篇中的内容! 3.创建代理 在获取了所有的bean对应的增强器之后,便可以进行代理的创建了org.springframework.aop.framework.autoproxy包下的Abstr ...

  2. Leetcode645.Set Mismatch错误的集合

    集合 S 包含从1到 n 的整数.不幸的是,因为数据错误,导致集合里面某一个元素复制了成了集合里面的另外一个元素的值,导致集合丢失了一个整数并且有一个元素重复. 给定一个数组 nums 代表了集合 S ...

  3. Flask – SQLAlchemy成员增加

    目录 简介 结构 展示 技术 运行 代码 创建数据库表单 views视图 home主页 添加成员addnew.html 展示页show_all 简介 结构 $ tree -I "__pyca ...

  4. TP3.2.x判断手机端访问并设置默认访问模块的方法 - ThinkPHP框架

    手机端访问时调用Wap手机模块,实现在手机端访问时展示出手机网站,无需跳转域名首先我们在./Application/Common/Conf/ 目录下建立两个公共配置文件:config.php 和con ...

  5. 安装scrapy问题:-bash:scrapy:command not found

    但是可以import,于是添加python3.5到环境变量,搞定 export PATH=$PATH:/usr/local/python3./bin/

  6. 洛谷3953 (NOIp2017) 逛公园——记忆化搜索+用栈判0环

    题目:https://www.luogu.org/problemnew/show/P3953 因为K只有50,所以想到用dp[ cr ][ j ]表示在点cr.比最短路多走了 j 的方案数.(看了TJ ...

  7. HDU - 1724 Ellipse 自适应辛普森模板

    OJ 题解传送门 //Achen #include<algorithm> #include<iostream> #include<cstring> #include ...

  8. 当node升级后导致webpack打包出错，node-saas出问题的解决办法

    报错信息如下: ERROR in ./node_modules/_extract-text-webpack-plugin@3.0.2@extract-text-webpack-plugin/dist/ ...

  9. C++ 之手写strcat

    char *strcat(char* strDest, const char*strSrc){ assert(strDest != NULL&&strSrc != NULL); cha ...

  10. Linux安装JDK和Tomcat

    步骤如下: 1)在/root用户下建立jdk和tomcat两个文件夹并上传jdk-7u80-linux-x64.rpm和apache-tomcat-7.0.82.zip   2)安装jdk #  rp ...