zhao-yang857-CSDN博客

原创跨域问题

1.使用跨域资源共享（CORS）: 跨域资源共享，定义了必须在访问跨域资源时，浏览器与服务器应该如何沟通。CORS背后的基本思想就是使用自定义的HTTP头部让浏览器与服务器进行沟通，从而决定请求或响应是应该成功还是失败。使用方法：php后端设置 Access-Control-Allow-Origin 头2.使用jsonp：是被包含在函数调用中的JSON，由回调函数和数据组成；利用<script>标签没有跨域限制，来达到与第三方通讯的目的。

2020-12-26 08:33:00 140

原创 forEach 和 map的区别？

forEach 和 map的区别？forEach()和map()两个方法都是ECMA5中Array引进的新方法，主要作用是对数组的每个元素执行一次提供的函数，但是它们之间还是有区别的。jQuery也有一个方法$.each(),长得和forEach()有点像，功能也类似。但是从本质上还是有很大的区别的，那么我们探探究竟。//forEacharray.forEach(callback(currentValue, index, array){ //do something}, this) //

2020-12-25 08:32:55 193

转载 cookie和localStorage、sessionStroage的区别

一、cookie，session浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。cookie和session都是用来跟踪浏览器用户的身份的方式区别：1.保存方式cookie保存在浏览器端session保存在服务器端2.使用方法cookie机制：如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。如果在浏览器中设置了cookie的过期时间，cookie

2020-12-24 08:31:25 228

原创 TypeScript的基础类型

文章目录前言一、什么是TypeScript?二、TypeScript的基础类型1.布尔值2.数字3.字符串4.数组5.元组6.枚举7.any8.void9.Null 和 Undefined10.never11.object12.类型断言总结前言TypeScript到底怎么使用呢，接下来就让我们一看一看吧一、什么是TypeScript?TypeScript为JavaScript的超集（ECMAScript6），这个语言添加了基于类的面向对象编程。TypeScript作为JavaScript很

2020-12-22 19:44:40 575

原创 react-hook

文章目录前言一、什么是react-hook？二、之前的hock存在的问题前言一、什么是react-hook？Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。二、之前的hock存在的问题在组件间复用状态逻辑很难复杂组件变得难以理解难以理解的 class为了解决这些问题提供了以下几种方法1. useState 返回有状态值，以及更新这个状态值的函数2. useEffect 接受包含命令式，可能有

2020-12-20 19:42:04 158

原创 async和await

文章目录前言一、什么是async和await？二、async和await的使用原始写法promise写法async/await写法前言一、什么是async和await？async 定义异步函数返回值是promise对象当调用异步函数时，函数返回值会被resolve处理出错也会被捕获到异步函数内部可以使用awaitawait 暂停异步函数的执行当使用在promise 前面是，await等待promise完成，并返回promise的结果await只能写在async函数里面，await只

2020-12-20 19:24:20 491

原创 vue-router

文章目录前言一、Vue-router的概念？二、通常 SPA 中前端路由的实现方式：1.window.history2.location.hash前言随着前端应用的业务功能越来越复杂，用户对于使用体验的要求越来越高，单页面成为前端应用的主流形式。大型单页面应用最显著的特点就是采用前端路由系统，通过改变url在不重新请求页面的情况下更新视图。一、Vue-router的概念？通过改变 url，在不重新请求页面的情况下，更新页面视图二、通常 SPA 中前端路由的实现方式：1.window.hist

2020-12-18 19:13:07 316 2

原创 js数据类型

文章目录前言一、基本数据类型二、复杂数据类型三、类型转换1.转字符串2.转数字3.转布尔前言一、基本数据类型js有5种基本数据类型，分别是： Number:数值类型（整数，小数，负数） NaN是特殊的number类型，它和任何值都不相等，包括它自己 string：用单引或双引包裹起来的内容（字符串会原样输出） Boolean: true真 false假 null：对象的占位符 undefined：未定义的变量typeof用来检测数据类型1.typeof 变量名 typeof

2020-12-16 19:53:31 265

原创 react生命周期

文章目录一、react生命周期介绍二、使用方法1.挂载期2.更新期3.卸载期一、react生命周期介绍react生命周期全过程：二、使用方法1.挂载期constructor()构造方法constructor是ES6对类的默认方法，通过 new命令生成对象实例时自动调用该方法。并且，该方法是类中必须有的，如果没有显示定义，则会默认添加空的constructor( )方法。当存在constructor的时候必须手动调用super方法。在constructor中如果要访问this.props需要

2020-12-15 21:16:56 83

原创 vue生命周期

文章目录一、vue生命周期介绍二、vue生命周期作用一、vue生命周期介绍Vue实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是Vue 的生命周期。简单说就是一个组件从开始到最后消亡所经历的各种状态，就是一个组件的生命周期vue 生命周期全过程二、vue生命周期作用beforeCreate (创建前) ：在实例初始化之后，实例刚刚被创建出来，此时还没有初始化好data和methods属性。数

2020-12-14 21:03:18 148

原创 BFC的原理以及运用

文章目录前言1.BFC定义2.BFC布局规则：3.如何产生BFC演示代码总结前言随着网络的不断发展，你是否还会对页面的渲染感到烦恼，本文就介绍了关于BFC的基础内容。提示：以下是本篇文章正文内容1.BFC定义BFC（Block formatting context）块级格式化上下文，它是一个独立的渲染区域，只有Block-level box参与，他规定了内部如何布局2.BFC布局规则：内部的Box会在垂直方向，一个接一个的放置Box的垂直方向的距离由margin决定，属于同一个BF.

2020-12-13 21:04:04 431 2

原创浅拷贝和深拷贝的区别

**浅拷贝和深拷贝的区别**基本数据类型：赋值，赋值之后两个变量互不影响引用数据类型：赋址，两个变量具有相同的引用，指向同一个对象，相互之间有影响什么是浅拷贝创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的就是内存地址，所以如果其中一个对象改变了这个地址，就会影响到另一个对象。什么是深拷贝深拷贝会拷贝所有的属性，并拷贝属性指向的动态分配的内存。当对象和它所引用的对象一起拷贝时即发生深拷贝。深拷贝相比于浅拷贝速度

2020-09-22 21:20:17 567

zhao___yang的博客