2020-11-25前端程序员面试秘籍 张容铭著

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,076评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,658评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,732评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,493评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,591评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,598评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,601评论 3 415
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,348评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,797评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,114评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,278评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,953评论 5 339
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,585评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,202评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,442评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,180评论 2 367
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,139评论 2 352

推荐阅读更多精彩内容