框架基础

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

优化产出代码

浏览 62 扫码 分享 2023-11-22 15:39:53
  • 小图片base64编码
  • bundle加hash
  • 懒加载
  • 提取公共代码
  • IngorePlugin
  • 使用CDN加速
  • 使用 production
  • Scope Hosting
    • 体积更小
    • 合理分包，不重复加载
    • 速度更快、内存使用更少

    小图片base64编码

    bundle加hash

    懒加载

    提取公共代码

    IngorePlugin

    使用CDN加速

    设置publicPath

    使用 production

    Scope Hosting

    若有收获，就点个赞吧

    0 人点赞

    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • 第一章 Vue使用
      • 1-1 基本使用
      • 1-2 基本使用2
      • 1-3 父子组件通信
      • 1-4 兄弟组件通信
      • 1-5 生命周期（单个组件）
      • 1-6 自定义 v-model
      • 1-7 $nextTick
      • 1-8 slot 插槽
      • 1-9 动态组件
      • 1-10 异步组件
      • 1-11 keep-alive
      • 1-12 mixin
      • 1-13 Vuex
      • 1-14 Vue-router
      • 1-15 总结问题
    • 第二章 Vue原理
      • 2-1 序
      • 2-2 如何理解MVVM
      • 2-3 *监听data变化的核心API
      • 2-4 如何深度监听data变化
      • 2-5 vue如何监听数组变化
      • 2-6 *虚拟DOM
      • 2-7 snabbdom体验虚拟dom
      • 2-8 *diff算法
      • 2-9 模板编译
      • 2-10 回顾
      • 2-11 *异步渲染
      • 2-12 前端路由原理 - hash
      • 2-13 前端路由原理 - H5 history
    • 第三章 Vue试题
      • v-show 和 v-if 的区别
      • v-for 使用 key
      • 描述Vue组件生命周期，包括父子组件
      • Vue组件如何通讯
      • 描述渲染过程
      • v-model原理
      • MVVM理解
      • computed有何特点
      • 组件data为什么是个函数
      • ajax应该放在哪个生命周期中
      • 如何将组件所有的props传递给子组件
      • 如何自己实现v-model
      • 多个组件相同逻辑，如何抽离
      • 何时使用异步组件
      • 何时使用keep-alive
      • 何时使用 beforeDestory
      • 作用域插槽
      • Vuex中action和mutation有和区别
      • vue-router常用的路由模式
      • 如何配置Vue-router异步加载
      • 用vnode描述一个DOM结构
      • 监听data变化的核心API
      • vue如何监听数组变化
      • 描述响应式原理
      • diff算法的时间复杂度
      • 简述diff算法过程
      • Vue为何是异步渲染，$nextTick何用？
      • Vue性能优化常见
    • 第四章 Vue3.0
      • Vue3 概述
      • vue3 对比 vue2 有什么优势
      • Vue3 生命周期
      • Composition API 对比 Options API
      • ref toRef toRefs
      • 为什么需要用 ref
      • Vue3 升级了哪些重要的功能
      • Composition API 实现逻辑复用
      • Vue3 如何实现响应式
      • Proxy 实现响应式
      • v-model 参数的用法
      • watch 和 watchEffect 的区别
      • setup 中如何获取组件实例
      • Vue3 为何比 Vue2 快
      • Vite 为什么启动很快
      • Composition API 和 React Hook
    • 第五章 React
      • JSX基础知识点
      • JSX如何判断条件和渲染列表
      • 事件
      • 表单
      • 组件
      • setState
      • 生命周期
      • 函数组件和Class组件
      • 非受控组件
      • Portals
      • context
      • 异步组件
      • 性能优化
      • 什么是 React 高阶组件
      • Redux
      • React-router
      • 函数式编程
      • JSX
      • 合成事件
      • setState 和 batchUpdate
      • 组件渲染和更新过程
      • 一些问题
    • 第六章 react hooks
      • class组件有什么问题
      • useState
      • useEffect
      • 用 useEffect 模拟 componentWillUnMount
      • 其他 Hooks
      • 自定义 Hooks
      • 为何Hooks要依赖于调用顺序
      • 逻辑复用
      • 一些问题
    • 第七章 Webpack
      • webpack
      • webpack基本配置
      • webpack如何配置多入口
      • webpack如何抽离css文件
      • 抽离公共代码
      • 异步加载js
      • module chunk bundle的区别
      • *性能优化
      • 性能优化总结（可用于生产环境）
      • 优化产出代码
      • 使用production
      • babel
      • babel-polyfill
      • babel-polyfill如何按需引入
      • babel-runtime
      • 一些问题
      • *webpack优化构建速度（可用于生产环境）
    • 第八章 项目设计
      • React 实现 Todo List
      • Vue实现购物车
    暂无相关搜索结果！

      让时间为你证明

      展开/收起文章目录

      分享，让知识传承更久远

      文章二维码

      手机扫一扫，轻松掌上读

      文档下载

      请下载您需要的格式的文档，随时随地，享受汲取知识的乐趣！
      PDF文档 EPUB文档 MOBI文档

      书签列表

        阅读记录

        阅读进度: 0.00% ( 0/0 ) 重置阅读进度
          思维导图备注