1.HTML基础
DocTpye有什么作用，区分严格模式和混杂模式有何意义##
<!DCCTYPE>生命位于文档的最前面，位于<html>标签之前，即告知浏览器用什么文档规范来解析这个文档，DOCTYPE不存在或者格式不正确都会导致文档以混杂模式呈现。
<a herf=" " target="frame_name" > 的作用##
<frameset cols="100,*">
<frame src="toc.html">
<frame src="pref.html" name="view_frame">
</frameset>
toc.html页面代码
<h3>Table of Contents</h3>
<ul>
<li><a href="pref.html" target="view_frame">Preface</a></li>
<li><a href="chap1.html" target="view_frame">Chapter 1</a></li>
<li><a href="chap2.html" target="view_frame">Chapter 2</a></li>
<li><a href="chap3.html" target="view_frame">Chapter 3</a></li>
</ul>
这样链接指向的页面就会在指定的框架中显示，上面demo就是一直显示在名字为view_frame 的框架中
清除浮动的几种方法##
<style>
.box1 {
background-color: blueviolet;
}
.box2 {
background-color: chocolate;
}
p{
width: 100px;
float: left
}
.clearfix::after{
content:"";
display: block;
clear: both;
}
</style>
</head>
<body>
<div class="box1 clearfix">
<p>1</p>
<p>2</p>
<p>3</p>
</div>
<div class="box2">
<p>4</p>
<p>5</p>
<p>6</p>
</div>
</body>
- 设置父元素高度 .box1 .box2
- 为父元素设置overflow:hidden,让父元素高度自动撑开
- 外墙法：在父元素外面比如在box1,和box2之间添加一个块元素
- 内墙法：在父元素内部的最后一个元素添加一个块级元素，设置属性 clear:both,在box1之中添加一个div
- 为父元素添加一个伪类元素 ：：after
- 使用通用类 clearfix 这也是最推荐使用的方法，右侧代码就是用的这种方法
元素定位
relative相对定位中的相对是相对于静态定位的static
浏览器缓存文件manifest
CACHE MANIFESE //所有缓存文件必须以cahce manifest开头
# version 1.0
cache: //那些页面进行缓存
1.css
2.css
network: //那些页面不进行缓存
login.php
如何在html页面中进行引用
<html manifest="test.manifest">
2.css3新特性
css3新增伪类(舒淇)##
p:fist-of-type:选择属于其父元素的第一个类型为<p>元素的每一个<p>元素
p:first-child：选择属于其父元素的第一元素为<p>元素的每一个<p>元素
<div>
<p></p>
<span></span>
</div>
p:first-child 匹配到p元素，因为p元素是div 的第一个子元素
p:first-of-type匹配到p元素，因为p第div所有p类型元素的第一个
span:first-chile 匹配不到span元素，因为span是div的第二个元素
.background-clip,bakcground-origin,background-position如何使用##
background-clip：决定背景的绘制区域
padding-box,border-box,content-box
bakcground-position:相对于background-origin所规定的的位置作为起始点，进行绘制
backgound-origin:规定background-position的起始位置，值包含有：
border-box,padding-box,content-box,一般情况下，background-clip和background-origin 都是对应的。
3.js面试题
1.null 和 undefined
null转化为数值是0，undefined转化为数值 NAN
attrribute 和 property的区别
attribute 是dom元素在文档中作为html标签所拥有的的属性
property是dom元素在js中作为对象所拥有的的属性
对于标准属性来说，attribute和property是同步的，会自动更新，但是对于自定义属性来说，他们不是同步的。
js对象继承的几种方法
- 构造函数继承：在子类的作用域上执行父类的构造函数，并传递参数，构造函数继承虽然解决了对父类构造函数的复用问题，但是没有更改原型。无法继承父类原型链上的属性和方法
- 原型链继承：是指将父类的实例化对象添加给子类的原型。子类可以使用父类原型链上的属性和方法，但是子类实例化时无法复用父类的构造函数。
- 组合式继承：使用原型链继承实现对原型链上的属性和方法继承，同时通过构造函数继承来显示对实例属性的继承。
- 寄生继承:寄生式继承只是对原型链继承进行了优化，子类的原型的构造函数=子类，寄生式继承也无法继承父类的构造函数的实例属性
var inherit=(function(){
function F(){};
return funciton(sub,)
})()
-
混合使用构造函数和寄生式继承的组合继承
-
原子继承：使用 子对象=Object.create(父对象)来实现继承
-
直接使用对象继承： Object.setPrototypeOf(子对象，父对象) 这种发放等同于
子对象.__ proto__=父对象 或者父类构造函数原型 Function.prototype
网友评论