Rrivers_111-CSDN博客

原创关于Promise.catch()错误捕获机制的理解

Promise.prototype.catch() ()错误捕获机制的理解描述：关于catch方法MDN的描述是这样的：Internally calls Promise.prototype.then on the object upon which is called, passing the parameters undefined and the onRejected handler received; then returns the value of that call (which is

2020-10-31 15:05:20 23709 5

原创关于Promise异步函数的使用与理解

Promise使用与理解1. 描述Promise 是异步编程的一种解决方案，它是一个对象，从它可以获取异步操作的消息。主要应用在当发起一个异步操作，并需要等待处理结果才可以进行下一步操作的场景。它有以下特点：一个 Promise 必然处于以下几种状态之一：待定（pending）: 初始状态，既没有被兑现，也没有被拒绝。已兑现（fulfilled）: 意味着操作成功完成。已拒绝（rejected）: 意味着操作失败。promise的状态只能由pending变为resolve或者pendin

2020-10-31 14:42:37 811

原创 js面向对象（对象、原型与继承三者的关系）

js面向对象（对象、原型与继承三者的关系）一、对象1. 面向对象的特性：封装：包括封装数据、封装实现、封装类型和封装变化，目的是将信息隐藏。继承：类与类之间的关系（js中没有类的概念，但可以通过构造函数模拟类，是可以继承的）多态：同一操作作用于不同的对象上面，可以产生不同的解释和不同的执行结果。换句话说，给不同的对象发送同一个消息时候，这些对象会根据这个消息分别给出不同的反馈。2. 创建类的方式工厂模式function createObject(name, age) { var

2020-09-06 22:26:21 345

原创 Vue混入（mixin）的理解与使用

混入(Mixin）官方概念：混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。一、基本使用定义一个混入对象var myMixin = { created: function () { this.hello() }, methods: { hello: function () { console.log('hello

2020-10-19 19:48:07 1264

原创 Vue组件深入理解--插槽

插槽插槽相当于占位符，用<slot></slot>表示；用于父组件填充子组件的信息；1、插槽的基本使用先定义一个子组件<navigation-link>，内包含占位符<slot><a v-bind:href=“url” class=“nav-link”> <slot></slot></a>定义父组件html<navigation-link url="/profile"&gt

2020-10-18 19:12:40 153

原创关于浅拷贝、深拷贝、栈和堆的理解

一、栈和堆栈(stack)：栈会自动分配内存空间，会自动释放，存放基本类型，简单的数据段，占据固定大小的空间。基本类型：String，Number，Boolean，Null，Undefined, BigInt, Symbol堆(heap):动态分配的内存，大小不定也不会自动释放，存放引用类型，指那些可能由多个值构成的对象，保存在堆内存中，包含引用类型的变量，实际上保存的不是变量本身，而是指向该对象的指针。引用类型：Function，Array，Object二、浅拷贝与深拷贝1、浅拷贝：如果拷贝

2020-09-06 22:33:20 718

原创 Ajax的基本使用

Ajax的基本使用一、Ajax1. 基本概念Ajax是浏览器的一套异步API，通过JavaScript调用，可以让我们不用刷新浏览器就可以获取服务器的数据，进行数据的请求和响应。原理：通过一个XmlHttpRequest对象，想服务器发起请求，发起请求readstate有0,1,2,3,4种状态，当状态为4的时候，就表示接收到了完整的响应数据。这时候，再对数据进行操作，渲染到页面当中。0-链接建立；1-初始化，send未调用；2-send已经调用，状态和http头未知；3-接受了部分响应数

2020-07-03 21:47:11 69

原创 Angular国际化翻译不生效

问题描述Angular可以使用管道进行国际化翻译，当数据无法在html文件模板直接进行翻译是可以使用.instant()或.get()方法获取i8n文件中的值；但是当页面渲染早于国际化加载时，会出现取不到值，直接渲染键的情况。解决方法方法一：app.module.ts imports:TranslateModule.forRoot({ loader: { provide: TranslateLoader, useFactory: (createTranslateLoader)

2020-07-02 21:26:15 1425 1

原创关于使用a标签外链接的安全问题

问题描述如果给a标签只加上target=“_blank”，会产生两个问题：1、新页面可以通过window.opener获取window对象，从而修改属性的值；2、使用windows.open有性能问题，opener里有dom信息，使用了同一个线程解决方法如下方法只能解决安全性问题：window.open().opener=null;Window.open().location.herf=`${url}`...

2020-07-02 21:01:00 408

weixin_44776206的博客