首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【优化】vue项目缓存引发的白屏

    发现问题 近期vue项目在构建完成上线之后,每次往线上更新版本,总会收到一部分反馈——web页面白屏,需要清除缓存数据重新加载才能正常访问。...其次排除首页加载过慢问题,因为白屏无论多久都不会渲染页面。最终定位到缓存问题,产生原因如下: “在首次上线项目时,build生成的资源文件直接放到服务端上线即可。...但是当第n(n>1)次上线后,由于在用户端会默认缓存index.html入口文件,而由于vue打包生成的css/js都是哈希值,跟上次的文件名都不同,因此会出现找不到css/js的情况,导致白屏的产生。...服务端配置主要解决: 设置index.html在用户端不缓存,这样每次拉取的都是线上最新资源; 设置css和js文件一定的缓存期,合理利用缓存。...这样配置的好处是,如果线上资源没有更新,我们合理的利用缓存对大体积资源(样式脚本等)缓存,如果更新了资源,那么index.html文件则实时更新,用户端所得到的html文件也是最新资源,样式及脚本资源都会重新获取服务器最新资源缓存到本地

    3.3K51

    VUE 路由切换白屏的问题

    关于 vue 路由切换的白屏,事实上在开发的过程中,我一直没有遇到过。 我有个哥们遇到这个问题,问我怎么解决的, 我晕了,我没遇到这样的问题啊,我怎么解决啊啊啊啊。。 事实上是遇到过一回的。...服务器部署配置问题 这个问题造成的白屏体现在: 首页可以正常浏览,但是------通过$router.push('/home')跳转页面 正常,然后刷新 就是白屏或 404 本不想在文章加入这个问题和解决方案...场景一:IE9(兼容性问题) 严格来说不是白屏的问题,应该说是兼容性问题,直接就是不支持,报错了,渲染无法执行造成的。...所以假如要解决白屏的问题,可以着么干 const router = new VueRouter({ routes: [...], scrollBehavior (to, from, savedPosition...js,css 还有一些其他的静态资源文件,而新的 js 和 css 则不会被加载,那么白屏就诞生了.

    1.7K30

    性能优化竟白屏,难道真是我的锅?

    项目日渐“强壮”,性能优化方法之一是采用 React 框架提供的 Reat.lazy() 按需加载的方式,测试过程中,QA说我的优化代码导致了白屏,且看我如何狡辩~ 随着项目日渐“强壮”,优化首屏加载渲染速度迫在眉睫...没过多久测试同学反馈,你这个功能咋老白屏?—— 怎么可能?我的代码不可能有BUG! 来到“事故现场”,稍加思索,打开浏览器控制台,发现按需加载的远程文件下载失败了。...(常见于白屏)时候的处理方式。...表现效果: 如果咱不处理这个错误,就会导致“白屏”,也不利于研发同学排查问题,特别是涉及到一些异步渲染的问题。...,否则如果还按照之前的方案,就会继续向上抛出错误,如果没有后续 catch 处理错误,页面就会白屏!

    1.2K10

    性能优化竟白屏,难道真是我的锅?

    项目日渐“强壮”,性能优化方法之一是采用 React 框架提供的 Reat.lazy() 按需加载的方式,测试过程中,QA说我的优化代码导致了白屏,且看我如何狡辩~ 随着项目日渐“强壮”,优化首屏加载渲染速度迫在眉睫...没过多久测试同学反馈,你这个功能咋老白屏?—— 怎么可能?我的代码不可能有BUG! 来到“事故现场”,稍加思索,打开浏览器控制台,发现按需加载的远程文件下载失败了。...(常见于白屏)时候的处理方式。...表现效果: 如果咱不处理这个错误,就会导致“白屏”,也不利于研发同学排查问题,特别是涉及到一些异步渲染的问题。...,否则如果还按照之前的方案,就会继续向上抛出错误,如果没有后续 catch 处理错误,页面就会白屏!

    93520

    碰到 WordPress 致命错误,如何一步一步解决

    WordPress 用户最头疼的问题就是站点白屏打不开了,或者后台进不去了,这就是 WordPress 的致命错误,英文是 White Screen of Death(白屏错误),简称:WSoD。...,那么就是白屏了,没有任何有用的信息: 如果 WordPress 开启了致命错误处理,那么就会显示下面的信息: WordPress 的致命错误都是 PHP 代码错误引起,或者内存限制引起的,一般是一些错误的主题或者插件的代码...很多时候出现白屏是因为,PHP 脚本的执行需要大量的内存,而服务器的限制使得 PHP 脚本得不到满足,比如下面错误代码,这种情况有可能是程序写了死循环了,或者真的需要那么大的内存。...如果停用所有插件之后可以解决问题,那么接下来我们要找出具体是哪个插件导致问题的,一般我们是通过一个一个激活插件来发现,每激活一个插件,在出问题的界面刷新一下,如果问题重现,我们就可以定位是哪个插件出的问题了...我们可以通过切换回 WordPress 默认的主题来定位问题,如果还能进入后台,那么进入「外观」-「主题」,选择一个默认的 WordPress 主题,比如最新的 2021: 然后在出问题的界面刷新一下

    1.2K30

    SimPro的开始界面

    HELLO 各位小伙伴,今天我们来说说Sim这个软件的开始界面 开始界面其实主要是用于构建设备的具体布局的一个界面 它包含了左边的电子目录(模型库),和中间的工作区,还有右边的属性栏,还有上面的工具栏...我们先来了解一下工具栏: 上图就是开始界面的工具栏默认的样子了 剪贴板:不用多说,一些复制粘贴等工作,不过这里我基本不会用到,因为ctrl+V/C等快捷键也可以使用 ---- 操作栏:这里的内容就非常的常用到了...---- 工具:是用于辅助我们将设备精准的摆放的工具 测量,可以用于测量两点间的距离 捕获,自动识别某个位置,如:边,面,线,中心等等,用于装配两个模型 这里需要注意的是模式中的 一点、两点、三点的区别...“附加” 分离,将已经附加在一起的两个设备,进行分离 ---- 导入:导入用户自己的模型 这里只有一个选项,“几何元”,这是用于导入我们自己设计的数模的位置,当然sim也支持用鼠标将模型拖入进来的操作...---- 原点:用于修改设备在工作区的位置计算点坐标 捕获,用捕获的方式进行坐标定位,注意:这个“捕获”和工具选项卡中的“捕获”功能不同 移动,通过鼠标拖动或者数字输入的方式改变模型的坐标 这个工具非常重要

    83810

    OpenSupports 在 NGINX 下的配置

    安装挺简单的,OpenSupports 是基于 PHP + MySQL/MariaDB 的,所以解压之后放在服务器目录上,直接用浏览器访问就可以看到安装界面,剩下的可以全部在网页端搞定。...$args;}# Catch-all for rest.location / { try_files $uri $uri/ /index.php;}location ~ [^/]\.php(/|$...$fastcgi_script_name =404; fastcgi_pass unix:/tmp/php-cgi.sock; fastcgi_index index.php;} 因为我把...我用的是 mailgun 的邮件服务,但是安装界面没有提供协议、端口这些信息,那就只能把信息揉在 URI 里面了,tls://mailgun.smtp.org:587。...另外遇到一个可能是 bug 的地方,那就是安装界面无法切换语言,切换了就是白屏,只能用英语安装完成之后,去设置里面改语言。

    60540

    adobe 、nvidia的一些软件登录时弹窗白屏如何解决?

    adobe 、nvidia的一些软件登录时弹窗白屏,那个弹窗本质上是个web页面,可能是默认浏览器不兼容或者IE ESC拦截了。...nvidia omniverse登录的时候有个弹窗白屏,不能登录成功,弹窗上的URL显示localhost:33480,本地回环不用放安全组的,但我还是自己骗自己把安全组33480端口放行所有了,无济于事...image.png image.png image.png 突然想起曾经的一个场景,adobe after effects 点击登录后,就白屏,等多久都一直是白屏,关了那个白屏,软件就退了,反正也没登进去...(等了大概2分钟)才显示最后的界面,没有一直白屏,没有复现一直白屏的问题。...我仔细想了下,一次性成功之前我把IE ESC关了,过程中才没有拦截,然后我重置系统后,没关IE ESC,安装的时候就拦截了,复现一直白屏的问题。

    2.1K20

    好的用户界面-界面设计的一些技巧

    3 合并重复的功能而使界面简洁 在整个产品开发期间我们会有意无意地创建很多模块,版面或者元素,而它们的功能可能有些是重叠的。此种情况表明界面已经过度设计了。...时刻警惕这些冗余的功能模块,它无用且降低了电脑性能。此外,界面上模块越多,用户的学习成本就越大。所以请考虑重构你的界面使它足够精简。 ?...综合所有这些,最后得到的界面会使你的主要意图与界面其他元素有明显的区分,得到完美的呈现。 ?...29 遵从一些约定而不要去重新设计 界面设计中遵从约定的准则跟之前的界面一致性准则很相似。如果我们遵从了界面设计中的一些约定,用户用起来会很方便。相反,不一致和没有遵从约定的设计则会提高学习成本。...当所有这些调整运用得适当时,可以提高整个界面的可读性。相比在一个很直白的界面上用户一眼就可以从上瞟到底的设计,这样分明的设计也可以让用户放慢速度来慢慢阅读。这样也使界面更有特色一些。

    77330

    最完备的懒加载错误兜底方案,再也不会白屏了!

    但是在使用时并没有对动态导入的失败做处理,我们通过项目的监控平台发现了上百例因「包资源下载失败导致的页面白屏」,用户无法正常使用。...动态导入的使用 使用 webpack 的项目,通常使用动态导入的方法是: () => import('....仍然无法加载回资源 有了以上的处理,但资源仍然无法加载回来,此时错误并不会抛出,只是页面上不展示资源对应的功能,用户仍然可以正常使用页面,不会白屏。...总结 通过针对业务优化场景中遇到的懒加载失败问题,我们分析了 webpack 源码,借助了 import() 网络重试加载机制,提高了程序的鲁棒性,降低前端白屏率,一定程度上提升了用户体验,对于前端工程的收益较为明显...---- ❤️感谢 如果本文对你有帮助,点赞支持下我吧,你的「赞」是我创作的动力

    1.4K20

    【极简or纷杂的界面】

    个性化定制界面和极简版原装界面,哪一个你用起来更加顺手呢,相比之下你更喜欢哪一个? 一、自己的喜好 对于自己而言,极简化的界面使用起来更顺手一些,能够一目了然的看到自己所需求的功能。...在使用时,通常会通过简单的图标或者简洁的文字进行功能的使用。通常极简的界面使用背后是简洁的审美与生活方式的共同作用。...二、原因 极简化的界面减少了大脑对于信息处理所需要的时间,能够第一时间去查找自己所需要的功能,而过于复杂的界面会分散注意力,降低了处理事务的效率,将碎片化的内容产生的干扰带给大脑,增加了大脑对于信息处理的复杂度...极简化的设计相对于其它个性的界面而言,能够给人带来一种朴素,干练的感觉,对于自己的需求可以通过简短的几个字或者几笔构成的简单图标,没有过于冗杂的图案背景以及艳丽的色彩,在视觉效果方面能够将整体性体现的淋漓尽致...三、影响 极简化的界面审美对于个人使用而言将会成为一种习惯,在生活中的选择会更加的倾向于简洁,如简洁一体的桌面或者朴素的纯色搭配服饰,饰品等均体现简洁二字。

    21330

    好的界面设计

    3.合并重复的功能而使界面简洁 在整个产品开发期间我们会有意无意地创建很多模块,版面或者元素,而它们的功能可能有些是重叠的。此种情况表明界面已经过度设计了。...时刻警惕这些冗余的功能模块,它无用且降低了电脑性能。此外,界面上模块越多,用户的学习成本就越大。所以请考虑重构你的界面使它足够精简。 ?...所以试着提供一些含金量高的证据证明这些好评是真实可信的。 ? 5 .频繁展示你的主旨来加深印象 多次重复主旨口号这种方法适用于界面很长或者分页的情况。首先你肯定不想满屏刷出相同的信息,这样会让人生厌。...要传达这样一个好的界面,你就需要将可点击的元素(比如连接,按钮),可选择的元素(比如单选多选框)以及普通的文字明显区分开来。在下图的例子中,我将点击操作的元素设置为蓝色,选中的当前元素为黑色。...10.试着直接果断而不要唯唯诺诺 你可以通过不确定而颤抖的声音来表达传递自己的意思,当然也可以通过很自信的方式表达。如果你在界面中的表述用语多以问号结束,比如"也许","可能","感兴趣?"

    1.3K60
    领券