JavaScript高级程序设计基础（一）

最新推荐文章于 2024-11-06 15:44:59 发布

T.S62

最新推荐文章于 2024-11-06 15:44:59 发布

阅读量473

点赞数 4

分类专栏： js基础文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_75246137/article/details/140279550

版权

3 篇文章 0 订阅

订阅专栏

一、JavaScripts实现

ECMAScript 只是对实现这个规范描述的所有方面的一门语言的称呼，Web 浏览器只是 ECMAScript 实现可能存在的一种宿主环境

DOM 通过创建表示文档的树，让开发者可以随心所欲地控制网页的内容和结构。使用 DOM API ，

可以轻松地删除、添加、替换、修改节点

BOM用于支持访问和操作浏览器的窗口

注意：在使用行内 JavaScript 代码时，代码中不能出现字符串 </script>

浏览器不会检查所包含 JavaScript 文件的扩展名.js,但服务器会

将<script>标签放在head里容易出现页面长时间空白，因为页面在浏览器解析到 <body>的起始标签时才开始渲染，所以现在会将<script>标签放在 <body> 元素中的页面内容后面

立即下载，延迟执行。<script>元素会在浏览器解析到结束的</html>标签后才会执行,建议实际中只包含一个这样的脚本并放在页面底部

let script = document.createElement('script'); 
script.src = 'gibberish.js'; 
script.async = false;
document.head.appendChild(script);

上述代码相当于将动态脚本加载行为设置为同步加载，为了不影响队列优先级，可让预加载器知道动态请求文件的存在

<link rel="preload" href="gibberish.js">

建议将js代码放在外部文件，因为浏览器会有特定的缓存，同样的js文件只会下载一次

当浏览器请求外部文件时，如果使用SPDY/HTTP2（预请求的消耗已显著降低），就可以从同一个地方取得一批文件，并将它们逐个放到浏览器缓存中。上述方式更加有利

如果是较老的浏览器，可能还是用大文件更加合适。

关注

专栏目录