记一次 iOS 环境 H5 页面突然白屏
在新版本 iOS 系统中，某页面出现白屏，原因是 Safari 浏览器新增的全局变量 browser 与旧项目中的同名变量冲突。通过临时修复和代码重构解决了此问题，并加强代码审查和监控机制，以防止类似情况再次发生。
标签： Chrome
前端性能和加载体验优化实践（附：PWA、离线包、内存优化、预渲染）
探讨了页面加载卡顿的原因并提出了多种优化方法。主要原因包括项目包或第三方脚本过大、JavaScript 执行阻塞页面加载、图片体积大且多等。优化策略包括构建缩包按需加载、减少图片体积等。文章还详细介绍了如何通过 Webpack 插件分析项目中用到的 npm 包及大小，以及如何通过调整图片尺寸、格式转换、压缩等方式减小图片体积。
Resource Hints - What is Preload, Prefetch, and Preconnect?[转]
介绍了 `preload`、`prefetch` 和 `preconnect` 三种资源提示及其应用场景。`preload` 优化当前导航资源加载，`prefetch` 在空闲时预取未来可能需要的资源，`preconnect` 提前建立服务器连接以减少延迟。通过合理使用这些技术，可显著提升网页加载速度并优化用户体验。
Bootstrap实战 - 瀑布流布局
介绍了如何使用 Bootstrap 实现瀑布流布局，涵盖了基本配置、栅格系统、缩略图、响应式图片及 CSS3 样式。通过实战案例逐步解析布局细节，并提供 JavaScript 实现方式以增强兼容性。