很多人都有一个误解，认为CSS会阻塞JS的执行。但实际上，这只是半对的。CSS的加载确实会对JS的执行产生影响，但并不是完全的阻塞。

CSS和JS都是通过单线程的方式加载和执行的。也就是说，当浏览器发现需要加载CSS或JS时，它会停止当前的渲染和解析，开始加载并执行这些文件。而在加载JS的过程中，如果JS需要操作CSS样式，那么它就需要等待CSS加载完毕，才能继续执行。这就是为什么我们会听到一些人说CSS会阻塞JS的原因。

但这并不意味着加载CSS会完全阻止JS。因为在CSS加载过程中，浏览器依然可以渲染和解析HTML。换句话说，在JS执行之前，浏览器可以继续加载其他资源，如图片和视频，并等待其他脚本的执行。只有当需要操作CSS样式时，JS才会受到CSS加载的影响。

// JS代码示例
const element = document.getElementById('foo');
element.style.color = 'red';

上面的示例代码中，JS需要操作id为‘foo’的元素，改变它的文字颜色。但在执行这段代码之前，浏览器需要先加载和解析CSS样式。如果当前页面中没有任何CSS样式，那么JS就可以直接执行。但如果有CSS样式，浏览器就需要等待CSS加载完毕，才能执行JS。

综上所述，CSS确实会影响JS的执行，但并不是完全的阻塞。在实际开发中，我们可以通过一些技巧来减少CSS对JS执行的影响。一个常见的技巧是将CSS文件放在页面的头部，这样可以让浏览器尽早加载和解析CSS，从而减少JS的等待时间。