发表于

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 没有严格和混杂之分）

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

选择器的权重，继承

浏览器内核

发表于 | 分类于

先占个坑。以后试验了之后再来填坑。

发表于 | 分类于

之前虽然有看过一些文档和视频来讲解es6的语法。但是在项目中一般都没有使用过。应该是还是不太熟悉，没有真实的感受到es6的好处和便利。看了一小部分本课程的第4章之后。觉得以前真的是太肤浅了。es6真的是超级便利的，对前端开发人员来说真的是太友好了。

阅读全文 »