JS---原型对象_js数组的原型对象-CSDN博客

本文链接：https://blog.csdn.net/qq_38426658/article/details/102728475

对象有什么区别？

函数对象和普通对象：prototype是函数对象才有的属性 __proto__是每个对象都有的属性

通过new function函数对象

function f(){} ===>var f = new Function()

函数实例化是普通对象：

！！！！！重点：1. 每一个函数对象都有prototype属性，普通对象没有：prototype下面又有个constructor属性，指向这个函数；

2. 每一个对象都有一个__proto__属性：指向它所对应的构造函数的原型对象

(p1 p2是people的一个实例化)

构造函数  中可以添加this变量（this.name）这个this的值是会绑定到实例上面的  首字母要大写   对他进行new运算符生成对应的实例
原型对象 (重复的属性和方法放在原型中)

验证： in 无论是自身的还是原型属性都会返回ture hasOwnProperty（）自身属性返回ture 原型属性返回false

继承    就是让两个完全没有关系的对象产生关联

//实现“猫” 与 “动物” 继承
//1: call()    apply()  在一个对象中调用另一个对象  call（） apply（this ， 参数）
//2： call()和apply()区别：    apply（）中参数是数组形式传递   call（）中参数是一个一个传递
function Animal() {        //一个对象     父对象
    this.type = '动物';
};
function Cat(name,color) {   //另一个对象    子对象
    Animal.apply(this);  //Animal在当前cat对象中执行    将父对象的构造函数绑定到子对象上 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    this.name = name;   //他的名字是我们传过来的（this是绑定到了实例上边）
    this.color = color;
};
var cat1 = new Cat('大毛','黄色');
cat1.type;

使用关键字new创建新实例对象经过了以下几步：

创建一个新对象
将新对象的_proto_指向构造函数的prototype对象
将构造函数的作用域赋值给新对象（也就是this指向新对象）
执行构造函数中的代码（为这个新对象添加属性）
返回新的对象

var Obj = {};
Obj._proto_ = Person.prototype();
Person.call(Obj);

JS原型链实例解析： https://blog.csdn.net/theFrontCalf/article/details/82020585

js快速排序，冒泡排序，数组去重，插入排序https://blog.csdn.net/sinat_40036449/article/details/80886337

js数组去重（四种方法）（https://blog.csdn.net/jiangwei1994/article/details/82992985）

组件化思想（！！！！）

webpack是一款模块加载器兼打包工具：https://blog.csdn.net/solar_Lan/article/details/82751165

如何解释vue的生命周期：https://blog.csdn.net/weixin_34301132/article/details/87964549

https://blog.csdn.net/qq_42778001/article/details/96117236

webpack config js详解：https://www.jianshu.com/p/a5b4e57e73fd

前端模块化，CMD，AMD总结： https://blog.csdn.net/Miss_GL/article/details/81902871

https://www.cnblogs.com/scq000/p/10647128.html

vue中过滤和排序

绑定监听: 1) v-on:xxx="fun" 2) @xxx="fun" 3) @xxx="fun(参数)" 4) 默认事件形参: event 5) 隐含属性对象: $event

事件修饰符 1) .prevent : 阻止事件的默认行为 event.preventDefault() 2) .stop : 停止事件冒泡 event.stopPropagation()

使用 v-model 对表单数据自动收集 1) text/textarea（输入框） 2) checkbox（复选框） 3) radio（单选框） 4) select（选择器）

input 的type类型值有很多中（单选框/复选框/选择器......）

vue 生命周期分析 1) 初始化显示 * beforeCreate() * created() * beforeMount() * mounted() 2) 更新状态: this.xxx = value * beforeUpdate() * updated() 3) 销毁 vue 实例: vm.$destory() * beforeDestory() * destoryed()

常用的生命周期方法 1) created()/mounted(): 发送 ajax 请求, 启动定时器等异步任务 2) beforeDestory(): 做收尾工作, 如: 清除定时器

v-if : 如果为 true, 当前标签才会输出到页面 v-show : 通过控制 display 样式来控制显示/隐藏 ref : 指定唯一标识, vue 对象通过$els 属性访问这个元素对象

vue-cli脚手架安装 https://www.cnblogs.com/loveyaxin/p/7094089.html