一、组件传值 Context 之前，我们进行react父子组件之间的传值是通过props来传递的。这样的缺点在于，需要自上而下，一级一级传递。现在，React 16 给我们提供了一个无需为每层组件手动添加props，就能在组件之间进行数据传递的方式，即Context。 1、创建context 使用React.createContext（"初始值"）…

一、什么是同源策略 同源策略是一种网络约定，为了保护用户信息安全，防止恶意的网站窃取数据。 所谓同源即指：域名、协议、端口都相同，我们也称为一个域。浏览器处于安全方面的考虑，只允许本域名下的接口交互，不同源的客户端脚本，在没有明确授权的情况下，不能读写对方的资源。 如果你前端地址和后端的服务器地址不同，前端去访问后端的代码就会出现跨域问题。 跨域是…

一、H5新增特性 首先说明，这些新增的特性都有兼容性问题，基本是IE9以上版本浏览器才支持 。 1、新增语义化标签 <header> 、<nav>、<articel>、<section>、<aside>、<footer> 2、多媒体标签  3、新增input表单 ​​…

一、什么是泛型 一个组件可以支持多种类型的数据，通常用泛型来定义。泛型可以解决类、接口、方法的复用性。要求：传入的参数和返回的参数一致。 二、泛型方法 三、泛型类 三、泛型接口 1、第一种写法 2、第二种写法

一、接口的作用 在面向对象的编程中，接口是一种规范的定义，它定义了行为和动作的规范。typescript中的接口，包括属性、函数、可索引和类等接口。 二、属性接口 属性接口是一种对json的约束 三、函数类型接口 对方法的参数和函数返回值进行限制 三、可索引接口 对数组和对象的约束 四、类类型接口 五、接口可以继承接口 跟class继承类似，继承后…

一、什么是options请求 对那些可能对服务器数据产生副作用的http请求方法，浏览器必须首先使用options方法发起一个预检请求，请求的目的有两个： 1、获取服务器支持的http请求方法。 2、用来检查服务器是否能正常通信。 options请求是浏览器自动发起的。 二、哪些请求属于options请求 我们先列举哪些请求不需要options请求…

一、excel上传 excel上传和pdf上传原理一样，都是将上传的文件以流的形式发送给后台，调用后台接口保存，重新刷新数据。 二、excel下载 excel导出数据我们需要借助两个工具，一个是 file-saver ，一个是 xlsx 。  ① 安装 npm install -S file-saver xlsx ② 导入 ③ 使用 三、pdf的导…

一、修改默认的el-input /deep/ .el-input__inner { height: 25px; font-size: inherit; box-shadow: none; border: 1px solid #464646; background-color: transparent !important; background-i…

一、前言 dialog对话框中嵌套表单很常见，根据element官网的demo，form表单中有许多el-form-item，这和table表格的el-table-column设计思路一样。我们设定一个表单对象，对el-form-item进行循环。 二、代码 我们设置一个按钮，点击出现dialog。我们之前封装BaseTable的时候，用到了Dev…

一、为什么封装 我们在做一些后台管理项目的时候，通常每个页面基本有标题、按钮、表格和分页等信息。如果每一页出现大量重复的内容，封装一个基础页面就很有必要了。我们今天就来记录一下，如何封装element的表格组件。 按照element官网给的demo，可以看到，如果需要渲染多列就需要多个 el-table-column ，这样我们就可以考虑使用for…

开发中或许遇到过这些事情：滚动鼠标，触发浏览器的滚动事件，获取滚动条到页面顶部的位置；不停点击按钮，触发提交事件，但是事件会不断重复提交等等。这些事件都在损耗性能或者是会导致程序失效。所以，今天我们来聊聊如何使用防抖和节流来提升性能。 首先我们来看一个例子： 我们设置了一个长和宽都是400的红色盒子，给盒子添加鼠标移动事件，看看会有什么效果。 图片…

一、new 关键字的作用 new是一个关键字，通过new 一个构造函数或者c类就可以获取一个对象的实例，获取构造函数和构造函数原型上的属性和方法。 new的过程中发生了什么？ 创建了一个新对象，将新对象的_proto_指向了构造函数的prototype对象将构造函数的this指向了新对象，通过this赋予了新对象属性和方法如果没有返回值，返回创建的…

一、wx-for-echarts echarts团队与微信合作，推出了小程序echarts，方便绘制小程序中的图表。 github地址：https://github.com/ecomfe/echarts-for-weixin 二、使用 1、下载 从github上下载wx-for-echart源码，将其中ec-canvas文件夹复制到项目根目录下，如…