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

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

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

? warning: please install TanpermonKey 注意：请先安装 破油猴 FastGitCode version 1.0.0 FastGitCode is a TanpermonKey plugin that a ...

作者：B2D1https://juejin.im/post/5e66ecdee51d45270c27916d前言Hi~，我是 2020 届物联网专业毕业生，现就读于杭州。谨以此文来记录我的秋招以及入门前端以来的学习历程，如有错误，希望大家能 ...

还是延续上节的内容，webpack如何处理less、sass这种预编译样式文件。 本节的内容主要是postcss的运用，postcss很强大，我们小试牛刀用它来实现在不同的浏览器中为我们自动添加前缀如-webkit-、-moz-等等以做兼 ...

一、高阶函数 在了解高阶组件之前首先了解一下高阶函数 高阶函数有两个特点： 函数可以作为参数被传递 setTimeout(() => { console.log(123); }, 1000); 函数可以作为返回值被输出 functi ...

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

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

什么是bridge(网桥)？ bridge是一种技术，可以把一个linux设备上的两块网卡桥接在一起，如何对外表现为一个大的网卡接口，这样做有很多用途 比如你有两台设备，但是又没有路由器，那么把他们桥接在一起，可以共享其中一台的网络，这样两 ...