JavaScript经验

当我们开发的应用在浏览器环境中运行时，必须使用 ES 模块规范。 当我们开发的应用在服务器环境中运行时，既可以使用 ES 模块规范，又可以使用 Node.js 风格的 CommonJS 模块规范，本文介绍 Node.js 包内的模块的解析规则。 1.包入口点 在一个包的 package.json 文件里，”main” …

当 <script> 标签无 type=”module” 属性时，defer 和 async 属性都只可以被用在 <script> 元素的外部方式，如果被用在 <script> 元素的内部方式，则会被忽略。 当 <script> 标签有 type=”module” 属性时…

无论是内部方式还是外部方式，带有 type=”module” 属性的 <script> 标签会告诉浏览器相关代码应该作为模块执行，而不是作为普通的脚本执行。 无论是内部方式还是外部方式，一个 HTML 页面有多少个 type=”module” 属性的 <script> 标签没有限制。 无论是内部…

要对一个脚本文件内的所有内容开启严格模式，只需要在脚本文件内的顶部添加 “use strict” 或 ‘use strict’ 即可。 要单独对一个函数体内的所有内容开启严格模式，只需要在函数体内的顶部添加 “use strict” 或 ‘use strict’ 即可。 注意：JavaScript 模块内的所有内容自动…

1.innerHTML和outerHTML区别 类 实例属性 区别 Element innerHTML 目标元素标签之间的 HTML 代码，不包括目标元素标签本身。 Element outerHTML 目标元素标签之间的 HTML 代码，包括目标元素标签本身。 2.textContent和innerText区别 类 实…

绝对路径 描述 <img src=”https://www.example.com/picture.jpg”> 在 https://www.example.com/ 绝对路径下 相对路径 描述 <img src=”picture.jpg”> 在包含<img>元素的 HTML 文件的所在目录下 <…

1.内联(Inline)方式 内联(Inline)方式，又称为行内方式。往往用于单个元素。 2.内部(Internal)方式 往往用于单个网页。 3.外部(External)方式 往往用于所有网页。 4.优先级 比如上面的示例中 myFunction() 事件处理程序函数，当同时存在多种使用 JavaScript 的方…

1.内联(Inline)方式 内联(Inline)方式，又称为行内方式。往往用于单个元素。 2.内部(Internal)方式 往往用于单个网页。 3.外部(External)方式 往往用于所有网页。 4.优先级 当同时存在多种使用 CSS 的方式时，如果为相同的选择器(元素)定义了相同的 CSS 属性名，则优先级如下：…

组件 JSX

1.概念 负责处理或响应事件而调用的函数称为 事件处理程序(又称为 事件监听器)。 概念 示例 事件类型(又称为 事件名称) “click” 事件目标 <button> 事件处理程序属性名 onclick 事件处理程序(又称为 事件监听器) myFunction() 事件对象 event 2.HTML事件处…