nkandkn

2021年1月8日

摘要： 2开头状态码；2xx (成功)表示成功处理了请求的状态代码；如：200 (成功) 服务器已成功处理了请求。 3开头状态码；3xx (重定向) 表示要完成请求，需要进一步操作。通常，这些状态代码用来重定向。如：304 (未修改) 自从上次请求后，请求的网页未修改过。服务器返回此响应时，不会返回网页阅读全文

posted @ 2021-01-08 13:27 nkandkn 阅读(2774) 评论(0) 推荐(0) 编辑

讲讲输入完网址按下回车，到看到网页这个过程中发生了什么？

摘要： a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端响应http请求，浏览器得到html代码 e. 浏览器解析html代码，并请求html代码中的资源 f. 浏览器对页面进行渲染呈现给用户阅读全文

posted @ 2021-01-08 13:26 nkandkn 阅读(196) 评论(0) 推荐(0) 编辑

2021年1月7日

一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验[性能优化]

摘要： a. 图片懒加载，滚动到相应位置才加载图片 b. 图片预加载，如果为幻灯片、相册等，将当前展示图片的前一张和后一张优先下载 c. 使用CSSsprite，SVGsprite，Iconfont、Base64等技术，如果图片为css图片的话 d. 如果图片过大，可以使用特殊编码的图片，加载时会先加载一张阅读全文

posted @ 2021-01-07 13:45 nkandkn 阅读(322) 评论(0) 推荐(0) 编辑

谈谈你对前端性能优化的理解

摘要： a. 请求数量：合并脚本和样式表，CSS Sprites，拆分初始化负载，划分主域 b. 请求带宽：开启GZip，精简JavaScript，移除重复脚本，图像优化，将icon做成字体 c. 缓存利用：使用CDN，使用外部JavaScript和CSS，添加Expires头，减少DNS查找，配置ETag 阅读全文

posted @ 2021-01-07 13:43 nkandkn 阅读(276) 评论(0) 推荐(0) 编辑

谈谈以前端角度出发做好SEO需要考虑什么？

摘要： a. 了解搜索引擎如何抓取网页和如何索引网页 b. meta标签优化 c. 关键词分析 d. 付费给搜索引擎 e. 链接交换和链接广泛度（Link Popularity） f. 合理的标签使用阅读全文

posted @ 2021-01-07 13:42 nkandkn 阅读(205) 评论(0) 推荐(0) 编辑

请说说你对标签语义化的理解？

摘要： a. 去掉或者丢失样式的时候能够让页面呈现出清晰的结构 b. 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重 c. 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页 d. 便于团队开发和维护，语义化更具可读阅读全文

posted @ 2021-01-07 13:41 nkandkn 阅读(183) 评论(0) 推荐(0) 编辑

你知道多少种Doctype文档类型？

摘要： a. 标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档 b. HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset c. XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 阅读全文

posted @ 2021-01-07 13:39 nkandkn 阅读(436) 评论(0) 推荐(0) 编辑

HTML与XHTML——二者有什么区别？

摘要： a. XHTML 元素必须被正确地嵌套 b. XHTML 元素必须被关闭 c. 标签名必须用小写字母 d. XHTML 文档必须拥有根元素阅读全文

posted @ 2021-01-07 13:37 nkandkn 阅读(227) 评论(0) 推荐(0) 编辑

解释下 CSS sprites原理，优缺点

摘要：原理： a. CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位阅读全文

posted @ 2021-01-07 13:35 nkandkn 阅读(93) 评论(0) 推荐(0) 编辑

请列举几种隐藏元素的方法

摘要： a. visibility: hidden；这个属性只是简单的隐藏某个元素，但是元素占用的空间任然存在 b. opacity: 0；一个CSS3属性，设置0可以使一个元素完全透明，制作出和visibility一样的效果。与visibility相比，它可以被transition和animate c. 阅读全文

posted @ 2021-01-07 13:34 nkandkn 阅读(237) 评论(0) 推荐(0) 编辑

公告