前言最近再接手一个vue项目的时候，公司运营部就说首页加载要10秒以上时间，这谁能忍受，老板也说时间太久，技术部老大说之前的同事优化过一次，时间还是这么久，重担就落在我身上了，于是我就开始着手优化，最终的结果呢就是优化到了2秒以内加载出来，这里分享一下我优化的经验。(现在优化过得项目已经上线，领导们反馈说比之前快多了，体验也更好了，心里还是比较满足的，嘿嘿)。本篇博客介绍的vue2.0版本的优化，
转载
2024-02-28 22:11:50
261阅读
项目中偶尔会遇到vue 第一次打开白屏现象，针对这个问题，找了不同环境下的处理方法，留个纪念1，ios10 出现白屏原因是由于ios 10中Safari中错误描述如下:当你定义一个与参数同名的for循环迭代变量时，我们错误地认为这是一个语法错误。解决方法如下：进入build文件夹；找到webpack.prod.conf.js文件；在UglifyPlugin的定义里添加关于man
转载
2023-11-27 15:24:35
782阅读
1.Tree-shankingvue3引入tree-shanking(术语)，通常用于描述移除js上下文中未引用的代码(dead-code)。在vue2.x版本中，很多函数都挂载到全局vue对象上，例如set、nextTick等函数。虽然我们平时可能用不到，但打包时还是会将这些全局函数都打包到bundle中。而vue3采用es6模块化方式引入，这样能让webpack和rollup等打包工具在打包时
# iOS 12 下 Vue Vite 项目白屏问题解析及解决方案
在移动开发中，iOS 12 系统的设备经常成为开发者关注的焦点，尤其是那些使用现代前端工具如 Vue 和 Vite 开发的应用。很多开发者在 iOS 12 上运行 Vue Vite 项目时发现出现了白屏状况，这通常是由于资源加载失败或 JavaScript 运行错误等多种原因导致的。本文将探讨这个问题的根源，并提供一些解决方案及
今天在工作中遇到Vue打包后白屏问题，问题分为两级，写出来供大家参考：一阶段：打包后完全白屏，解决方法：依照普通方法：修改在config文件夹下面的index.js中build模块导出的路径assetsPublicPath，assetsPublicPath默认的是’/’，也就是根目录。而打包生产文件后，index.html和static在同一级目录下面，所以改为’./’； 这样处理后，神奇的事情发
转载
2024-04-17 19:35:50
116阅读
# iOS Vue3 白屏问题的分析与解决
随着移动互联网的发展，Vue3作为一种流行的前端框架，越来越多地被应用于iOS设备的开发中。然而，在某些情况下，开发者可能会遇到所谓的“白屏”问题。这个问题主要表现为页面加载后，仅显示一个空白屏幕，用户无法正常访问应用。本文将详细分析iOS Vue3白屏问题的原因，并提供解决方案和代码示例。
## 白屏问题的原因分析
白屏问题的产生通常是由于Jav
原创
2024-08-24 08:01:46
329阅读
谷歌扩展程序无法启用 If you use OS X, you’ve probably noticed dock icons can be set to magnify when you hover over them. What you may not know, is that you can turn off magnification permanently
简单来说一下vue3吧，兼容问题vue3呢基本兼容vue2 所以学习的小伙伴们也不用有过多的担心啦，vue3 优点 1.按需引用，根据自己的需要，适当的引用自己用到的插件，从而减轻服务器的负担哦！ 2.组合式的api: 这样有什么好处呢，更加接近原生的js,更加直观，语义明确，书写也简写，这样阅读更直观，不需要通过Vue再编译 3.没有this,细心的小伙伴已经发现vue3里面没有this了，这样
转载
2024-01-20 22:07:35
198阅读
原因自Vue 3的开发开始到2018年底，我们一直被要求提供IE11支持。许多
转载
2024-01-27 19:29:43
78阅读
# Vue 3 和 UniApp 在 iOS 12 上的兼容性问题解析
随着前端框架的不断更新，开发者面临的挑战也随之增加。对于使用 Vue 3 和 UniApp 的开发者来说，在 iOS 12 系统上的应用打不开的问题就成为了一个亟待解决的难题。本文将帮助你深入了解这个问题的原因、解决方案，提供一些代码示例，并给出状态图和流程图以便于理解。
## 一、问题背景
Vue.js 是一个流行的前
背景描述：自己之前做了一个vue的小案例，但是从来没有用过npm run build,果真遇到了挺多令人头疼的问题！然后在这里和大家分享一下！ 项目技术：VueCli3脚手架搭起来的项目。项目结构：1.问题描述：Vue 打包后打开为空白页面 并且控制台报错‘Failed to load resource: net::ERR_FILE_NOT_FOUND’解决办法： （1）根目录中新建 vue.co
# Vue 3 在 iOS 后台白屏问题的解决方案
在使用 Vue 3 开发移动应用时，经常会遇到一些特定平台下的问题。例如，在 iOS 的后台运行时，应用可能会出现白屏现象。本篇文章将通过对这一问题的分析，给出一些可能的解决方案，并提供相关代码示例，最后还会展示如何使用 Mermaid 绘制一个饼状图。
## 一、问题背景
在移动端应用开发中，尤其是在使用 Vue 3 的项目里，出现白屏的
原创
2024-09-26 08:49:36
158阅读
Vue项目运行npm run build后会生成一个dist文件夹，我们一般都是把这个文件夹部署到服务器上。dist文件夹里边有一个static文件和一个index.html页面，这个index就是最后单页面的最终文件。 问题一：我在打包完成后，打开index.html文件发现地址并没有携带路由。 &nbs
转载
2024-10-16 16:30:39
126阅读
# 如何解决“vue3 ios14白屏”问题
## 简介
在开发过程中，我们可能会遇到一些问题。其中一个常见的问题就是“vue3 ios14白屏”。这个问题通常在使用Vue 3开发应用程序并在iOS 14设备上运行时出现。本文将向你介绍如何解决这个问题。
## 流程
下面是解决“vue3 ios14白屏”的整个流程：
| 步骤 | 描述 |
|---|---|
| 1 | 确认问题 |
|
原创
2023-12-04 13:57:58
384阅读
# 实现 iOS 13 白屏问题的解决方案 — Vue 3
在现代前端开发中，使用 Vue 3 创建应用是一个流行的选择。然而，在 iOS 13 中，部分开发者会遇到“白屏”问题，这通常是由于某种 JavaScript 错误或未正确处理的异步操作导致。本文将逐步教你如何解决这一问题。
## 流程概述
为了帮助你更好地理解整个解决过程，我将把步骤分解并整理成表格和流程图。
### 步骤清单
原创
2024-08-11 06:30:41
79阅读
公司业务展示官网开发，构建版本后在测试环境下，发下首屏加载损耗高达几十秒（服务器在国外，所以也导致加载时间变长），于是采用了以下方法来达到提速目的。 1. 采用懒加载的方式路由懒加载和组件懒加载：const One = ()=>import("./one");图片懒加载：使用vue-lazyload插件//引入vue懒加载
import VueLazyload from 'vue-
转载
2024-02-19 16:48:32
112阅读
1，ios10 出现白屏原因是由于ios 10中Safari中错误描述如下:当你定义一个与参数同名的for循环迭代变量时，我们错误地认为这是一个语法错误。解决方法如下：进入build文件夹；找到webpack.prod.conf.js文件；在UglifyPlugin的定义里添加关于mangle的选项，使它变成下面这个样子new UglifyJsPlugin({
uglifyOptions: {
c
转载
2024-07-26 01:01:38
148阅读
##灵异组件 众所周知，列表是移动开发中非常常用的组件（控件）。原生的列表，拿iOS来来说，有UITableView & UICollectionview,就算是长列表的情况也只是加载速度慢，不会出现突然不再加载的情况，Android的应该也是这种情况。但是React-Native中提供的列表就会出现突然不再加载的情况，严格来说是列表的item不再渲染了，因为查看数据，发现列表的数据的数据
转载
2024-10-06 18:53:53
95阅读
在出现了这个问题之后先不要盲目的去瞎试，根据网上的方法试了个遍也没解决问题先看报的是什么错，再针对的解决问题首先出现的报错是 SyntaxError: Unexpected token '*' 在打包后的dist文件里搜了下连乘 ** 果然有，说明没有转编译成功这个错误的出现是由于 ios10 是不支持连乘引起的，如果发现自己的代码里有这个的使用，那最好换下，或者转编译这次遇
转载
2024-10-16 22:07:11
98阅读
关于vue 路由切换的白屏，事实上在开发的过程中，我一直没有遇到过。我有个哥们遇到这个问题，问我怎么解决的， 我晕了，我没遇到这样的问题啊，我怎么解决啊啊啊啊。。事实上是遇到过一回的。场景一：IE9严格来说不是白屏的问题，应该说是兼容性问题，直接就是不支持，报错了，渲染无法执行造成的。解决方式就是npm i babel-polyfill -D然后在入口mian.js 引入就完事了，就着么简单imp
转载
2024-03-15 08:25:19
95阅读
