1. 工欲善其事，必先利其器，首先搭建我们的开发环境 首先使用npm init -y 创建初始化的配置文件，然后下载一下我们后面需要的开发依赖： npm i webpack webpack-cli webpack-dev-server ht ...

前言 学习《HTML5与CSS3权威指南》这本书很不错，学完之后我颇有感触，觉得web的世界开明了许多。这本书是需要有一定基础的web前端开发工程师。 这本书主要学习HTML5和css3，看看这本书的书名就知道了，首先学习HTML5中新增的 ...

初步解决 下面用到的插件： HTML Webpack Plugin（本来打算通过这个插件打包出带哈希值的文件，但结果不行，但它另有用途） Webpack Manifest Plugin（没有这个的话，服务器根本就不知道hash之后的JS和C ...

背景 传统的优化用户等待的体验 - 白屏使用动画，菊花图，加载进度条等： image.png It can be bad because progress indicators by definition call attention to ...

阿里dv面试 网络 HTTP 1.0. 1.1区别 缓存处理，在HTTP1.0中主要使用header里的If-Modified-Since,Expires来做为缓存判断的标准，HTTP1.1则引入了更多的缓存控制策略例如Entity tag ...

作为前端，我们每天都在与CSS打交道，那么CSS的原理是什么呢？一、浏览器渲染开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图： 正如上图所展示的，我们浏览器渲染过程分为了两条主线：其一，HTML Parser 生成的 DOM 树； ...

现在有很多线上的接口测试工具，但是都是公网环境的。在很多情况下，公司内部需要在内网环境下有自己的接口测试工具，目的是为了保证数据安全，或者一些定制化的功能。本文介绍如何本地化部署接口测试工具DOClever。使用dock ...

ES2020 学习笔记 原文地址 1. babel 环境配置 babel 版本在7.8以上，babel-cli 8以上均支持es2020中的语法，具体可参照本项目的webpack配置 2. es2020 中值得关注的点 对象定义中的私有变量 ...

背景 在 React 项目中使用 CSS 时，如果不使用 CSS in JS 的方案，一般会直接在 JS 文件中导入一个 CSS 文件，比如 import './index.css'，但这样 CSS 会在全局作用域内都有效，所以我们会使用 ...

前言众所周知，图片的加载是前端页面加载性能的优化之一。如果一个页面在加载的时候全部加载当前页面的图片，当图片资源比较多且比较大（质量）的时候会严重影响页面的加载。特别是SPA应用，先加载jsbundle资源，再去加载图片 ...