遇到一个页面刷新的问题，记录一下 1、this.$router.go(0)这种方法页面会一瞬间的白屏，体验不是很好，虽然只是一行代码的事2、location.reload()这种也是一样，画面一闪，效果总不是很好3、跳转空白页再跳回原页面在需要页面刷新的地方写上：this.$router.push( ...
分类：
其他好文 时间：
2020-03-21 14:49:00
阅读次数：
75
什么是图片的base64编码? 图片的base64编码，就是将一张图片的数据进行base64编码成字符串，用这个字符串代替图片的地址。这样的话下载图片，就不用发起http请求了，而可以随着html的下载一起将图片下载到本地。 图片的base64编码的利处： 将一些小图片数据编码成base64，可以减 ...
分类：
其他好文 时间：
2020-03-08 17:17:45
阅读次数：
90
在做移动的开发时，会遇到当输入框输入完成后，键盘收起之后，但是页面没有回到全屏，页面底部没有铺满手机底部，出现部分白屏，如下图 此问题是由于页面高度没有实时计算导致， 解决方案就是在输入框失去焦点之后重新计算一下页面的整体高度，有个巧妙的操作就是手动触发页面滚动，进而触发重新计算高度，使页面铺满全屏 ...
分类：
移动开发 时间：
2020-03-04 21:04:49
阅读次数：
143
在HTML被解析的时候，如果遇到 \ 标签，就会先暂停HTML解析，立即执行脚本（非外部js文件）。\ 引入的外部js文件情况下会先下载再执行。 所以，如果在HTML解析期间被执行 js 脚本且计算量很大的情况下（循环十万次），那么页面就会造成卡顿和白屏现象。 这也是为什么 \ 脚本建议写在 \\ ...
分类：
其他好文 时间：
2020-03-03 22:27:09
阅读次数：
73
一、打包 1、减少打包体积 代码压缩 移除不必要的模块 按需引入模块 选择可以替代的体积较小的模块 2、Code Splitting: 按需加载 如果你处在首页，并且首页中有占用资源过重的图表，需要对图表懒加载，否则它会大幅拖垮应用的首次渲染，加大白屏时间 如果你处在首页，你无需加载当前不可见屏幕下 ...
分类：
其他好文 时间：
2020-03-02 12:28:20
阅读次数：
80
针对web页面的首屏加载问题，一直是个问题，为此还引出一个性能考量标准：白屏时间、首屏时间。 1.白屏时间 打开chrome控制台的Performance，我们可以看到页面的渲染快照： 这段白屏时间影响的因素归根结底就是：资源加载耗时较长（chunk.js文件下载耗时35.75s）； 而对于现在的大 ...
分类：
Web程序 时间：
2020-02-22 00:14:41
阅读次数：
227
点击flutter的app。在打开的时候有持续1到3秒的白屏 白屏 白屏后才会显示首页 flutter应用在启动的时候，首先会启动flutter SDK，然后会将flutter的代码加载到内存里面。然后完成渲染。在这个过程中，它是没有内容可以显示的，所以就只能显示这样的一个白屏 添加欢迎页 开源的插 ...
分类：
其他好文 时间：
2020-02-15 13:43:18
阅读次数：
81
为什么需要懒加载？ 像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了loading也是不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加 ...
分类：
其他好文 时间：
2020-02-14 10:52:45
阅读次数：
92
虽然过了兼容IE6的噩梦时代，IE依旧阴魂不散，因为你可能还要兼容IE9。在ES6已经普及的今天，用ES6写react已经成了标配。但是babel编译的js语法，由于某些不规范的写法，可能在IE9下不能正确解释，很容易导致白屏。本文记录如下 起因 在准备提测的那天，顺便打开IE9看一眼（注意，这里是 ...
分类：
Web程序 时间：
2020-01-18 10:29:43
阅读次数：
143
1.清理HTML文档 精简html代码结构 恰当放置css;推荐将css放在html头部，可保证正常的渲染过程，避免用户等待白屏页面（ 知觉性能 ） 正确放置javascript;如若放在head标签或者html上部，会阻塞html和css的加载过程，这个错误导致页面加载时间变成，增加用户的等待时间 ...
分类：
Web程序 时间：
2020-01-10 15:55:55
阅读次数：
79
