js 放在
中，如果不添加 async 或者 defer 时，当浏览器遇到 script 时，会阻塞 DOM 树的构建，进而影响页面的加载。当 js 文件较多时，页面白屏的时间也会变长。在这个过程中，如果解析器遇到了一个脚本(script)，它就会停下来，并且执行这个脚本，然后才会继续解析 HTML。如果遇到了一个引用外部资源的脚本(script)，它就必须停下来等待这个脚本资源的下载，而这个行为会导致一个或者多个的网络往返，并且会延迟页面的首次渲染时间。
把 js 放到
里（一般在 的上面）时，由于 DOM 时顺序解析的，因此 js 不会阻塞 DOM 的解析。对于必须要在 DOM 解析前就要加载的 js，我们需要放在 中。参考文章：
该把 JS 文件放在 HTML 文档的那个位置
© 本文著作权归作者所有，转载前请务必署名
设计模式有两种分类方法，即根据模式的目的来分和根据模式的作用的范围来分。根据目的来分根据模式是用来完成什么工作来划分，这种方式可分为创建型模式、结构型模式和行为型模式 3 种。创建型模式：用于描述“怎样创建对象”，它的主要特点是“将对象的创建与使用分离”。GoF 中提供了单例、原型、工厂方法、抽象工
当你看到这篇文章的标题，你一定对这篇文章产生了巨大的兴趣，因为你的潜意识在告诉你，这是一本人生的“武林秘籍”，而且还是左耳朵写的，一定有干货满满，只要读完，一定可以练就神功并找到超过大多数人的快车道和捷径……然而…… 当你看到我这样开篇时，你一定会觉得我马上就要有个转折，告诉你这是不可能的，一切都需
Vue3 Compitition Api首先要了解一下 Composition API 设计的好处在哪里？逻辑组合和复用、类型推导、打包尺寸等。在 vue3.0 之前所有的组件都可以看做一个可选项的配置集合，通过 data、computed、methods、watch 以及 created、moun
无障碍 web 是指能让视觉障碍的人也能根据屏幕阅读器的提示阅读网页。这一块只知道一个大致概念，国内使用较少（甚至还遇到过加了 title 被测试提 bug 的情况）目前能想到的只有下面几点：尽可能地使用语义化标签，如 , 等标签img 标签添加 altbutton 或者按钮上添加 title表单
SEO优化的标签TDK，设置文本格式utf-8等等，设置HTTP头部，设置视口专门做移动端缩放什么是metaMeta标签是HTML语言head区的一个辅助性标签，它位于HTML文档头部的head标记和title标记之间，它提供用户不可见的信息。Meta ： 即 **元数据（Metadata）**是数
