2019.06.14

1.对mvvm的M的理解

2.link和@important引用CSS的区别

以下内容参考:https://www.sogou.com/link?url=DOb0bgH2eKh1ibpaMGjuy7jPiIewxFlR-ku0DrhsFatw7KPKo-CjB6edN_ZsL43tzZWe6IpXgdk.
页面中使用CSS的方式主要有3种:

  • 1.行内添加定义style属性值
  • 2.页面头部内嵌调用
  • 3.外面链接调用

其中外面引用有两种:link和@import

1
2
3
4
5
<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" />   
或者
<style type="text/css" media="screen">
@import url("CSS文件");
</style>

两者存在一定的区别:

  • 1.link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;
    @import属于CSS范畴,只能加载CSS。
  • 2.link引用CSS时,在页面载入时同时加载;
    @import需要页面网页完全载入以后加载。
  • 3.link是XHTML标签,无兼容问题;
    @import是在CSS2.1提出的,低版本的浏览器不支持。
  • 4.link支持使用Javascript控制DOM去改变样式;
    @import不支持。

补充:@import最优写法

@import url(style.css) 和@import url(“style.css”)是最优的选择,兼容的浏览器最多。

3.innerhtml和document.write的理解

Javascript 中只能在 HTML 输出流中使用 document.write,在文档已加载后使用它(比如在函数中),会覆盖整个文档
一下内容参考:https://blog.csdn.net/u012309349/article/details/47946869

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题</title>
<script type="text/javascript">
window.onload = function() {
document.write("现有内容");
}
</script>
</head>
<body>
<p>原有内容</p>
<div>原有内容</div>
</body>
</html>

document.write会将页面上的所有内容清除包括标题。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题</title>
<script type="text/javascript">
window.onload = function() {
var testdiv=document.getElementById('testdiv');
testdiv.innerHTML = "<p>I love <em>JavaScript</em>!</p>";
}
</script>
</head>
<body>
<p>原有内容</p>
<div id="testdiv">原有内容</div>
</body>
</html>

innerHTML只会重写所属元素的内容,即<div>元素中的内容。

4.axios成功和失败返回什么,有什么参数

5.抓包工具

6.模拟数据的工具

7.

Doctype的作用?严格模式与混合模式,如何触发者这两种模式,区分它们有何意义?

1.Doctype作用
<!DOCTYPE>声明叫做文件类型定义(DTD),声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。<!DOCTYPE>声明必须在 HTML 文档的第一行,这并不是一个 HTML 标签。
2.严格模式:又称标准模式,是指浏览器按照 W3C 标准解析代码。
3.混合模式:又称怪异模式或兼容模式,是指浏览器用自己的方式解析代码。

4.如何区分:浏览器解析时到底使用严格模式还是混杂模式,与网页中的 DTD 直接相关。

  • 1、如果文档包含严格的 DOCTYPE ,那么它一般以严格模式呈现。(严格 DTD ——严格模式)
  • 2、包含过渡 DTD 和 URI 的 DOCTYPE ,也以严格模式呈现,但有过渡 DTD 而没有 URI (统一资源标识符,就是声明最后的地址)会导致页面以混杂模式呈现。(有 URI 的过渡 DTD ——严格模式;没有 URI 的过渡 DTD ——混杂模式)
  • 3、DOCTYPE 不存在或形式不正确会导致文档以混杂模式呈现。(DTD不存在或者格式不正确——混杂模式)
  • 4、HTML5 没有 DTD ,因此也就没有严格模式与混杂模式的区别,HTML5 有相对宽松的语法,实现时,已经尽可能大的实现了向后兼容。( HTML5 没有严格和混杂之分)

意义:严格模式与混杂模式存在的意义与其来源密切相关,如果说只存在严格模式,那么许多旧网站必然受到影响,如果只存在混杂模式,那么会回到当时浏览器大战时的混乱,每个浏览器都有自己的解析模式。

选择器的权重,继承

浏览器内核