使用webpack构建react - 配置篇 首先配置webpack配置文件: ./config/dev.jsconst path = require("path");const WebpackHtmlPlugin = require('webpack-html-plugin');//配置webpack-html-plugin 插件const webpackHtmlPlugin = new WebpackHtmlPlugin({ ...
使用ES6的class关键字定义类和extends实现类的继承 //使用class 关键字 ,定义类 =>(ES5中构造函数)//定义一个父类 : 父类不会被用于实例化 , 只提供与继承使用 class Animal{ //构造函数 constructor 每个类中都会有这个内置的构造函数 ,会在类实例化的时候自动调用 ,用于初始化实例对象(在new 需要设置一些属性) constructor(name,typ...
JavaScript 函数柯理化 定义:在计算机科学中,柯里化(Currying)是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数, 并且返回接受余下的参数且返回结果的新函数的技术。好处:1.实现参数单一传入 实现参数复用2.缓存函数执行的参数 ,减少重复计算 = > 延迟计算 (延迟处理某些任务,因考虑到后面还有其他的任务)使用场景: 1.比如说再一些需要动态传参的场景下使用...
前端必备知识点之HTTP协议 HTTP–Hyper Text Transfer Protocol,超文本传输协议。是一种建立在TCP上的无状态连接,整个基本的工作流程是客户端发送一个HTTP请求,说明客户端想要访问的资源和请求的动作,服务端收到请求之后,服务端开始处理请求,并根据请求做出相应的动作访问服务器资源,最后通过发送HTTP响应把结果返回给客户端。其中一个请求的开始到一个响应的结束称为事务,当一个事务结束后还会在服务端...
JavaScript 性能优化之节流和防抖 在js事件中, 一般像: 鼠标移动事件(onmousemove) ,页面滚动事件(onscroll) , 窗口缩放事件 (onresize) ,oninput 输入事件 事件触发频率非常快 ,轻轻一动就是触发几十次(如果每次触发的执行任务比较复杂,会严重影响性能)优化方案(对一些没有必要的操作忽略):节流:(在一段时间内只触发一次):当持续触发事件时,保证一定时间段内只调用一次事件处理函数#...