240 发简信
IP属地:重庆
  • Webpack 生产环境性能优化之缓存配置

    概述 webpack 的打包速度一直是我们比较关注的问题,接下来我们如何通过设置缓存来提高打包速度,而缓存的设置主要基于以下两个方面: 1、ba...

  • Webpack 打包性能优化之多进程

    概述 多进程的打包方式可以有效提高打包速度,这其实跟 CPU 执行任务的方式有关系。我们可以简单说说为什么多进程打包会比较快:CPU 在某一个时...

  • Resize,w 360,h 240
    Webpack 生产环境性能优化之PWA

    概述 PWA(渐进式网络开发应用程序) 主要由两部分组成:ServiceWorker & disk cache,它让我们的应用程序可以像 APP...

  • Resize,w 360,h 240
    (4)使用Charles实现页面代理

    场景描述 在 Hybrid 开发中,我们难免会遇到以下问题:线上环境出现页面异常且抓包显示接口正常返回,基于生产包无法借助 Chrome ins...

  • Resize,w 360,h 240
    从源码角度分析Koa2.0中间件机制

    中间件概念 在NodeJS中,中间件主要是指封装所有Http请求细节处理的方法。一次Http请求通常包含很多工作,如记录日志、ip过滤、查询字符...

  • Resize,w 360,h 240
    Vue双向数据绑定原理分析 -- Dep(发布者,订阅收集器)

    Dep(发布者,订阅收集器) Dep是Observer与Watcher之间的纽带,也可以认为Dep是服务于Observer的订阅系统。Watch...

  • Tapable源码解读(一) --- 整体流程分析

    前言 整个Tapable模块的实现基于两个基础类:Hook类(所有钩子类的基类)和HookCodeFactory(工厂类)。充分理解这两个类的实...

  • Webpack 生产环境性能优化之加载优化

    概述 针对不同的优化场景,一个文件的加载时机可能会大有不同。根据文件的加载时机,可以分为三种加载方式: 正常加载:并行加载,同一个时间加载多个文...

  • Hammer.js的一些小坑

    开启垂直方向的滑动监听 let hammer =new Hammer(this.el);hammer.get('swipe').set({dir...