某天闲着无聊想练一下手速，去上拉一个小程序项目中一个有1万多条商品数据的列表。在数据加载到1000多条后，是列表居然出现了白屏。看了一下控制台： ‘Dom limit exceeded’，dom数超出

前文我们提到过，对于antd这种可以按需加载组件的库，我们不使用script的方式全量引入。确实，antd支持按需加载组件。实现按需加载组件的方式有两种，一种是单个组件分别引入对应的组件与样式，这种方式代码冗余，因此更多人喜欢第二种使用babel-plugin-import的方…

web 缓存是 web 开发逃不开的一个话题，在减少网络带宽消耗、降低服务器压力和提高页面打开速度方面有广泛应用。本文从实际 web 应用项目中缓存相关问题出发，较为全面地分析了 html5 缓存机制的原理与应用以及移动端应用 webView 对 html5 缓存机制的支持方式，以供 web 开发的同学们参考。

简单的说，骨架屏就是在页面未渲染完成的时候，先用一些简单的图形大致勾勒出页面的基本轮廓，给用户造成页面正在加载的错觉，待页面渲染完成之后再用页面替换掉骨架屏，从而减少页面白屏的时间，给用户带来更好的体验。 可以看到，DOM里面有一个div#app，当js被执行完成之后，此div…

天下武功，唯 (wei) 快(fu) 不(bu) 破(po)。 随着近几年的前端技术的高速发展，越来越多的团队使用 React、Vue 等 SPA 框架作为其主要的技术栈。以 React 应用为例，从性能角度，其最重要的指标可能就是首屏渲染所花费的时间了。那么今天，我们要给大家…

1、 dll动态链接库， 使用DllPlugin DllReferencePlugin，将第三方库提取出来另外打包出来，然后动态引入html。可以提高打包速度和缓存第三方库 主要是分离 第三方库，自定义模块（引入超过3次的自定义模块被分离），webpack运行代码（runtim…

嗨，大家好！欢迎来到 VueDose 的第一篇文章。我已经准备好在 VueDose 上开启这段旅程，来帮助像你一样的开发者们来学习一些厉害的技巧。 首先，在 VueDose 上发布的文章都是很简洁明了的，因为我相信这样的行文风格对于读者来说会更有帮助，所以我们现在就直接开始吧。…

一.前言痛点1：现今本团队内的端内web应用，均是由webpack构建打包而成的单页或多页web应用，前端工程构建完成的结果是这样的画风可以看出其静态资源中，不乏体积几百k~几m不等，而这些静态资源均

今天，我将针对 Android Webview 的性能问题，提出一些有效解决方案。 1. Android WebView 存在什么性能问题？ 下面会详细介绍。 总结：上述两个原因 导致 H5页面的渲染速度慢。 **总结：H5页面加载速度慢的原因：渲染速度慢 & 页面资源加载缓慢…