美文网首页让前端飞
Vue 项目的优化

Vue 项目的优化

作者: 百丈冰OG | 来源:发表于2017-11-30 23:17 被阅读0次

目录

Vue 项目的优化会记录一些踩过的坑,尤其是移动端,先开一个总目录,慢慢更新。

包括以下内容:

1.项目之坑

  Vue v2.5.2 IP 替换 localhost 后拒绝访问:Vue降级安装
  解决Nigix 404 / 二级目录空白的问题
  Vue项目在Android 4.4.2及以下版本异步加载页面失败

2.减小体积

  减少图片占据页面体积

3.组件化

  watch不能监听不变化的值的赋值
  父组件调用子组件的方法
  子组件调用父组件的方法

4.模块化

  抽出公共部分
  抽取css和js
  封装网络请求

5.规范化

  如何规范书写 CSS

6.微信巨坑

  如何清除微信对网页的缓存
  动态标记页面版本信息
  history模式导致WKWebView调用jsapi失败
  修改页面title失效

相关文章

  • [性能优化]Webpack篇

    参考文章:Vue 项目性能优化 — 实践指南(网上最全 / 详细) Webpack 对图片进行压缩 在 vue 项...

  • vue.config.js配置

    vue cli3.x创建的项目vue本身已经做了些优化,如果想在这个优化之上在进行优化的话我们需要在项目的根目录新...

  • Vue 项目的优化

    目录 Vue 项目的优化会记录一些踩过的坑,尤其是移动端,先开一个总目录,慢慢更新。 包括以下内容: 1.项目之坑...

  • Vue项目的优化

    Vue 代码层优化 1. v-if 和 v-show区分使用的场景 v-if 适用于在运行时很少改变条件,不需要频...

  • Vue2.0项目的首屏优化

    6月30日老板召集部门开会,当时发生了一件很尴尬的事情,老板打开了台macBookAir,系统上的图标很老,估摸着...

  • Vue 分享交流

    1. Vue + TypeScript 项目的创建 2. Vue的一些优化 3. 自定义组件

  • Vue笔记六:Vue项目的性能优化之路

    Vue笔记六:Vue项目的性能优化之路 我最近也经常面试外包同事。面试的时候,总会有个问题,“你说一下性能优化的手...

  • vue对于项目的优化

    项目的优化主要有以下几点方案: 只是一个参考 优化一:执行build的时候移除 console 安装一个插件(ba...

  • [笔记] Vue3.0源码解析

    Vue 3.0 源码解析 源码优化 目的是让代码更易于开发和维护。源码的优化主要体现在使用monorepo[htt...

  • 【Vue】教程:三、Vue Cli3项目结构优化

    前提 完成vue cli3项目的新建,可参考教程【Vue】windows下vue cli3安装及搭建项目详解 一、...

网友评论

    本文标题:Vue 项目的优化

    本文链接:https://www.haomeiwen.com/subject/dsvbbxtx.html