摘要：
一、区别前面两节我们有提到Loader与Plugin对应的概念，先来回顾下 loader 是文件加载器，能够加载资源文件，并对这些文件进行一些处理，诸如编译、压缩等，最终一起打包到指定的文件中 plugin 赋予了 webpack 各种灵活的功能，例如打包优化、资源管理、环境变量注入等，目的是解决 阅读全文
摘要：
import axios from 'axios' // 从localStorage中获取token function getLocalToken () { const token = window.localStorage.getItem('token') return token } // 给实 阅读全文
摘要：
1. 只能输入中文、数字和英文（即过滤特殊字符串|： function checkUsername() { //正则表达式 var reg = new RegExp("^[A-Za-z0-9\u4e00-\u9fa5]+$"); //获取输入框中的值 var username = document. 阅读全文
摘要：
https://www.jianshu.com/p/4b0379c48a81?utm_source=desktop&utm_medium=timeline . 谈及如今欣欣向荣的前端圈，不仅有各类框架百花齐放，如Vue， React， Angular等等，就打包工具而言，发展也是如火如荼，百家争鸣； 阅读全文
摘要：
React17版本的生命周期概述。 挂载 示例代码在下方。 当组件实例被创建并插入DOM的时候，其生命周期被调用顺序如下： constructor(props) - 初始化state和为事件处理函数绑定实例； static getDerivedStateFromProps(props, state) 阅读全文
摘要：
最近在群里看到一些小伙伴讨论到面试题，楼主在面试时遇到的面试问题，恶补一下。 commonJS,CMD/AMD对应类似的实现是 noedJs（webpack）/RequireJs/SeaJs AMD/CMD主要针对浏览器端。 模块化 一个模块化实现特定功能，组织JS中的业务逻辑，都可以称为模块化。这 阅读全文
摘要：
一、ICMP协议 ICMP协议（Internet Control Message Protocol）的全称是“Internet控制消息协议”，它是IPv4协议族中的一个子协议，用于IP主机、路由器之间传递控制消息。控制消息是在网络通不通、主机是否可达、路由是否可用等网络本身的消息。这些控制消息虽然不 阅读全文
摘要：
一、何为websocket心跳机制？ websockt心跳机制，不得不说很形象；那何为心跳机制，就是表明client与server的连接是否还在的检测机制； 如果不存在检测，那么网络突然断开，造成的后果就是client、server可能还在傻乎乎的发送无用的消息，浪费了资源； 怎样检测呢？原理就是定 阅读全文
摘要：
改变原数组的： shift：将第一个元素删除并且返回删除元素，空即为undefined unshift：向数组开头添加元素，并返回新的长度 pop：删除最后一个并返回删除的元素 push：向数组末尾添加元素，并返回新的长度 reverse：颠倒数组顺序 sort：对数组排序 splice:splic 阅读全文
摘要：
定义组件有两个要求： 组件名称必须以大写字母开头 组件的返回值只能有一个根元素 函数组件 function Welcome (props) { return <h1>Welcome {props.name}</h1> } ReactDOM.render(<Welcome name='react' / 阅读全文
摘要：
js 单线程、宏任务与微任务的执行顺序 js 单线程 众所周知js是单线程，但js是可以执行同步和异步任务的，同步的任务众人皆知是按照顺序去执行的； 而异步任务的执行，是有一个优先级的顺序的，包括了 **宏任务（macrotasks）**和 微任务(microtasks) 宏任务 是指消息队列中的等 阅读全文
摘要：
先看一个比喻 进程就是一个公司，每个公司都有自己的资源可以调度；公司之间是相互独立的；而线程就是公司中的每个员工(你，我，他)，多个员工一起合作，完成任务，公司可以有一名员工或多个，员工之间共享公司的空间 什么是进程？ 进程：是cpu分配资源的最小单位；（是能拥有资源和独立运行的最小单位） 什么是线 阅读全文
摘要：
概述 稍微了解行业现状的开发者都知道，现在前端“ES6即正义”，然而浏览器的支持还是进行时。所以我们会用一个神奇的工具将ES6都给转换成目前支持比较广泛的ES5语法。对，说的就是Babel。 本文不再介绍Babel是什么也不讲怎么用，这篇文章的关注点是另一个方面，也是很多人会好奇的事情，Babel的 阅读全文
摘要：
转载：https://my.oschina.net/vivotech/blog/3214445 很多同学在学习 Promise 时，知其然却不知其所以然，对其中的用法理解不了。本系列文章由浅入深逐步实现 Promise，并结合流程图、实例以及动画进行演示，达到深刻理解 Promise 用法的目的。 阅读全文
摘要：
一、真实DOM和其解析流程？ 浏览器渲染引擎工作流程都差不多，大致分为5步，创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting 第一步，用HTML分析器，分析HTML元素，构建一颗DOM树(标记化和树构建)。 第二步，用CSS分析器，分析CSS 阅读全文