百度外卖前端周刊 - 第29期
2026-05-03 12:59:15
百度外卖前端周刊 - 第29期内容概览：
好文推荐：DNS Prefetch性能优化的小技巧之一
简介：本文介绍了DNS Prefetch这一性能优化技巧，通过提前解析DNS来减少页面加载时的等待时间，从而提升用户体验。
浏览器渲染过程与性能优化
核心内容：文章详细阐述了浏览器渲染页面的过程，包括解析HTML、构建DOM树、解析CSS并构建CSSOM树、合成渲染树、布局、绘制等步骤。并基于此过程，引入了一些基本的浏览器性能优化方案，如减少重排和重绘、使用CSS选择器优化、图片懒加载等。
Vue.js 3数据响应机制的变化
核心内容：Vue.js 3采用了Proxy来实现数据响应机制，相较于Vue.js 2的Object.defineProperty，Proxy提供了更强大的监听能力和更好的性能。本文深入解析了Vue.js 3为何选择Proxy，并介绍了其实现原理。
CSS Evolution: From CSS, SASS, BEM, CSS Modules to Styled Components
核心内容：本文回顾了CSS的演变过程，从最初的CSS到SASS、BEM、CSS Modules，再到现代的Styled Components，详细阐述了每种技术的特点、优势以及适用场景。
Tasks, microtasks, queues and schedules
核心内容：本文生动介绍了EventLoop中的task、microtasks、queues和schedules的概念，以及它们在浏览器线程中的执行顺序。这对于理解JavaScript的异步执行机制至关重要。
反击爬虫，前端工程师的脑洞可以有多大？
核心内容：本文探讨了前端工程师在保护网站内容不被爬虫轻易获取方面的创意和策略，如动态渲染、混淆代码、增加访问难度等。这些策略对于保护电商网站的交易额、教育网站的题目等敏感信息具有重要意义。
再聊移动端页面的适配
核心内容：本文深入探讨了移动端页面的适配方案，包括Flexible布局方案和vw/vh单位的使用。文章不仅介绍了这些方案的基本原理和实现方法，还对比了它们的优缺点，为移动端页面的适配提供了全面的指导。
性能优化之组件懒加载 Vue Lazy Component 介绍
核心内容：本文从一个实际遇到的性能问题入手，详细分析了问题的原因和解决方案，最终介绍了一种通用的组件懒加载方案——Vue Lazy Component。文章的重点在于解决问题的角度和思路，而非最终的代码实现。
React特性精华
核心内容：本文为React初学者和有一定经验的开发者提供了React特性的精华总结，包括组件、状态管理、生命周期、JSX等核心概念，以及一些高级特性和最佳实践。无论是初学者还是老鸟，都能从中找到有价值的内容。
热门标签
