《2023年BAT《前端必考面试题》复习资料.pdf》由会员分享，可在线阅读，更多相关《2023年BAT《前端必考面试题》复习资料.pdf（20页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、2023年 BAT最 新 前 端 必 考 面 试 题 复 习 资 料 1、Doctype作 用？严 格 模 式 与 混 杂 模 式 如 何 区 分？它 们 有 何 意 义？(1 1 声 明 位 于 文 档 中 的 最 前 面，处 于 标 签 之 前。告 知 浏 览 器 的 解 析 器，用 什 么 文 档 类 型 规 范 来 解 析 这 个 文 档。(2)、严 格 模 式 的 排 版 和 J S 运 作 模 式 是 以 该 浏 览 器 支 持 的 最 高 标 准 运 行。(3 在 混 杂 模 式 中，页 面 以 宽 松 的 向 后 兼 容 的 方 式 显 示。模 拟 老 式 浏 览 器 的 行
2、为 以 防 止 站 点 无 法 工 作。(4 1 DOCTYPE不 存 在 或 格 式 不 正 确 会 导 致 文 档 以 混 杂 模 式 呈 现。2、行 内 元 素 有 哪 些？块 级 元 素 有 哪 些？(1)C S S规 范 规 定，每 个 元 素 都 有 display属 性，确 定 该 元 素 的 类 型，每 个 元 素 都 有 默 认 的 display值，比 如 div默 认 display属 性 值 为 block”，成 为“块 级”元 素；span默 认 display属 性 值 为 inline”,是“行 内”元 素。(2)行 内 元 素 有：a b span img in
3、put select strong(强 调 的 语 气)块 级 元 素 有：div ul ol li dl dt dd hl h2 h3 h4.p3、link fHimport 的 区 别 是？(1)link属 于 XHTML标 签，而 111011是 CSS提 供 的；(2)页 面 被 加 载 的 时,link会 同 时 被 加 载,而 1011引 用 的 C SS会 等 到 页 面 被 加 载 完 再 加 载；(3)import只 在 IE 5以 上 才 能 识 别，而 link是 XHTML标 签，无 兼 容 问 题；(4)link方 式 的 样 式 的 权 重 高 于 import的
4、权 重.4、浏 览 器 的 内 核 分 别 是 什 么?IE 浏 览 器 的 内 核 Trident,Mozilla 的 Gecko.Chrome 的 Blink(WebKit的 分 支 1 O pera内 核 原 为 Presto,现 为 Blink；5、H TM L5有 哪 些 新 特 性？如 何 处 理 HTM L5新 标 签 的 浏 览 器 兼 容 问 题？如 何 区 分 H T M L和 HTML5?H T M L 5现 在 已 经 不 是 SG M L的 子 集，主 要 是 关 于 图 像，位 置，存 储，多 任 务 等 功 能 的 增 加。绘 画 c a n v a s用 于 媒
5、 介 回 放 的 v id e o和 a u d io元 素 本 地 离 线 存 储 localstorage长 期 存 储 数 据，浏 览 器 关 闭 后 数 据 不 丢 失；sessionStorage的 数 据 在 浏 览 器 关 闭 后 自 动 删 除 语 意 化 更 好 的 内 容 元 素，比 如 article,footer、header、nav、section 表 单 控 件,calendar、date、time、email、url、search 新 的 技 术 webworker,websockt,Geolocation6、对 语 义 化 如 何 理 解？用 正 确 的 标 签
6、 做 正 确 的 事 情！HTML语 义 化 就 是 让 页 面 的 内 容 结 构 化，便 于 对 浏 览 器、搜 索 引 擎 解 析；在 没 有 样 式 C C S情 况 下 也 以 一 种 文 档 格 式 显 示，并 且 是 容 易 阅 读 的。搜 索 引 擎 的 爬 虫 依 赖 于 标 记 来 确 定 上 下 文 和 各 个 关 键 字 的 权 重，利 于 SEO。使 阅 读 源 代 码 的 人 对 网 站 更 容 易 将 网 站 分 块，便 于 阅 读 维 护 理 解。7、HTML5的 离 线 储 存 有 几 种 方 式？localstorage长 期 存 储 数 据，浏 览 器 关
7、 闭 后 数 据 不 丢 失；sessionStorage数 据 在 浏 览 器 关 闭 后 自 动 删 除。8、iframe有 那 些 缺 点？iframe会 阻 塞 主 页 面 的 Onload事 件；iframe和 主 页 面 共 享 连 接 池，而 浏 览 器 对 相 同 域 的 连 接 有 限 制，所 以 会 影 响 页 面 的 并 行 加 载。使 用 iframe之 前 需 要 考 虑 这 两 个 缺 点。如 果 需 要 使 用 iframe,最 好 是 通 过 javascript动 态 给 iframe添 加 src属 性 值，这 样 可 以 可 以 绕 开 以 上 两 个 问
8、 题。9、请 描 述 一 下 cookies,sessionStorage 和 localstorage 的 区 别?cookie在 浏 览 器 和 服 务 器 间 来 回 传 递。sessionStorage和 localstorage不 会 sessionStorage 和 localstorage 的 存 储 空 间 更 大；sessionStorage 和 localStorage 有 更 多 丰 富 易 用 的 接 口；sessionStorage 和 localstorage 各 自 独 立 的 存 储 空 间；10、C S S选 择 符 有 哪 些？哪 些 属 性 可 以 继 承
9、？优 先 级 算 法 如 何 计 算？CSS3新 增 伪 类 有 那 些？l.id 选 择 器(#myid)3.标 签 选 择 器(div,hl,p)5.子 选 择 器(u l l i)7.通 配 符 选 择 器(*)“external)2.类 选 择 器(.myclassname)4.相 邻 选 择 器(hl+p)6.后 代 选 择 器(l i a)8.属 性 选 择 器(arel=可 继 承 的 样 式：font-size font-family color,UL LI DL DD DT;不 可 继 承 的 样 式：border padding margin width height;优
10、先 级 就 近 原 则，同 权 重 情 况 下 样 式 定 义 最 近 者 为 准；载 入 样 式 以 最 后 载 入 的 定 位 为 准；优 先 级 为：!important id class tag important 比 内 联 优 先 级 高 H、CSS3新 增 伪 类 举 例：p:first-of-type选 择 属 于 其 父 元 素 的 首 个 元 素 的 每 个 元 素。p:last-of-type选 择 属 于 其 父 元 素 的 最 后 元 素 的 每 个 元 素。p:only-of-type选 择 属 于 其 父 元 素 唯 一 的 元 素 的 每 个 元 素。p:on
11、ly-ch ild选 择 属 于 其 父 元 素 的 唯 一 子 元 素 的 每 个 元 素。p:nth-child(2)选 择 属 于 其 父 元 素 的 第 二 个 子 元 素 的 每 个 元 素。:enabled:disabled控 制 表 单 控 件 的 禁 用 态。:checked单 选 框 或 复 选 框 被 选 中。12、如 何 居 中 div?如 何 居 中 一 介 浮 动 元 素？给 div设 置 一 个 宽 度,然 后 添 加 margin:。auto属 性 div width:200px;margin:0 auto;居 中 一 个 浮 动 元 素 确 定 容 器 的 宽
12、高 宽 5 0 0 高 3 0 0 的 层 设 置 层 的 外 边 距.div Width:500px;height:300px;高 度 可 以 不 设 Margin:-150px 0 0-250px;position:relative;相 对 定 位 background-color:pink;方 便 看 效 果 left:50%;top:50%;列 出 display的 值，说 明 他 们 的 作 用。position的 值，relative和 absolute定 位 原 点 是？l.b lo c k象 块 类 型 元 素 一 样 显 示。n o n e缺 省 值。象 行 内 元 素 类
13、型 一 样 显 示。inline-block象 行 内 元 素 一 样 显 示，但 其 内 容 象 块 类 型 元 素 一 样 显 示。list-item象 块 类 型 元 素 一 样 显 示，并 添 加 样 式 列 表 标 记。2.a b s o lu te生 成 绝 对 定 位 的 元 素，相 对 于 sta tic定 位 以 外 的 第 一个 父 元 素 进 行 定 位。fixed（老 IE不 支 持）生 成 绝 对 定 位 的 元 素，相 对 于 浏 览 器 窗 口 进 行 定 位。relative 生 成 相 对 定 位 的 元 素，相 对 于 其 正 常 位 置 进 行 定 位。s
14、ta tic默 认 值。没 有 定 位，元 素 出 现 在 正 常 的 流 中*（忽 略 top,bottom,left,right z-index 声 明 inherit规 定 从 父 元 素 继 承 position属 性 的 值。13、为 什 么 要 初 始 化 CSS样 式？因 为 浏 览 器 的 兼 容 问 题，不 同 浏 览 器 对 有 些 标 签 的 默 认 值 是 不 同 的,如 果 没 对 CSS初 始 化 往 往 会 出 现 浏 览 器 之 间 的 页 面 显 示 差 异。当 然，初 始 化 样 式 会 对 S E O有 一 定 的 影 响，但 鱼 和 熊 掌 不 可 兼
15、得，但 力 求 影 响 最 小 的 情 况 下 初 始 化。最 简 单 的 初 始 化 方 法 就 是：*padding:0;margin:0;（不 建 议）淘 宝 的 样 式 初 始 化：body,hl,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td margin:0;padding:0;body,button,input,select,textarea font:12px/1.5tahoma,arial,/5b8b/4f53;hl,h2
16、,h3,h4,h5,h6 font-size:100%;address,cite,dfn,em,var font-style:normal;code,kbd,pre,samp font-family:couriernew,courier,monospace;small font-size:12px;ul,ol list-style:none;a text-decoration:none;a:hover text-decoration:underline;sup vertical-align:text-top;sub vertical-align:text-bottom;Iegend color
17、:#000;fieldset,img border:0;button,input,select,textarea font-size:100%;table border-collapse:collapse;border-spacing:0;14、css定 义 的 权 重 以 下 是 权 重 的 规 则：标 签 的 权 重 为 1,class的 权 重 为 10,i d 的 权 重 为 100,以 下 例 子 是 演 示 各 种 定 义 的 权 重 值：/*权 重 为 l*/div/*权 重 为 10*/.dassl/*权 重 为 100*/#idl/*权 重 为 100+l=101*/#idl
18、 div/*权 重为 10+l=ll*/.classl div/*权 重 为 10+10+1=21*/.classl.class2 d iv 如 果 权 重 相 同，则 最 后 定 义 的 样 式 会 起 作 用，但 是 应 该 避 免 这 种 情 况 出 现 15、CSS3有 哪 些 新 特 性？CSS3 实 现 圆 角(border-radius:8px),阴 影(box-shadow:10px),又 寸 文 字 加 特 效(text-shadow、),线 性 渐 变(gradient),旋 转(transform)transform:rotate(9deg)scale(0.85,0.90
19、)translate(0px,-30px)skew(-9deg,0deg);旋 转，缩 放，定 位，倾 斜 增 加 了 更 多 的 C SS选 择 器 多 背 景 rgba16、介 绍 一 下 C SS的 盒 子 模 型？(1)有 两 种，I E 盒 子 模 型、标 准 W 3 C盒 子 模 型；I E的 content部 分 包 含 了 border和 pading;(2)盒 模 型：内 容(content)、填 充(padding)、边 界(margin)、边 框(border).17.对 W EB标 准 以 及 W 3C的 理 解 与 认 识？标 签 闭 合、标 签 小 写、不 乱 嵌
20、套、提 高 搜 索 机 器 人 搜 索 几 率、使 用 外 链 CSS和 j s脚 本、结 构 行 为 表 现 的 分 离、文 件 下 载 与 页 面 速 度 更 快、内 容 能 被 更 多 的 用 户 所 访 问、内 容 能 被 更 广 泛 的 设 备 所 访 问、更 少 的 代 码 和 组 件，容 易 维 护、改 版 方 便，不 需 要 变 动 页 面 内 容、提 供 打 印 版 本 而 不 需 要 复 制 内 容、提 高 网 站 易 用 性；18.XHTML和 HTML有 什 么 区 别？HTML是 一 种 基 本 的 W E B网 页 设 计 语 言，XHTML是 一 个 基 于 XM
21、L的 置 标 语 言 最 主 要 的 不 同：XH TM L元 素 必 须 被 正 确 地 嵌 套。XH TM L元 素 必 须 被 关 闭。标 签 名 必 须 用 4当 字 母。XH TM L文 档 必 须 拥 有 根 元 素。19.Doctype?严 格 模 式 与 混 杂 模 式-如 何 触 发 这 两 种 模 式，区 分 它 们 有 何 意 义？用 于 声 明 文 档 使 用 那 种 规 范(HTML/XHTML)一 般 为 严 格 过 度 基 于 框 架 的 htm l文 档 加 入 XM1声 明 可 触 发，解 析 方 式 更 改 为 IE 5.5拥 有 IE5.5的 bug20.
22、行 内 元 素 有 哪 些?块 级 元 素 有 哪 些?C SS的 盒 模 型？块 级 元 素：div p hl h2 h3 h4 form ul行 内 元 素：a b br i span input selectCss 盒 模 型:内 容，border,margin,padding21.C SS引 入 的 方 式 有 哪 些？link fnimport的 区 别 是？内 联 内 嵌 外 链 导 入 区 别：同 时 加 载 前 者 无 兼 容 性，后 者 CSS2.1以 下 浏 览 器 不 支 持 L in k支 持 使 用 javascript改 变 样 式，后 者 不 可 22.C SS选
23、 择 符 有 哪 些?哪 些 属 性 可 以 继 承?优 先 级 算 法 如 何 计 算?内 联 和 important哪 个 优 先 级 高？标 签 选 择 符 类 选 择 符 id选 择 符 继 承 不 如 指 定 Idclass标 签 选 择 后 者 优 先 级 高 23.前 端 页 面 有 哪 三 层 构 成，分 别 是 什 么?作 用 是 什 么?结 构 层 H T M L表 示 层 C S S行 为 层 js24.C SS的 基 本 语 句 构 成 是？选 择 器 属 性 1：值 1；属 性 2:值 2;25.你 做 的 页 面 在 哪 些 流 览 器 测 试 过?这 些 浏 览
24、器 的 内 核 分 别 是 什 么？Ie(Ie 内 核)火 狐(G ecko)谷 歌(webkit)opear(Presto)26.写 出 几 种 IE6 BUG的 解 决 方 法 1.双 边 距 BUG float引 起 的 使 用 display2.3像 素 问 题 使 用 float引 起 的 使 用 dis】pay:inline-3px3.超 链 接 h o v er点 击 后 失 效 使 用 正 确 的 书 写 顺 序 link visited hoveractive4.1e z-index 问 题 给 父 级 添 加 position:relative5.P n g透 明 使 用
25、j s代 码 改 6.Min-height 最 小 高 度 Important 解 决，7.select在 ie6下 遮 盖 使 用 iframe嵌 套 8.为 什 么 没 有 办 法 定 义 Ip x左 右 的 宽 度 容 器(IE6默 认 的 行 高 造 成 的，使 用 over:hidden,zoom:0.08 line-height:Ipx)9.ie 6 不 支 持!important27.img标 签 上 title与 a lt属 性 的 区 别 是 什 么？A l t当 图 片 不 显 示 是 用 文 字 代 表。T itle为 该 属 性 提 供 信 息 28.描 述 css r
26、eset的 作 用 和 用 途。Reset重 置 浏 览 器 的 css默 认 属 性 浏 览 器 的 品 种 不 同，样 式 不 同，然 后 重 置，让 他 们 统 一 29.解 释 css sprites,如 何 使 用。C s s精 灵 把 一 堆 小 的 图 片 整 合 到 一 张 大 的 图 片 上，减 轻 服 务 器 对 图 片 的 请 求 数 量 30.浏 览 器 标 准 模 式 和 怪 异 模 式 之 间 的 区 别 是 什 么？盒 子 模 型 渲 染 模 式 的 不 同 使 用 patMode可 显 示 为 什 么 模 式 31.你 如 何 对 网 站 的 文 件 和 资 源
27、 进 行 优 化?期 待 的 解 决 方 案 包 括：文 件 合 并 文 件 最 小 化/文 件 压 缩 使 用 CDN托 管 缓 存 的 使 用 32.什 么 是 语 义 化 的 HTML?直 观 的 认 识 标 签 对 于 搜 索 引 擎 的 抓 取 有 好 处 33.清 除 浮 动 的 几 种 方 式，各 自 的 优 缺 点 1.使 用 空 标 签 清 除 浮 动 clear:both（理 论 上 能 清 楚 任 何 标 签，增 加 无 意 义 的 标 签）2.使 用 overflow:auto（空 标 签 元 素 清 除 浮 动 而 不 得 不 增 加 无 意 代 码 的 弊 端”使
28、用 zoom:l用 于 兼 容 IE）3.是 用 afert伪 元 素 清 除 浮 动（用 于 非 IE浏 览 器）34.javascript的 typeof返 回 哪 些 数 据 类 型 Object number function boolean underfind35.例 举 3 种 强 制 类 型 转 换 和 2种 隐 式 类 型 转 换？强 制(parseInt,parseFloat,number)隐 式(=)36.split0 jo in()的 区 别 前 者 是 切 割 成 数 组 的 形 式，后 者 是 将 数 组 转 换 成 字 符 串 37.数 组 方 法 pop()pus
29、h()unshift()shift()Push()尾 部 添 加 pop。尾 部 删 除 Unshift()头 部 添 加 shift。头 部 删 除 38.事 件 绑 定 和 普 通 事 件 有 什 么 区 别 39.IE和 DOM事 件 流 的 区 别 1.执 行 顺 序 不 一 样、2.参 数 不 一 样 3.事 件 加 不 加 on4.this指 向 问 题 40.IE和 标 准 下 有 哪 些 兼 容 性 的 写 法 Var ev=ev|window.eventdocument.documentElement.clientWidth|document.body.clientWidth
30、Var target=ev.srcElement|ev.target41.ajax请 求 的 时 候 g e t和 post方 式 的 区 别 一 个 在 u rl后 面 一 个 放 在 虚 拟 载 体 里 面有 大 小 限 制 安 全 问 题 应 用 不 同 一 个 是 论 坛 等 只 需 要 请 求 的，一 个 是 类 似 修 改 密 码 的 42.call和 apply的 区 别 Object.call(this,objl,obj2,obj3)Object.apply(this,arguments)43.ajax请 求 时，如 何 解 释 json数 据 使 用 eval p a rse
31、鉴 于 安 全 性 考 虑 使 用 parse更 靠 谱 44.闭 包 是 什 么，有 什 么 特 性，对 页 面 有 什 么 影 响 闭 包 就 是 能 够 读 取 其 他 函 数 内 部 变 量 的 函 数。45.如 何 阻 止 事 件 冒 泡 和 默 认 事 件 canceBubble return false46.添 加 删 除 替 换 插 入 到 某 分 接 点 的 方 法 obj.appendChidl()obj.innersetBeforeobj.replaceChildobj.removeChild47.解 释 jsonp的 原 理，以 及 为 什 么 不 是 真 正 的 aj
32、ax动 态 创 建 script标 签,回 调 函 数 A jax是 页 面 无 刷 新 请 求 数 据 操 作 48.javascript的 本 地 对 象，内 置 对 象 和 宿 主 对 象 本 地 对 象 为 array obj regexp等 可 以 new实 例 化 内 置 对 象 为 gload M a th等 不 可 以 实 例 化 的宿 主 为 浏 览 器 自 带 的 document,window等 49.document load 和 document ready 的 区 别 Document.onload是 在 结 构 和 样 式 加 载 完 才 执 行 jsDocume
33、nt.ready 原 生 种 没 有 这 个 方 法，jquery 中 有$().ready(function)50.“=和=“的 不 同 前 者 会 自 动 转 换 类 型 后 者 不 会 S l.javascript的 同 源 策 略 一 段 脚 本 只 能 读 取 来 自 于 同 一 来 源 的 窗 口 和 文 档 的 属 性，这 里 的 同 一 来 源 指 的 是 主 机 名、协 议 和 端 口 号 的 组 合 52.编 写 一 个 数 组 去 重 的 方 法 function oSort(arr)(var result=;var newArr=|;for(var i=O;iarr.l
34、ength;i+)(if(!resultarr)(newArr.push(arr)resultarr=lreturn newArr)/arr.length;i+)53.你 认 为 最 常 遇 到 的 兼 容 Bug有 哪 些?有 哪 些 问 题 是 你 认 为 解 决 起 来 最麻 烦 的？IE6 PNGIE6 Fixed54.CSS定 位 方 式 有 哪 些?position属 性 的 值 有 哪 些?他 们 之 间 的 区 别 是 什 么？在 CSS 中 关 于 定 位 的 内 容 是：position:relative|absolute|static|fixedsta tic没 有 特
35、别 的 设 定，遵 循 基 本 的 定 位 规 定，不 能 通 过 z-index进 行 层 次 分 级。relative不 脱 离 文 档 流，参 考 自 身 静 态 位 置 通 过 top,bottom,left,right定 位，并 且 可 以 通 过 z-index进 行 层 次 分 级。absolute脱 离 文 档 流,通 过 top,bottom,left,right定 位。选 5 3 D 6其 最 近 的 父 级 定 位 元 素，当 父 级 position为 sta tic时，absolute元 素 将 以 body坐 标 原 点 进 行 定 位，可 以 通 过 z-inde
36、x进 行 层 次 分 级。fix e d固 定 定 位，这 里 他 所 固 定 的 对 像 是 可 视 窗 口 而 并 非 是 body或 是 父 级 元 素。可 通 过 z-index进 行 层 次 分 级。55.函 数 的 几 种 定 义 方 法?function a(),var a=function()56.对 象 的 定 义 方 法？a=new Object(),a=57.类 的 定 义 方 法(prototype)(继 承)Var a=function()a.prototype=new aO；58.th is关 键 字 的 指 向 obj.foo()=obj 方 法 调 用 模 式,
37、this指 向 objfoo()=window;函 数 调 用 模 式,this 指 向 windownew obj.fooO=obj 构 造 器 调 用 模 式,this指 向 新 建 立 对 象 foo.call(obj)=obj;/APPLY 调 用 模 式,this 指 向 obj59.异 步 ajax的 优 缺 点 都 有 什 么?优 点：相 对 于 同 步 ajax:不 会 造 成 U I卡 死，用 户 体 验 好。相 对 于 刷 新 页 面，省 流 量 缺 点：后 退 按 钮 无 效；多 个 请 求 同 时 触 发 时，由 于 回 调 时 间 不 确 定，会 造 成 混 乱，避
38、免 这 种 混 乱 需 要 复 杂 的 判 断 机 制。搜 索 引 擎 不 友 好 数 据 安 全 60、介 绍 j s的 基 本 数 据 类 型。number,string,boolean,object,undefined61、Javascript如 何 实 现 继 承？通 过 原 型 和 构 造 器 62、如 何 创 建 一 个 对 象？(画 出 此 对 象 的 内 存 图)function Person(name,age)this.name=name;this.age=age;this.sing=functionQ alert(this.name)63、谈 谈 This对 象 的 理 解
39、。this是 j s的 一 个 关 键 字，随 着 函 数 使 用 场 合 不 同 仙 is的 值 会 发 生 变 化。但 是 有 一 个 总 原 则，那 就 是 this指 的 是 调 用 函 数 的 那 个 对 象。this一 般情 况 下：是 全 局 对 象 G l o b a l作 为 方 法 调 用，那 么 th is就 是 指 这 个 对 象 64、事 件 是 什 么？IE与 火 狐 的 事 件 机 制 有 什 么 区 别？如 何 阻 止 冒 泡？(1)我 们 在 网 页 中 的 某 个 操 作(有 的 操 作 对 应 多 个 事 件)0 例 如：当 我 们 点 击 一 个 按 钮
40、 就 会 产 生 一 个 事 件。是 可 以 被 JavaScript侦 测 到 的 行 为。(2)事 件 处 理 机 制：IE是 事 件 冒 泡、火 狐 是 事 件 捕 获；(3)ev.stopPropagationO；65、如 何 判 断 一 个 对 象 是 否 属 于 某 个 类？使 用 instanceof(待 完 善)if(a instanceof Person)alert(*yes*);66、Javascript中，有 一 个 函 数，执 行 时 对 象 直 找 时，永 远 不 会 去 直 找 原 型，这 个 函 数 是？hasOwnProperty67、对 J S O N的 了
41、解?JSON(JavaScript Object Notation)是 一 种 轻 量 级 的 数 据 交 换 格 式。它 是 基 于 JavaScript的 一 个 子 集。数 据 格 式 简 单，易 于 读 写，占 用 带 宽/age:12Jname:back68、简 述 一 下 src与 href的 区 别 h r e f是 指 向 网 络 资 源 所 在 位 置，建 立 和 当 前 元 素(锚 点)或 当 前 文 档(链 接)之 间 的 链 接，用 于 超 链 接。s r c是 指 向 外 部 资 源 的 位 置，指 向 的 内 容 将 会 嵌 入 到 文 档 中 当 前 标 签 所
42、在 位 置；在 请 求 src资 源 时 会 将 其 指 向 的 资 源 下 载 并 应 用 到 文 档 内，例 如 j s脚 本，im g图 片 和 frame等 元 素。当 浏 览 器 解 析 到 该 元 素 时，会 暂停 其 他 资 源 的 下 载 和 处 理，直 到 将 该 资 源 加 载、编 译、执 行 完 毕，图 片 和 框 架 等 元 素 也 如 此，类 似 于 将 所 指 向 资 源 嵌 入 当 前 标 签 内。这 也 是 为 什 么 将 j s脚 本 放 在 底 部 而 不 是 头 部。69、简 述 同 步 和 异 步 的 区 别 同 步 是 阻 塞 模 式，异 步 是 非
43、阻 塞 模 式。同 步 就 是 指 一 个 进 程 在 执 行 某 个 请 求 的 时 候，若 该 请 求 需 要 一 段 时 间 才 能 返 回 信 息，那 么 这 个 进 程 将 会 一 直 等 待 下 去，直 到 收 到 返 回 信 息 才 继 续 执 行 下 去；异 步 是 指 进 程 不 需 要 一 直 等 下 去，而 是 继 续 执 行 下 面 的 操 作，不 管 其 他 进 程 的 状 态。当 有 消 息 返 回 时 系 统 会 通 知 进 程 进 行 处 理，这 样 可 以 提 高 执 行 的 效 率。70、p x和 em的 区 别 p x和 e m 都 是 长 度 单 位，区
44、 别 是，p x的 值 是 固 定 的，指 定 是 多 少 就 是 多 少，计 算 匕 堪 交 容 易。em得 值 不 是 固 定 的，并 且 em会 继 承 父 级 元 素 的 字 体 大 小。浏 览 器 的 默 认 字 体 高 都 是 16px。所 以 未 经 调 整 的 浏 览 器 都 符 合:lem=16pxo 那 么 12px=0.75em,10px=0.625em71、什 么 叫 优 雅 降 级 和 渐 进 增 强？渐 进 增 强 progressive enhancement：针 对 低 版 本 浏 览 器 进 行 构 建 页 面，保 证 最 基 本 的 功 能，然 后 再 针
45、对 高 级 浏 览 器 进 行 效 果、交 互 等 改 进 和 追 加 功 能 达 到 更 好 的 用 户 体 验。优 雅 降 级 graceful degradation:一 开 始 就 构 建 完 整 的 功 能，然 后 再 针 对 低 版 本 浏 览 器 进 行 兼 容。区 别：a.优 雅 降 级 是 从 复 杂 的 现 状 开 始，并 试 图 减 少 用 户 体 验 的 供 给 b.渐 进 增 强 则 是 从 一 个 非 常 基 础 的，能 够 起 作 用 的 版 本 开 始，并 不 断 扩 充，以 适 应 未 来 环 境 的 需 要 c.降 级(功 能 衰 减)意 味 着 往 回 看
46、；而 渐 进 增 强 则 意 味 着 朝 前 看，同 时 保 证 其 根 基 处 于 安 全 地 带 72、浏 览 器 的 内 核 分 别 是 什 么？IE:trident 内 核 Firefox:gecko 内 核 Safari：webkit 内 核 Opera：以 前 是 presto 内 核,Opera 现 已 改 用 Google Chrome 的 Blink内 核 Chrome:Blink(基 于 webkit,Google 与 Opera Software 共 同 开 发)73、如 何 消 除 一 个 数 组 里 面 重 复 的 元 素？/方 法 一：var arrl=1,2,2,
47、2,3,3,3,4,5,6,arr2=;for(var i=0,len=arrl.length;i len;i+)if(arr2.indexOf(arrl i)0)arr2.push(arrl i);)document.write(arr2);/1,2,3,4,5,674、在 Javascript中 什 么 是 伪 数 组?如 何 将 伪 数 组 转 化 为 标 准 数 组?伪 数 组(类 数 组)：无 法 直 接 调 用 数 组 方 法 或 期 望 length属 性 有 什 么 特 殊 的 行 为，但 仍 可 以 对 真 正 数 组 遍 历 方 法 来 遍 历 它 们。典 型 的 是 函
48、数 的 argument 参 数，还 有 像 调 用getElementsByTagName,document.childNodes 之 类 的，它 们 都 返 回 NodeList 对 象 都 属 于 伪 数 组。可 以 使 用 Array.prototype.slice.call(fakeArray)?各 数 组 转 化 为 真 正 的 Array 对 象。function log()var args=Array.prototype.slice.call(arguments);为 了 使 用 unshift数 组 方 法，将 argument转 化 为 真 正 的 数 组 args.uns
49、hiftf(app),);console.log.apply(console,args);)；75、Javascript 中 callee 和 caller 的 作 用?caller是 返 回 一 个 对 函 数 的 引 用，该 函 数 调 用 了 当 前 函 数；callee是 返 回 正 在 被 执 行 的 function函 数，也 就 是 所 指 定 的 function对 象 的 正 文。76、请 描 述 一 下 cookies,sessionStorage 和 localstorage 的 区 别 sessionstorage用 于 本 地 存 储 一 个 会 话(session)
50、中 的 数 据，这 些 数 据 只 有 在 同 一 个 会 话 中 的 页 面 才 能 访 问 并 且 当 会 话 结 束 后 数 据 也 随 之 销 毁。因 此 sessionStorage不 是 一 种 持 久 化 的 本 地 存 储，仅 仅 是 会 话 级 别 的 存 储。而 localstorage用 于 持 久 化 的 本 地 存 储，除 非 主 动 删 除 数 据，否 则 数 据 是 永 远 不 会 过 期 的。web storage 和 cookie 的 区 别 Web Storage的 概 念 和 cookie相 似，区 别 是 它 是 为 了 更 大 容 量 存 储 设 计