![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
沐煜歆羡
这个作者很懒,什么都没留下…
展开
-
HTTP常见状态码有哪些?
a. 2开头状态码;2xx (成功)表示成功处理了请求的状态代码;如:200 (成功) 服务器已成功处理了请求。b. 3开头状态码;3xx (重定向) 表示要完成请求,需要进一步操作。 通常,这些状态代码用来重定向。如:304 (未修改) 自从上次请求后,请求的网页未修改过。 服务器返回此响应时,不会返回网页内容c. 4开头状态码;4xx(请求错误) 这些状态代码表示请求可能出错,妨碍了服务器的处理;如:400 (错误请求) 服务器不理解请求的语法;403 (禁止) 服务器拒绝请求。404 (未找到)原创 2021-01-22 19:55:03 · 89 阅读 · 0 评论 -
讲讲输入完网址按下回车,到看到网页这个过程中发生了什么?
a. 域名解析b. 发起TCP的3次握手c. 建立TCP连接后发起http请求d. 服务器端响应http请求,浏览器得到html代码e. 浏览器解析html代码,并请求html代码中的资源f. 浏览器对页面进行渲染呈现给用户原创 2021-01-22 19:54:35 · 337 阅读 · 0 评论 -
23. 一个页面上有大量的图片(大型电商网站),加载很慢,你有哪些方法优化这些图片的加载,给用户更好的体验[性能优化]
a. 图片懒加载,滚动到相应位置才加载图片b. 图片预加载,如果为幻灯片、相册等,将当前展示图片的前一张和后一张优先下载c. 使用CSSsprite,SVGsprite,Iconfont、Base64等技术,如果图片为css图片的话d. 如果图片过大,可以使用特殊编码的图片,加载时会先加载一张压缩的特别厉害的缩略图,以提高用户体验...原创 2021-01-22 19:54:01 · 191 阅读 · 0 评论 -
谈谈你对前端性能优化的理解
a. 请求数量:合并脚本和样式表,CSS Sprites,拆分初始化负载,划分主域b. 请求带宽:开启GZip,精简JavaScript,移除重复脚本,图像优化,将icon做成字体c. 缓存利用:使用CDN,使用外部JavaScript和CSS,添加Expires头,减少DNS查找,配置ETag,使AjaX可缓存d. 页面结构:将样式表放在顶部,将脚本放在底部,尽早刷新文档的输出e. 代码校验:避免CSS表达式,避免重定向...原创 2021-01-22 19:53:21 · 101 阅读 · 0 评论 -
谈谈以前端角度出发做好SEO需要考虑什么?
a. 了解搜索引擎如何抓取网页和如何索引网页b. meta标签优化c. 关键词分析d. 付费给搜索引擎e. 链接交换和链接广泛度(Link Popularity)f. 合理的标签使用原创 2021-01-22 19:52:11 · 141 阅读 · 0 评论 -
Doctype作用? 严格模式与混杂模式如何区分?它们有何意义? 以及如何触发这2种模式?
a. 声明位于文档中的最前面,处于标签之前。告知浏览器以何种模式来渲染文档b. 严格模式的排版和 JS 运作模式是,以该浏览器支持的最高标准运行c. 在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作d. DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现e. 触发严格模式是在Html前申明正确的DTDf. 触发混杂模式是在Html文档开始不声明DTD,或者在DOCTYPE前加入XML声明...原创 2021-01-20 21:46:54 · 78 阅读 · 0 评论 -
请说说你对标签语义化的理解?
a. 去掉或者丢失样式的时候能够让页面呈现出清晰的结构b. 有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重c. 方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页d. 便于团队开发和维护,语义化更具可读性,遵循W3C标准的团队都遵循这个标准,可以减少差异化...原创 2021-01-20 21:46:20 · 95 阅读 · 1 评论 -
你知道多少种Doctype文档类型?
a. 标签可声明三种 DTD 类型,分别表示严格版本、过渡版本以及基于框架的 HTML 文档b. HTML 4.01 规定了三种文档类型:Strict、Transitional 以及 Framesetc. XHTML 1.0 规定了三种 XML 文档类型:Strict、Transitional 以及 Framesetd. Standards(标准)模式(也就是严格呈现模式)用于呈现遵循最新标准的网页e. Quirks(包容)模式(也就是松散呈现模式或者兼容模式)用于呈现为传统浏览器而设计的网页.原创 2021-01-20 21:45:19 · 198 阅读 · 0 评论 -
HTML与XHTML——二者有什么区别?
a. XHTML 元素必须被正确地嵌套b. XHTML 元素必须被关闭c. 标签名必须用小写字母d. XHTML 文档必须拥有根元素原创 2021-01-20 21:44:42 · 86 阅读 · 1 评论 -
请列举几种隐藏元素的方法
a. visibility: hidden;这个属性只是简单的隐藏某个元素,但是元素占用的空间任然存在b. opacity: 0;一个CSS3属性,设置0可以使一个元素完全透明,制作出和visibility一样的效果。与visibility相比,它可以被transition和animatec. position: absolute;使元素脱离文档流,处于普通文档之上,给它设置一个很大的left负值定位,使元素定位在可见区域之外d. display: none;元素会变得不可见,并且不会再占用文档的空原创 2021-01-20 21:42:19 · 102 阅读 · 0 评论 -
请列举几种可以清除浮动的方法(至少两种)
注解:浮动会漂浮于普通流之上,像浮云一样,但是只能左右浮动。正是这种特性,导致框内部由于不存在其他普通流元素了,表现出高度为0(高度塌陷)a. 添加额外标签,例如b. 使用br标签和其自身的html属性,例如c. 父元素设置 overflow:hidden;在IE6中还需要触发hasLayout,例如zoom:1d. 父元素设置 overflow:auto 属性;同样IE6需要触发hasLayoute. 父元素也设置浮动f. 父元素设置display:tableg. 使用:after 伪元素;原创 2021-01-20 21:41:35 · 107 阅读 · 0 评论 -
有哪几项方式可以对一个DOM设置它的CSS样式?
a. 外部样式表:通过标签引入一个外部css文件b. 内部样式表:将css代码放在原创 2021-01-20 21:40:48 · 94 阅读 · 0 评论 -
line-height三种赋值方式有何区别?(带单位、纯数字、百分比)
a.带单位:px不用计算,em则会使元素以其父元素font-size值为参考来计算自己的行高b. 纯数字:把比例传递给后代,例如父级行高为1.5,子元素字体为18px,则子元素行高为1.5*18=27pxc. 百分比:将计算后的值传递给后代...原创 2021-01-20 21:40:13 · 165 阅读 · 0 评论 -
CSS中 link 和@import的区别是什么?
a. link属于HTML标签,而@import是CSS提供的,且只能加载 CSSb. 页面被加载时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载c. import只在IE5以上才能识别,而link是HTML标签,无兼容问题d. link方式的样式的权重 高于@import的权重e. 当使用 Javascript 控制 DOM 去改变样式的时候,只能使用 link 方式,因为 @import 眼里只有 CSS ,不是 DOM 可以控制f. 合理的标签使用...原创 2021-01-20 21:39:32 · 80 阅读 · 0 评论 -
谈谈你对CSS布局的理解
a. 固定布局b. 流式布局c. 弹性布局d. 浮动布局e. 定位布局f. margin和padding原创 2021-01-20 21:36:35 · 132 阅读 · 0 评论 -
html5有哪些新特性、移除了那些元素?
新特性:a. HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加b. 拖拽释放(Drag and drop) APIc. 语义化更好的内容标签(header,nav,footer,aside,article,section)d. 音频、视频API(audio,video)e. 画布(Canvas) APIf. 地理(Geolocation) APIg. 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失h. sessionSt原创 2021-01-19 20:48:59 · 86 阅读 · 0 评论 -
iframe的优缺点
优点:a. 解决加载缓慢的第三方内容如图标和广告等的加载问题b. iframe无刷新文件上传c. iframe跨域通信缺点:d. iframe会阻塞主页面的Onload事件e. 无法被一些搜索引擎索引到f. 页面会增加服务器的http请求g. 会产生很多页面,不容易管理...原创 2021-01-19 20:46:25 · 84 阅读 · 0 评论 -
简述一下src与href的区别
a. src用于替换当前元素b. href用于在当前文档和引用资源之间确立联系c. src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置d. href是Hypertext Reference的缩写,指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接...原创 2021-01-19 20:32:45 · 81 阅读 · 0 评论 -
请简述盒模型
a. IE6盒子模型与W3C盒子模型b. 文档中的每个元素被描绘为矩形盒子。盒子有四个边界:外边距边界margin, 边框边界border, 内边距边界padding与内容边界contentc. CSS3中有个box-sizing属性可以控制盒子的计算方式d. content-box:padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和。(W3C盒子模型)e. border-box:padding和borde原创 2021-01-19 20:25:48 · 84 阅读 · 0 评论 -
前端页面有哪三层构成,分别是什么?作用是什么?
a. 结构层:由 HTML 或 XHTML 之类的标记语言负责创建,仅负责语义的表达。解决了页面”内容是什么”的问题。b. 表示层:由CSS负责创建,解决了页面“如何显示内容”的问题。c. 行为层:由脚本负责。解决了页面上“内容应该如何对事件作出反应”的问题。...原创 2021-01-19 20:21:26 · 243 阅读 · 0 评论 -
XML 与 HTML 的主要区别?
a. XML是区分大小写字母的,HTML不区分b. 在HTML中,如果上下文清楚地显示出段落或者列表键在何处结尾,那么你可以省略或者之类的结束 标记。在XML中,绝对不能省略掉结束标记HTML:XML:c. 在XML中,拥有单个标记而没有匹配的结束标记的元素必须用一个 / 字符作为结尾。这样分析器就知道不用 查找结束标记了d. 在XML中,属性值必须分装在引号中。在HTML中,引号是可用可不用的e. 在HTML中,可以拥有不带值的属性名。在XML中,所有的属性都必须带有相应的值f. XML是用原创 2021-01-01 18:58:08 · 59 阅读 · 0 评论