careteenL

HMR即Hot Module Replacement是指当你对代码修改并保存后，webpack将会对代码进行重新打包，并将改动的模块发送到浏览器端，浏览器用新的模块替换掉旧的模块，去实现局部更新页面而非整体刷新页面。接下来将从使用到实现一版简易功能带领大家深入浅出HMR。 如上…

Table of Contents generated with DocToc 前端工程化-VSCode插件集成脚手架和组件库 前言 VSCode插件能做什么 VSCode可扩展能力 基于Electr

目的是初识fiber并实现react基础功能，请带着下面几个问题去阅读此文。 JavaScript是单线程运行的。在浏览器环境中，他需要负责页面的JavaScript解析和执行、绘制、事件处理、静态资源加载和处理。而且只能一个任务一个任务的执行，如果其中某个任务耗时很长，那后面…

现在项目中列表页都会做成分页的形式，但是仍然存在一些场景：后端返回所有数据（可能成千上万条），前端渲染。下面提供几种解决思路。 通过console.timeEnd('loopTime')获取代码执行时间。 在上图中我们发现log很快打印，且只有几百毫秒；但是左上角却一直在loa…

Create React App是一个官方支持的创建React单页应用程序的脚手架。它提供了一个零配置的现代化配置设置。 平时工作中一部分项目使用的React，使用之余也需要了解其脚手架实现原理。 下面先做一些前备知识了解。 Monorepo是管理项目代码的一个方式，指在一个项…

深入浅出微前端 背景 什么是微前端 微前端优势 微前端解决方案 为什么不是TA 为什么不是 iframe 为什么不是 Web Component 为什么不是ESM SingleSpa SystemJS

axios是尤雨溪大大推荐使用的。有如下几大优势 工作中Vue项目都一直使用axios做请求，最近才有点时间研究其底层思路。研究的目的一方面是自身能更好驾驭他，另一方面也是面试会考察的点（急功近利：））。 下面将从使用到简易实现一层层剥开Axios。 由于create-reac…

`rollup`依赖于`ES6的module`，提供`Tree-shaking`功能。对其直译为`树木摇晃`，即将树木上面枯死的树叶摇晃下来。对应到编程中则是去除掉无用代码。这对于大型项目能起到一定优

以上代码存放在仓库，自取。 在koa官网有说明在ctx挂载了一系列request和response的属性别名。 以下代码存放在仓库，自取。 从上面代码打印结果可以看出，next的作用就是做一个占位符。可以看成以下形式 这即是洋葱模型。 koa致力于成为一个更小、更富有表现力、更…