diosa44-CSDN博客

原创面向对象：浅谈this以及this指向问题

面向对象：浅谈this以及this指向问题this 是在函数执行的时候确立的，而不是声明的时候，他的指向完全取决于函数调用的地方（箭头函数除外），当一个函数执行的时候，他会创建一个执行上下文，包括函数在哪里被调用（调用栈）、调用方式、参数等，this 就是一个记录的属性，他会在函数执行的过程中被用到this的指向谁调用指向谁事件监听函数内部，this指向绑定该监听器的那个元素节点构造函数内部，this指向创建的新对象箭头函数，没有自己的arguments、this，所以t

2020-08-15 16:22:53 236

原创面向对象：面向对象原理以及new构造函数的过程（附原型链面试题解析）

面向对象上一篇文章原型链的面试题答案：1. 说说JS中的原型链以及最顶端是什么访问一个属性时，会先在实例本身查找该属性，如果没有，就到其原型对象中去查找，若还是没有会去构造这个对象的构造函数中去查找，如果没有就在这个构造函数中的prototype中去找，如果还是没有就到Object对象中去找，再没有就是null2. prototype和__proto__的概念prototype是函数的一个属性（每个函数都有一个prototype属性），这个属性是一个指针，指向一个对象。它是显示修改对象的原型

2020-08-11 23:22:09 156

原创面向对象：原型链分析及常见面试题

原型链1.原型链显示原型链：我们常见的prototype隐式原型连：在一般环境下无法访问，不可见，可以通过 proto 方式访问，隐式原型链用于 javascipt 引擎内部对原型链的搜寻，通过显示原型设置2、原型链核心每个对象都有 proto，该属性指向其原型，在调用实例的属性和方法的时候，在实例对象上找不到，就会到原型对象上找，如果原型对象上也找不到则会返回一个null构造函数的 prototype 属性也指向实例的原型对象原型对象的 constructor 属性指向构造函

2020-08-11 09:11:41 364

原创 vue实例基础1

vue的基本介绍vue是一个渐进式框架框架与库的区别：库：例如jQuery，layui,easyui；库的特点在于给我们提供了很多方法，我们直接使用这些方法写代码即可：框架：从字面上可以理解为一个架子，最大的特点就是给开发者提供了一整套解决方案，我们使用框架的时候就需要遵循框架的规范和要求什么是渐进式？：如果只是想使用vue 最基础的声明式渲染，那么vue完全可以当初模板引擎来使用：如果你想要使用组件化开发，那么可以使用vue里面的组件系统：如果想要开发单页应用，那么可以使用vue里面的客

2020-07-13 23:24:55 114

原创 Vue实例基础5 （vue 条件渲染与列表渲）

5. 条件渲染与列表渲染v-if 和 v-show 指令key 属性v-for 进行列表渲染数组的检测v-if 和 v-show 指令根据 data 的值来决定某一块区域是否进行渲染。<body> <div id="app"> <p v-if='test'>this is a test</p> </div> <script src="https://cdn.jsdelivr.net/n

2020-08-13 15:17:41 164

原创 Vue 实例基础4 （vue class 和 style 的绑定语）

4. class 和 style 的绑定语法这两个其实是标签上面的属性，例如：<p class='one two' style='color:red;'>this is a test</p>既然是属性，那么我们就可以使用上午所学的特性的绑定方式，来将这两个值和 data 相关联。但是，比较麻烦。所以 vue 对这两个属性专门做了增强，可以采用对象的和数组的方式来进行绑定。class对象语法：可以给class绑定一个对象，而非字符串。代码示例如下：<body&g

2020-08-13 15:13:04 111

原创 vue实例基础3（vue计算属性和侦听器）

3. 计算属性和侦听器计算属性侦听器1. 计算属性虽然在模板中使用 js 表达式，可以一定程度上改变 data 显示的内容，但是如果我们要对 data 的修改做很多的步骤，这个时候，使用 js 表达式就不太好了，因为会导致模板整体非常不清晰。所以这种时候，建议使用计算属性。在 vue 中，使用 computed 数据选项来添加计算属性。计算属性里面对应的是一个个方法。方法需要有一个返回值，在模板中就书写方法名。具体示例如下：<body> <div id="app

2020-08-06 15:38:59 309

原创 vue实例基础2

目录：一、插值文本原始的 html特性动态参数js 表达式1.文本文本这个最简单，就是数据是什么，模板中就渲染什么。示例代码:<body> <div id="app">  {{ message }} </div> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"

2020-07-20 13:40:09 92

weixin_45765280的博客