240 发简信
  • 自定义事件收发器--EventBus

    首先,我们先想想一个事件收发器需要有什么样的功能? 简单来说需要以下三个功能: 1、注册事件监听功能2、移除事件监听功能3、触发事件功能 我们先...

  • 微信中 H5 页面唤起 APP

    不适用场景: 直接通过微信聊天界面,访问链接打开的页面,无法利用wx-open-launch-app按钮打开app(这个是微信客户端的限制,而文...

  • 120
    (4)使用Charles实现页面代理

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

  • @babel/polyfill vs @babel/runtime vs @babel/preset-env

    概述 @babel/polyfill & @babel/runtime 只做 API 的转换,不做语法转换。语法转换需要 @babel/pres...

  • Webpack 生产环境性能优化之externals

    概述 在实际开发中,我们可能会引入一些第三方库,比如说 jquery。但是在项目打包的时候,我们又不希望把它打包进我们的项目中,那么我们应该怎么...

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

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

  • 120
    Webpack 生产环境性能优化之PWA

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

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

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

  • Webpack 生产环境性能优化之缓存配置

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