html中href和src的区别？

一省：HTML

3. html中href和src的区别？

1. href：href 是 Hypertext Reference 的缩写，表示超文本引用。用来建立当前元素和文档之间的链接。常用的有：link、a。例如：

<link href="style.css" rel=”stylesheet“/>

浏览器会识别该文档为 css 文档，并行下载该文档，并且不会停止对当前文档的处理。这也是建议使用 link，而不采用 @import 加载 css 的原因。

2. src: src 是 source 的缩写，src 的内容是页面必不可少的一部分，是引入。src 指向的内容会嵌入到文档中当前标签所在的位置。常用的有：img、script、iframe。例如:

<script src="script.js"></script>

当浏览器解析到该元素时，会暂停浏览器的渲染，直到该资源加载完毕。这也是将js脚本放在底部而不是头部得原因。

简而言之，src 用于替换当前元素；href 用于在当前文档和引用资源之间建立联系。

二省： CSS

3. CSS 中哪些属性可继承，哪些不可以？

能继承的属性：

1. 字体系列属性：font-family、font-weight、font-size、font-style;
2. 文本系列属性：color、text-align、text-indent(文本缩进)、text-transform(字母大小写)、word-spacing(词间距)、letter-spacing(字间距)、line-height;
3. 元素可见性：visibility;
4. 表格布局属性：caption-side(标题位置)、border-collapse(折叠边框)、border-spacing、empty-cells(空白单元格显示)、table-layout(布局);
5. 列表布局属性：list-style;
6. 光标属性：cursor

不能继承的属性：其余的属性不可以继承

三省：JavaScript

3. 创建函数的几种方式？

1. 函数声明：

function sum(num1, num2) {
  return num1 + num2
}

2. 表达式声明：

let sum = function(sum1, sum2) {
  return num1 + num2
}

与函数声明等价。

3. 构造函数声明：

let sum = new Function("num1", "num2", "return num1 + num2");//不推荐

不推荐，因为这种代码会被解释两次：第一次是当成常规的ECMAScript代码，第二次是解释传入的字符串代码，很影响性能。

4. 箭头函数：

let arrowSum = (a, b) => {
  return a + b;
}

箭头函数语法简洁，但是没有arguments、super和new.target，也没有prototype属性。

本文由mdnice多平台发布