背景 门店的电视机上需要随着饮品上新播放一些不同的画面，包含图片（含当前门店商品价格），视频，需要支持所有画面都加载完成之后再播放并且支持离线播放。 设备：电视机 系统：安卓5/安卓9 浏览器内核：X

路由懒加载 当打包构建应用时，JavaScript 包会变得非常大，影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就会更加高效。 把组件按组

估计只要是从事前端开发的友友们肯定都会遇到过删除node_modules依赖文件的情况，但你们有没有发现删除的特别慢，如果一些引用比较多库的项目，删除都得要一个小时。

本文记录了首屏加载优化过程，通过rollup-plugin-visualizer分析资源请求，使用unplugin-vue-components按需加载，并采用rollup分包策略来异步加载资源包。

在我的项目中，有时需要展示上万条甚至十万条数据，而如何在保证性能的前提下高效地渲染这些数据成为了我面临的难题。在经过一段时间的摸索和实践后，我积累了一些经验和技巧，现在我将这些分享给大家。

单页面首屏优化，打包后大小减少64M，加载速度快了13.6秒 1. 静态文件缓存(js,css等)，图片和SVG进行压缩或者替换。 2. 删掉无用路由、引用的库（实际未使用），然后启用树摇 3. ..

问题描述 面试官：后端一次性返回10万条数据给你，你如何处理？ 我：歪嘴一笑，what the f**k! 问题考察点 看似无厘头的问题，实际上考查候选人知识的广度和深度，虽然在工作中这种情况很少遇到

如果写了大量的 `if` 分支，并且可能还具有**分支套分支**，可以想象到整个代码的可读性和可维护都会大大降低，这在实际开发中，确实是一个比较头疼的问题，那有没有什么办法能够即实现需求又能避免...