<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[NETZYX的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/NETZYX</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; NETZYX]]></copyright><item><title><![CDATA[简述javascript的作用域和闭包?]]></title><link>https://blog.youkuaiyun.com/NETZYX/article/details/112999756</link><guid>https://blog.youkuaiyun.com/NETZYX/article/details/112999756</guid><author>NETZYX</author><pubDate>Fri, 22 Jan 2021 19:58:07 +0800</pubDate><description><![CDATA[a.	js变量的作用域是指：函数内定义的局部变量只在此函数内有效，而全局变量可以全局有效。
b.	闭包的作用就在于能够改变局部变量的作用域，将值保存下来，但是如果使用不当会造成无法回收变量，引起性能问题，甚至崩溃
c.	http://blog.youkuaiyun.com/gaoshanwudi/article/details/7355794

...]]></description><category></category></item><item><title><![CDATA[JavaScript中的“undefined、null”区别?]]></title><link>https://blog.youkuaiyun.com/NETZYX/article/details/112999747</link><guid>https://blog.youkuaiyun.com/NETZYX/article/details/112999747</guid><author>NETZYX</author><pubDate>Fri, 22 Jan 2021 19:57:32 +0800</pubDate><description><![CDATA[a.	undefined出现的原因是JavaScript引擎不知道这是个什么东西，而对于null，JavaScript引擎识别了它，但是没有被分配内存空间。
b.	undefined的类型就是undefined，而null的类型是object

]]></description><category></category></item><item><title><![CDATA[JavaScript中的“=、==、===”区别？]]></title><link>https://blog.youkuaiyun.com/NETZYX/article/details/112999742</link><guid>https://blog.youkuaiyun.com/NETZYX/article/details/112999742</guid><author>NETZYX</author><pubDate>Fri, 22 Jan 2021 19:57:01 +0800</pubDate><description><![CDATA[a.	=：即赋值运算；
b.	==：判断两个变量是否相同，仅限于值，如果值相同而类型不同，那么JavaScript引擎会在内部做类型转换；
c.	===：判断两个变量是否相同，无论是值还是类型，如果类型不同而值相同，也会返回false，而引擎不会在内部进行转换。

...]]></description><category></category></item><item><title><![CDATA[一次js请求一般情况下有哪些地方会有缓存处理？]]></title><link>https://blog.youkuaiyun.com/NETZYX/article/details/112999713</link><guid>https://blog.youkuaiyun.com/NETZYX/article/details/112999713</guid><author>NETZYX</author><pubDate>Fri, 22 Jan 2021 19:56:29 +0800</pubDate><description><![CDATA[a. 浏览器端存储
b. 浏览器端文件缓存
c. HTTP缓存304
d. 服务器端文件类型缓存
e. 表现层&amp;DOM缓存

]]></description><category></category></item><item><title><![CDATA[请解释一下 JavaScript 的同源策略]]></title><link>https://blog.youkuaiyun.com/NETZYX/article/details/112999680</link><guid>https://blog.youkuaiyun.com/NETZYX/article/details/112999680</guid><author>NETZYX</author><pubDate>Fri, 22 Jan 2021 19:55:57 +0800</pubDate><description><![CDATA[a. 同源策略指的是协议，域名，端口相同
b. 同源策略是一种安全协议
c. 指一段脚本只能读取来自同一来源的窗口和文档的属性

]]></description><category></category></item><item><title><![CDATA[HTTP常见状态码有哪些?]]></title><link>https://blog.youkuaiyun.com/NETZYX/article/details/112999654</link><guid>https://blog.youkuaiyun.com/NETZYX/article/details/112999654</guid><author>NETZYX</author><pubDate>Fri, 22 Jan 2021 19:55:03 +0800</pubDate><description><![CDATA[a.	2开头状态码；2xx (成功)表示成功处理了请求的状态代码；如：200 (成功) 服务器已成功处理了请求。
b.	3开头状态码；3xx (重定向) 表示要完成请求，需要进一步操作。 通常，这些状态代码用来重定向。如：304 (未修改) 自从上次请求后，请求的网页未修改过。 服务器返回此响应时，不会返回网页内容
c.	4开头状态码；4xx(请求错误) 这些状态代码表示请求可能出错，妨碍了服务器的处理；如：400 (错误请求) 服务器不理解请求的语法；403 (禁止) 服务器拒绝请求。404 (未找到) ]]></description><category></category></item><item><title><![CDATA[讲讲输入完网址按下回车，到看到网页这个过程中发生了什么？]]></title><link>https://blog.youkuaiyun.com/NETZYX/article/details/112999635</link><guid>https://blog.youkuaiyun.com/NETZYX/article/details/112999635</guid><author>NETZYX</author><pubDate>Fri, 22 Jan 2021 19:54:35 +0800</pubDate><description><![CDATA[a. 域名解析
b. 发起TCP的3次握手
c. 建立TCP连接后发起http请求
d. 服务器端响应http请求，浏览器得到html代码
e. 浏览器解析html代码，并请求html代码中的资源
f. 浏览器对页面进行渲染呈现给用户

]]></description><category></category></item><item><title><![CDATA[23. 一个页面上有大量的图片（大型电商网站），加载很慢，你有哪些方法优化这些图片的加载，给用户更好的体验[性能优化]]]></title><link>https://blog.youkuaiyun.com/NETZYX/article/details/112999605</link><guid>https://blog.youkuaiyun.com/NETZYX/article/details/112999605</guid><author>NETZYX</author><pubDate>Fri, 22 Jan 2021 19:54:01 +0800</pubDate><description><![CDATA[a. 图片懒加载，滚动到相应位置才加载图片
b. 图片预加载，如果为幻灯片、相册等，将当前展示图片的前一张和后一张优先下载
c. 使用CSSsprite，SVGsprite，Iconfont、Base64等技术，如果图片为css图片的话
d. 如果图片过大，可以使用特殊编码的图片，加载时会先加载一张压缩的特别厉害的缩略图，以提高用户体验

...]]></description><category></category></item><item><title><![CDATA[谈谈你对前端性能优化的理解]]></title><link>https://blog.youkuaiyun.com/NETZYX/article/details/112999567</link><guid>https://blog.youkuaiyun.com/NETZYX/article/details/112999567</guid><author>NETZYX</author><pubDate>Fri, 22 Jan 2021 19:53:21 +0800</pubDate><description><![CDATA[a. 请求数量：合并脚本和样式表，CSS Sprites，拆分初始化负载，划分主域
b. 请求带宽：开启GZip，精简JavaScript，移除重复脚本，图像优化，将icon做成字体
c. 缓存利用：使用CDN，使用外部JavaScript和CSS，添加Expires头，减少DNS查找，配置ETag，使AjaX可缓存
d. 页面结构：将样式表放在顶部，将脚本放在底部，尽早刷新文档的输出
e. 代码校验：避免CSS表达式，避免重定向

...]]></description><category></category></item><item><title><![CDATA[谈谈以前端角度出发做好SEO需要考虑什么？]]></title><link>https://blog.youkuaiyun.com/NETZYX/article/details/112911815</link><guid>https://blog.youkuaiyun.com/NETZYX/article/details/112911815</guid><author>NETZYX</author><pubDate>Fri, 22 Jan 2021 19:52:11 +0800</pubDate><description><![CDATA[a. 了解搜索引擎如何抓取网页和如何索引网页
b. meta标签优化
c. 关键词分析
d. 付费给搜索引擎
e. 链接交换和链接广泛度（Link Popularity）
f. 合理的标签使用

]]></description><category></category></item><item><title><![CDATA[Doctype作用? 严格模式与混杂模式如何区分？它们有何意义? 以及如何触发这2种模式?]]></title><link>https://blog.youkuaiyun.com/NETZYX/article/details/112911792</link><guid>https://blog.youkuaiyun.com/NETZYX/article/details/112911792</guid><author>NETZYX</author><pubDate>Wed, 20 Jan 2021 21:46:54 +0800</pubDate><description><![CDATA[a. 声明位于文档中的最前面，处于标签之前。告知浏览器以何种模式来渲染文档
b. 严格模式的排版和 JS 运作模式是，以该浏览器支持的最高标准运行
c. 在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作
d. DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现
e. 触发严格模式是在Html前申明正确的DTD
f. 触发混杂模式是在Html文档开始不声明DTD，或者在DOCTYPE前加入XML声明

...]]></description><category></category></item><item><title><![CDATA[请说说你对标签语义化的理解？]]></title><link>https://blog.youkuaiyun.com/NETZYX/article/details/112911780</link><guid>https://blog.youkuaiyun.com/NETZYX/article/details/112911780</guid><author>NETZYX</author><pubDate>Wed, 20 Jan 2021 21:46:20 +0800</pubDate><description><![CDATA[a. 去掉或者丢失样式的时候能够让页面呈现出清晰的结构
b. 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重
c. 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页
d. 便于团队开发和维护，语义化更具可读性，遵循W3C标准的团队都遵循这个标准，可以减少差异化

...]]></description><category></category></item><item><title><![CDATA[你知道多少种Doctype文档类型？]]></title><link>https://blog.youkuaiyun.com/NETZYX/article/details/112911758</link><guid>https://blog.youkuaiyun.com/NETZYX/article/details/112911758</guid><author>NETZYX</author><pubDate>Wed, 20 Jan 2021 21:45:19 +0800</pubDate><description><![CDATA[a. 标签可声明三种 DTD 类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档
b. HTML 4.01 规定了三种文档类型：Strict、Transitional 以及 Frameset
c. XHTML 1.0 规定了三种 XML 文档类型：Strict、Transitional 以及 Frameset
d. Standards（标准）模式（也就是严格呈现模式）用于呈现遵循最新标准的网页
e. Quirks（包容）模式（也就是松散呈现模式或者兼容模式）用于呈现为传统浏览器而设计的网页

.]]></description><category></category></item><item><title><![CDATA[HTML与XHTML——二者有什么区别？]]></title><link>https://blog.youkuaiyun.com/NETZYX/article/details/112911748</link><guid>https://blog.youkuaiyun.com/NETZYX/article/details/112911748</guid><author>NETZYX</author><pubDate>Wed, 20 Jan 2021 21:44:42 +0800</pubDate><description><![CDATA[a. XHTML 元素必须被正确地嵌套
b. XHTML 元素必须被关闭
c. 标签名必须用小写字母
d. XHTML 文档必须拥有根元素

]]></description><category></category></item><item><title><![CDATA[请列举几种隐藏元素的方法]]></title><link>https://blog.youkuaiyun.com/NETZYX/article/details/112911699</link><guid>https://blog.youkuaiyun.com/NETZYX/article/details/112911699</guid><author>NETZYX</author><pubDate>Wed, 20 Jan 2021 21:42:19 +0800</pubDate><description><![CDATA[a. visibility: hidden；这个属性只是简单的隐藏某个元素，但是元素占用的空间任然存在
b.  opacity: 0；一个CSS3属性，设置0可以使一个元素完全透明，制作出和visibility一样的效果。与visibility相比，它可以被transition和animate
c. position: absolute；使元素脱离文档流，处于普通文档之上，给它设置一个很大的left负值定位，使元素定位在可见区域之外
d. display: none；元素会变得不可见，并且不会再占用文档的空]]></description><category></category></item><item><title><![CDATA[请列举几种可以清除浮动的方法（至少两种）]]></title><link>https://blog.youkuaiyun.com/NETZYX/article/details/112911677</link><guid>https://blog.youkuaiyun.com/NETZYX/article/details/112911677</guid><author>NETZYX</author><pubDate>Wed, 20 Jan 2021 21:41:35 +0800</pubDate><description><![CDATA[注解：浮动会漂浮于普通流之上，像浮云一样，但是只能左右浮动。正是这种特性，导致框内部由于不存在其他普通流元素了，表现出高度为0（高度塌陷）
a. 添加额外标签，例如
b. 使用br标签和其自身的html属性，例如
c. 父元素设置 overflow：hidden；在IE6中还需要触发hasLayout，例如zoom：1
d. 父元素设置 overflow：auto 属性；同样IE6需要触发hasLayout
e. 父元素也设置浮动
f. 父元素设置display:table
g. 使用:after 伪元素；]]></description><category></category></item><item><title><![CDATA[有哪几项方式可以对一个DOM设置它的CSS样式？]]></title><link>https://blog.youkuaiyun.com/NETZYX/article/details/112911657</link><guid>https://blog.youkuaiyun.com/NETZYX/article/details/112911657</guid><author>NETZYX</author><pubDate>Wed, 20 Jan 2021 21:40:48 +0800</pubDate><description><![CDATA[a. 外部样式表：通过标签引入一个外部css文件
b. 内部样式表：将css代码放在
]]></description><category></category></item><item><title><![CDATA[line-height三种赋值方式有何区别？（带单位、纯数字、百分比）]]></title><link>https://blog.youkuaiyun.com/NETZYX/article/details/112911646</link><guid>https://blog.youkuaiyun.com/NETZYX/article/details/112911646</guid><author>NETZYX</author><pubDate>Wed, 20 Jan 2021 21:40:13 +0800</pubDate><description><![CDATA[a.带单位：px不用计算，em则会使元素以其父元素font-size值为参考来计算自己的行高
b. 纯数字：把比例传递给后代，例如父级行高为1.5，子元素字体为18px，则子元素行高为1.5*18=27px
c. 百分比：将计算后的值传递给后代

...]]></description><category></category></item><item><title><![CDATA[CSS中 link 和@import的区别是什么？]]></title><link>https://blog.youkuaiyun.com/NETZYX/article/details/112911594</link><guid>https://blog.youkuaiyun.com/NETZYX/article/details/112911594</guid><author>NETZYX</author><pubDate>Wed, 20 Jan 2021 21:39:32 +0800</pubDate><description><![CDATA[a. link属于HTML标签，而@import是CSS提供的，且只能加载 CSS
b. 页面被加载时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载
c.  import只在IE5以上才能识别，而link是HTML标签，无兼容问题
d. link方式的样式的权重 高于@import的权重
e. 当使用 Javascript 控制 DOM 去改变样式的时候，只能使用 link 方式，因为 @import 眼里只有 CSS ，不是 DOM 可以控制
f. 合理的标签使用

...]]></description><category></category></item><item><title><![CDATA[谈谈你对CSS布局的理解]]></title><link>https://blog.youkuaiyun.com/NETZYX/article/details/112851976</link><guid>https://blog.youkuaiyun.com/NETZYX/article/details/112851976</guid><author>NETZYX</author><pubDate>Wed, 20 Jan 2021 21:36:35 +0800</pubDate><description><![CDATA[a. 固定布局
b. 流式布局
c. 弹性布局
d. 浮动布局
e. 定位布局
f. margin和padding

]]></description><category></category></item></channel></rss>