![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
m0_46195627
这个作者很懒,什么都没留下…
展开
-
2021-01-06
28.请解释一下 JavaScript 的同源策略 a. 同源策略指的是协议,域名,端口相同 b. 同源策略是一种安全协议 c. 指一段脚本只能读取来自同一来源的窗口和文档的属性原创 2021-01-06 13:30:42 · 47 阅读 · 0 评论 -
2021-01-06
27.浏览器的内核分别是什么? a. Mozilla的Gecko b. Chrome的Blink(WebKit的分支) c. Opera内核原为Presto,现为Blink d. IE浏览器的内核Trident原创 2021-01-06 13:28:47 · 47 阅读 · 0 评论 -
2021-01-06
26.列举IE与其他浏览器不一样的特性? a. IE的排版引擎是Trident (又称为MSHTML) b. Trident内核曾经几乎与W3C标准脱节(2005年) c. Trident内核的大量 Bug等安全性问题没有得到及时解决 d. JS方面,有很多独立的方法,例如绑定事件的attachEvent、创建事件的createEventObject等 e. CSS方面,也有自己独有的处理方式,例如设置透明,低版本IE中使用滤镜的方式 ...原创 2021-01-06 13:27:54 · 37 阅读 · 0 评论 -
2021-01-06
25.http常见状态码有哪些? a.2开头状态码;2xx (成功)表示成功处理了请求的状态代码;如:200 (成功) 服务器已成功处理了请求。 b.3开头状态码;3xx (重定向) 表示要完成请求,需要进一步操作。 通常,这些状态代码用来重定向。如:304 (未修改) 自从上次请求后,请求的网页未修改过。 服务器返回此响应时,不会返回网页内容 c.4开头状态码;4xx(请求错误) 这些状态代码表示请求可能出错,妨碍了服务器的处理;如:400 (错误请求) 服务器不理解请求的语法;403 (禁止) 服务器拒原创 2021-01-06 13:27:08 · 40 阅读 · 0 评论 -
.一个页面上有大量的图片(大型电商网站),加载很慢,你有哪些方法优化这些图片的加载,给用户更好的体验[性能优化]
24.讲讲输入完网址按下回车,到看到网页这个过程中发生了什么? a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端响应http请求,浏览器得到html代码 e. 浏览器解析html代码,并请求html代码中的资源 f. 浏览器对页面进行渲染呈现给用户 ...原创 2021-01-06 13:26:28 · 95 阅读 · 0 评论 -
22.谈谈你对前端性能优化的理解
22.谈谈你对前端性能优化的理解 a. 请求数量:合并脚本和样式表,CSS Sprites,拆分初始化负载,划分主域 b. 请求带宽:开启GZip,精简JavaScript,移除重复脚本,图像优化,将icon做成字体 c. 缓存利用:使用CDN,使用外部JavaScript和CSS,添加Expires头,减少DNS查找,配置ETag,使AjaX可缓存 d. 页面结构:将样式表放在顶部,将脚本放在底部,尽早刷新文档的输出 e. 代码校验:避免CSS表达式,避免重定向 ...原创 2021-01-05 12:53:33 · 45 阅读 · 0 评论 -
谈谈以前端角度出发做好SEO需要考虑什么?
21.谈谈以前端角度出发做好SEO需要考虑什么? a. 了解搜索引擎如何抓取网页和如何索引网页 b. meta标签优化 c. 关键词分析 d. 付费给搜索引擎 e. 链接交换和链接广泛度(Link Popularity) f. 合理的标签使用 ...原创 2021-01-05 12:53:01 · 192 阅读 · 0 评论 -
Doctype作用? 严格模式与混杂模式如何区分?它们有何意义? 以及如何触发这2种模式?
19.Doctype作用? 严格模式与混杂模式如何区分?它们有何意义? 以及如何触发这2种模式? a. 声明位于文档中的最前面,处于标签之前。告知浏览器以何种模式来渲染文档 b. 严格模式的排版和 JS 运作模式是,以该浏览器支持的最高标准运行 c. 在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作 d. DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现 e. 触发严格模式是在Html前申明正确的DTD f. 触发混杂模式是在Html文档开始不声明DTD,或者在D原创 2021-01-05 12:51:48 · 49 阅读 · 0 评论 -
你知道多少种Doctype文档类型?
18.你知道多少种Doctype文档类型? a. 标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档 b. HTML 4.01 规定了三种文档类型:Strict、Transitional 以及 Frameset c. XHTML 1.0 规定了三种 XML 文档类型:Strict、Transitional 以及 Frameset d. Standards(标准)模式(也就是严格呈现模式)用于呈现遵循最新标准的网页 e. Quirks(包容)模式(也就是松散呈现模式或者兼容原创 2021-01-05 12:51:08 · 246 阅读 · 0 评论 -
HTML与XHTML——二者有什么区别?
17.HTML与XHTML——二者有什么区别? a. XHTML 元素必须被正确地嵌套 b. XHTML 元素必须被关闭 c. 标签名必须用小写字母 d. XHTML 文档必须拥有根元素原创 2021-01-05 12:50:38 · 57 阅读 · 0 评论 -
解释下 CSS sprites原理,优缺点
16.解释下 CSS sprites原理,优缺点 原理: a. CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中,再利用CSS的“background-image”,“background- repeat”,“background-position”的组合进行背景定位,background-position可以用数字精确的定位出背景图片的位置。 优点: b. 减少网页的http请求 c. 减少图片的字节 d. 解决了网页设计师在图片命名上的困扰,只需对一张集合的图片上命名就可以了,不需原创 2021-01-05 12:50:06 · 98 阅读 · 0 评论 -
请列举几种隐藏元素的方法
15.请列举几种隐藏元素的方法 a. visibility: hidden;这个属性只是简单的隐藏某个元素,但是元素占用的空间任然存在 b. opacity: 0;一个CSS3属性,设置0可以使一个元素完全透明,制作出和visibility一样的效果。与visibility相比,它可以被transition和animate c. position: absolute;使元素脱离文档流,处于普通文档之上,给它设置一个很大的left负值定位,使元素定位在可见区域之外 d. display: none原创 2021-01-05 12:49:28 · 193 阅读 · 0 评论 -
.请列举几种可以清除浮动的方法(至少两种)
14.请列举几种可以清除浮动的方法(至少两种) 注解:浮动会漂浮于普通流之上,像浮云一样,但是只能左右浮动。正是这种特性,导致框内部由于不存在其他普通流元素了,表现出高度为0(高度塌陷) a. 添加额外标签,例如 b. 使用br标签和其自身的html属性,例如 c. 父元素设置 overflow:hidden;在IE6中还需要触发hasLayout,例如zoom:1 d. 父元素设置 overflow:auto 属性;同样IE6需要触发hasLayout e. 父元素也设置浮动 f. 父元素设置displa原创 2021-01-05 12:48:40 · 466 阅读 · 0 评论 -
有哪几项方式可以对一个DOM设置它的CSS样式?
13.有哪几项方式可以对一个DOM设置它的CSS样式? a. 外部样式表:通过标签引入一个外部css文件 b. 内部样式表:将css代码放在原创 2021-01-05 12:47:57 · 91 阅读 · 0 评论 -
10.请简述CSS的选择器
10.请简述CSS的选择器 a. 元素选择器:* 、E、 E#id、 E.class b. 关系选择器:E、F、E>F、E+F、E~F c. 属性选择器:E[att]、E[att=“val”]、E[att~=“val”]、E[att^=“val”]、E[att$=“val”]、E[att*=“val”]、E[att|=“val”] d. 伪类选择器:E:link、E:visited、E:hover、E:active、E:focus、E:lang(fr)、E:not(s)、E:root、E:first-原创 2021-01-04 19:02:52 · 82 阅读 · 0 评论 -
述CSS样式表继承
9.述CSS样式表继承 a. CSS样式表继承指的是,特定的CSS属性向下传递到子孙元素,会被继承下去的属性: b.文本相关:font-family,font-size, font-style,font-variant,font-weight, font,letter-spacing,line-height,color c. 列表相关:list-style-image,list-style-position,list-style-type, list-style ...原创 2021-01-04 19:02:12 · 36 阅读 · 0 评论 -
8.谈谈你对CSS布局的理解
8.谈谈你对CSS布局的理解 a. 固定布局 b. 流式布局 c. 弹性布局 d. 浮动布局 e. 定位布局 f. margin和padding原创 2021-01-04 19:01:36 · 150 阅读 · 0 评论 -
7.html5有哪些新特性、移除了那些元素?(扩展)
7.html5有哪些新特性、移除了那些元素?(扩展) 新特性: a. HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加 b. 拖拽释放(Drag and drop) API c. 语义化更好的内容标签(header,nav,footer,aside,article,section) d. 音频、视频API(audio,video) e. 画布(Canvas) API f. 地理(Geolocation) API g. 本地离线存储 localStorage 长期存储原创 2021-01-04 19:01:02 · 43 阅读 · 0 评论 -
.iframe的优缺点
6.iframe的优缺点 优点: a. 解决加载缓慢的第三方内容如图标和广告等的加载问题 b. iframe无刷新文件上传 c. iframe跨域通信 缺点: d. iframe会阻塞主页面的Onload事件 e. 无法被一些搜索引擎索引到 f. 页面会增加服务器的http请求 g. 会产生很多页面,不容易管理 ...原创 2021-01-04 19:00:07 · 69 阅读 · 0 评论 -
请阐述table的缺点
5.请阐述table的缺点 a. 太深的嵌套,比如table>tr>td>h3,会导致搜索引擎读取困难,而且,最直接的损失就是大大增加了冗余代码量 b. 灵活性差,比如要将tr设置border等属性,是不行的,得通过td c. 代码臃肿,当在table中套用table的时候,阅读代码会显得异常混乱 d. 混乱的colspan与rowspan,用来布局时,频繁使用他们会造成整个文档顺序混乱 e. 不够语义 ...原创 2021-01-04 18:59:03 · 75 阅读 · 0 评论 -
简述一下src与href的区别
4.简述一下src与href的区别 a.src用于替换当前元素 b.href用于在当前文档和引用资源之间确立联系 c.src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置 href是Hypertext Reference的缩写,指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接 ...原创 2021-01-04 18:58:21 · 66 阅读 · 0 评论 -
3.<img>标签上title属性与alt属性的区别是什么?
3.标签上title属性与alt属性的区别是什么? a. 12alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。且长度必须少于100个英文字符或者用户必须保证替换文字尽可能的短, 下·不支持图像显示或者图像显示被关闭的浏览器的用户,视觉障碍的用户和使用屏幕阅读器的用户等 b. title属性为设置该属性的元素提供建议性的信息。使用title属性提供非本质的额外信息 ...原创 2021-01-04 18:57:40 · 102 阅读 · 0 评论 -
2.请简述盒模型
2.请简述盒模型 a.IE6盒子模型与W3C盒子模型 b.文档中的每个元素被描绘为矩形盒子。盒子有四个边界:外边距边界margin, 边框边界border, 内边距边界padding与内容边界content c.CSS3中有个box-siwzing属性可以控制盒子的计算方式 d.content-box:padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和。(W3C盒子模型) e.border-box:padding和原创 2021-01-04 18:57:07 · 80 阅读 · 0 评论 -
1.前端页面有哪三层构成,分别是什么?作用是什么?
1.前端页面有哪三层构成,分别是什么?作用是什么? a.结构层:由 HTML 或 XHTML 之类的标记语言负责创建,仅负责语义的表达。解决了页面”内容是什么”的问题。 b.表示层:由CSS负责创建,解决了页面“如何显示内容”的问题。 c.行为层:由脚本负责。解决了页面上“内容应该如何对事件作出反应”的问题。 ...原创 2021-01-04 18:56:25 · 316 阅读 · 0 评论