在开发网页时，javascript 是不可或缺的一部分，可以运用它实现许多复杂的交互效果。但是当我们在页面加载javascript 加载动画时，就会遇到阻塞不动的问题，这是一个很常见的问题，下面就来详细介绍一下这个问题以及解决方法。首先，让我们来解释一下“阻塞不动”这个问题。当我们在加载javascript 时，如果代码很复杂且文件很大的话，就需要较长的时间才能加载完毕，期间我们所加载的动画就会因为javascript 的加载而卡在原地无法继续执行。这时候用户就会感到非常不爽，而且容易导致用户流失。那么该如何解决这个问题呢？首先，我们可以使用异步加载的方式来解决。异步加载可以让javascript 脚本在加载的同时不影响页面的渲染，页面可以同时加载其他元素，提高了用户的交互体验。下面是一段异步加载的代码：

function loadScriptAsync(src) {var script = document.createElement('script');script.src = src;script.async = true;document.head.appendChild(script);}loadScriptAsync('https://www.example.com/script.js');

使用这个代码可以实现异步加载javascript，其中async 属性是关键，它表示这个脚本是否异步执行。如果async 属性为 true，浏览器可以再加载完后立即执行脚本，而不会阻塞其他资源的加载和渲染。除了异步加载，我们还可以使用defer 属性来进行代码的加载。与async 不同，defer 属性表示代码不会阻塞页面的渲染和其他元素的加载，但是只会在所有元素都加载完毕之后才会执行。下面是一段defer 加载的代码：

使用这个代码，也可以避免javascript 阻塞其他资源的加载和渲染，提高了页面的用户体验。我们也可以使用其他一些工具，比如说现在越来越流行的webpack。webpack 提供了许多优化javascript 的工具，比如说代码分块、延迟加载和CDN 加速等等，这些工具都可以帮助我们解决javascript 阻塞的问题，同时也可以提高网页的性能。总结来说，javascript 加载动画阻塞不动是一个非常常见的问题，但是通过异步加载、defer 加载和使用一些优化工具的方法，我们都可以轻松解决这个问题，提高网页的性能和用户的交互体验。