宝荣

作为电商基础链路的开发，除了要考虑功能是否能快速上线外，更多的是要注重页面的性能和用户的体验。 当前详情页面的架构较旧（后端java&vm+前端React), 重要数据都伴随页面一起从后端同步返回，本文章记录的是在不大改的前提下，沉淀了一系列对详情页面的优化，希望能对…

图片懒加载在一些图片密集型的网站中运用比较多，通过图片懒加载可以让一些不可视的图片不去加载，避免一次性加载过多的图片导致请求阻塞（浏览器一般对同一域名下的并发请求的连接数有限制），这样就可以提高网站的加载速度，提高用户体验。 2、可以给这个类名设置背景图片，作为图片未加载前的过…

本文是有关如何使用动态导入(dynamic import)的详细指南，该功能可实现代码分隔和延迟加载，另外还介绍了如何使用错误边界(error boundaries)来捕获错误。 import()当前处于TC39流程的第4阶段，在JavaScript中以类函数的方式加载模块。 …

可折叠Web的说法是可折叠设备带来的。可折叠设备形式多样，从笔记本电脑到手机，再到新奇的双屏幕混合设备。对于这类新发明并没有一个全面的定义，但大多数都可以归为两类。“可折叠”是指屏幕可以折叠的设备（比如华为Mate X，三星Galaxy Z Flip）；而“双屏”设备的屏幕是分…

有段时间没有怎么记录生活了，最近有一些关于生活的感受，加上上次写的 2020 年终总结太仓促了，决定再记录下，用这种方式回顾过去一年里自己的所见所闻、所思所想。 分三个部分：生活、学习和工作。 生活上，感觉比以前更爱玩了一些，不过娱乐方式更少了，基本上只有逛逛 B 站，打打王者…

1. 前言 浏览器缓存 是浏览器将用户请求过的静态资源（html、css、js），存储到电脑本地磁盘中，当浏览器再次访问时，就可以直接从本地加载了，不需要再去服务端请求了。 但也不是说缓存没有缺点，如果处理不当，可能会导致服务端代码更新了，但是用户却还是老页面。所以前端们要针对…

关于 React 应用加载的优化，其实网上类似的文章已经有太多太多了，随便一搜就是一堆，已经成为了一个老生常谈的问题。 但随着 React 16 和 Webpack 4.0 的发布，很多过去的优化手段其实都或多或少有些“过时”了，而正好最近一段时间，公司的新项目迁移到了 Rea…

有一段时间没有做积累和学习了，近期学习的内容会陆陆续续更新进来。 Webpack 应该会写一个系列吧，从 初探 => 深入 => 实战。 现在就将相对路径的根目录改成了 src，这个时候使用相对路径就是从 src 目录下进行查找。例如上面的 entry，就会从 src 目录下进…

开发多页应用的时候，如果不对webpack打包进行优化，当某个模块被多个入口模块引用时，它就会被打包多次（在最终打包出来的某几个文件里，它们都会有一份相同的代码）。当项目业务越来越复杂，打包出来的代码会非常冗余，文件体积会非常庞大。大体积文件会增加编译时间，影响开发效率；如果直…