美文网首页
js学习笔记记录

js学习笔记记录

作者: skyfiring | 来源:发表于2019-05-05 12:56 被阅读0次
  1. 基本数据类型(五种)与复杂数据类型(对象)
    • typeof判断数据类型(数字、字符串、布尔、undefined、函数)
    • Object.prototype.toString.call() ==> 如:'[object number]'
    • Array.isArray()
    • isNaN
  2. undefined数据的出现原因
    • 变量声明未赋值
    • 变量声明赋值undefined
    • 对象属性不存在
  3. 对象的调用方式(两种)与区别,删除对象属性
  4. 构造函数,instanceof判断是否为构造函数的实例
    • 不返回,返回基本数据类型、返回对象 == > 创建的对象还是构造函数的实例吗?
    • 内置构造函数
    • 构造函数的父对象,实例的原型对象就是构造函数.prototype
      p1.__proto__ === Person.prototype
  5. =====区别
  6. 继承的几种方式
    • 原型链继承
            function Person(data1,data2){
                  this.data1 = data1;
                  this.data2 = data2;
              }
              //Person.prototype.say=function(){}
              Person.prototype={
                    constructor:Person //不破坏原有原型对象
                    say:function(){}
              }
              var p1=new Person(1,2);
    
    • 拷贝继承
      -- for in与for of区别
      • ES6的对象扩展运算符(...args)
      • ES5的Object.assign()
          var a={name:1,age:2};
          var b={};
          for(var key in a){
              b[key] = a[key];
          }
          b.sex = "男";
    
    • 原型式继承
      • 场景
      • 创建一个纯洁的对象,对象什么属性都没有
      • 创建一个继承自某个父对象的子对象
        Object.create(null)
    • 借用构造函数实现继承
      • 原理:函数的callapply调用方式
      • 场景:适用于两种构造函数之间逻辑相似的情况
        function Animal(name,age){
            this.name = name;
            this.age = age;
        }
        function Person(name,age,say){
            //Animal.call(this,name,age);
            Animal.apply(this,[name,age]);
            this.say = say;
        }
        var p2 = new Person("lk",11,function(){});
    
    • 寄生继承、寄生组合继承
  7. 原型链
  8. 闭包
    • 模块化
    • 防止变量被破坏
  9. 函数的四种调用方式
    • 函数调用
      • 函数内部this指向window
    • 方法调用
    • new 调用(构造函数)
    • 上下文方式(callapplybind
      • callapply方法的第一个参数决定函数内部this的值,参数不同类型this的值也不同(对象)
      • bind函数.bind(数据),那么函数里面的this就是这个值
  10. 常见的问题
    (1)CSS
    - BFC块级格式上下文(5种情况)
    - 预处理器Less、Sass
    - 垂直居中方式(8种情况)
    - 响应式布局
    (2)html
    - h5兼容问题,做过哪些浏览器兼容性处理
    (3)js
    - 原型与原型链
    - 箭头函数,this指向
    - 深拷贝与浅拷贝
    - apply()与call()
    - 数据类型的判断方法
    - 去重方法
    - 数组中最大值获取方式
    (4)ES6
    - 介绍新特性,各种新增方法
    (5)vue技术栈
    - 生命周期
    - v-modal双向绑定原理
    - vue-router原理
    - vuex使用方式
    - 父子组件通信
    - 如何解决bug
    - 做过哪些性能优化
    - 跨域方式有哪些
    - 是否搭建过项目

相关文章

  • js学习笔记记录

    基本数据类型(五种)与复杂数据类型(对象)typeof判断数据类型(数字、字符串、布尔、undefined、函数)...

  • JS逆向加密笔记

    前言: 日常js学习逆向笔记,会不断更新 主页有练习js逆向的记录,大家可以一起学习 如果哪有不清楚的,可以留言,...

  • Javascirpt 语法(一)

    原生js学习笔记 内容中的链接是相关的学习链接 是学习过程中的记录在代码中 开发环境配置 -安装HBuilder:...

  • JavaScript中的数据类型

    在此记录下学习JavaScript中数据类型的笔记。 一、特殊情况1、null 与 undefined, JS由于...

  • JavaScript 运行机制 & EventLoop

    JavaScript 运行机制 & EventLoop 看阮老师博客和自己的理解,记录的学习笔记,js的单线程和 ...

  • TypeScript语言

    拉勾大前端的学习笔记,仅作为学习记录是基于JavaScript之上的编程语言,重点解决了js类型系统里面的不足,大...

  • JSPatch学习笔记

    简单记录一下学习心得,比较乱,后年完善JSPatch 学习笔记 1.文件加载首先,将要替换的JS文本进行正则替换,...

  • Vue.js源码解析 - 2.x

    前言 本篇为学习笔记,记录在慕课vue.js源码解析教学视频中学习到的知识。 一、准备工作   在本章节,将会介...

  • js学习笔记

    js学习笔记 语法 后续补充笔记 join()方法var fruits = ["Banana", "Orange"...

  • js和jquery如何获取图片真实的宽度和高度

    html结构 js方法 jq方法 注:参考大神资料,个人笔记记录

网友评论

      本文标题:js学习笔记记录

      本文链接:https://www.haomeiwen.com/subject/ddmcoqtx.html