<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[beiniao520的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/beiniao520</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; beiniao520]]></copyright><item><title><![CDATA[2017年前端人才市场：一半海水，一半火焰]]></title><link>https://blog.youkuaiyun.com/beiniao520/article/details/80986351</link><guid>https://blog.youkuaiyun.com/beiniao520/article/details/80986351</guid><author>beiniao520</author><pubDate>Tue, 10 Jul 2018 15:08:14 +0800</pubDate><description><![CDATA[一直很热闹的前端人才市场，在刚过去的 2017 年也不太平静。一边是薪水和地位继续见长，前端技术也异常活跃；一边是互联网红利期过后，市场回归理性，找工作艰难的抱怨声四起。看似矛盾的两种情景并存，不禁让人疑惑：这一年，前端程序员们究竟过得怎么样？100offer 在走访了几位今年跳槽的前端开发者和资深行业专家之后，结合数据，给出了我们的答案：初级前端程序员供给泛滥，待遇恶化，犹如浸入冰冷的「海水」；...]]></description><category></category></item><item><title><![CDATA[现代前端开发路线图：从零开始，一步步成为前端工程师]]></title><link>https://blog.youkuaiyun.com/beiniao520/article/details/80986031</link><guid>https://blog.youkuaiyun.com/beiniao520/article/details/80986031</guid><author>beiniao520</author><pubDate>Tue, 10 Jul 2018 14:54:51 +0800</pubDate><description><![CDATA[很多人都想学编程。但是苦于没有具体的步骤和指导。比如想找份前端开发的工作，却不知道应该先学习什么再学习什么，也不知道该选择什么样的工具。因为经常被人问到类似的问题，全栈开发者Kamran Ahmed索性在github上制订了一份现代前端开发的路线图，并且用一篇文章对前端开发的整个学习过程进行了详细解释。感兴趣的初学者不容错过。进入正题之前先交代一下我和这张路线图的背景。过去5年我一直在进行全栈开发...]]></description><category></category></item><item><title><![CDATA[吞吐率（Requests per second），缩写RPS]]></title><link>https://blog.youkuaiyun.com/beiniao520/article/details/80240974</link><guid>https://blog.youkuaiyun.com/beiniao520/article/details/80240974</guid><author>beiniao520</author><pubDate>Tue, 08 May 2018 15:51:53 +0800</pubDate><description><![CDATA[计算公式：吞吐率 = 总请求数 / 处理这些请求的总完成时间
Requests per second = Complete requests / Time taken for tests吞吐率是服务器并发处理能力的量化描述，单位是reqs/s，指的是某个并发用户数下单位时间内处理的请求数。某个并发用户数下单位时间内能处理的最大的请求数，称之为最大吞吐率。QPS、每秒查询率（Query Per Se...]]></description><category></category></item><item><title><![CDATA[程序员你知道吗？代码可读性]]></title><link>https://blog.youkuaiyun.com/beiniao520/article/details/80240752</link><guid>https://blog.youkuaiyun.com/beiniao520/article/details/80240752</guid><author>beiniao520</author><pubDate>Tue, 08 May 2018 15:50:11 +0800</pubDate><description><![CDATA[本文阅读深度为：简单本文全篇阅读时间3分钟首先我们来谈谈它的含义：“可读性”是描述在其他开发人员没有进行太多联想或猜测的情况下就能理解代码的含义。为了让其他的开发者对你的代码“可读”，你需要谨慎选择每个变量命名甚至是参数命名。但是有些东西是普遍存在而且也是受到人为因素的限制的。例如，很少会有开发者去追踪命名不定的变量。启发：变量，类，方法和其他引用是否有明确的名称？或者从开发者本身的角度看，这些开...]]></description><category></category></item><item><title><![CDATA[大学生你不失业天理难容！]]></title><link>https://blog.youkuaiyun.com/beiniao520/article/details/80225649</link><guid>https://blog.youkuaiyun.com/beiniao520/article/details/80225649</guid><author>beiniao520</author><pubDate>Mon, 07 May 2018 14:46:41 +0800</pubDate><description><![CDATA[同学你是否都有这些场景？你是否觉得熟悉上课时：清醒没有发呆的多，发呆没有睡觉的多，睡觉没有玩手机的多；下课时，自修没有吃零食多，吃零食没有看连续剧多，看连续剧没有游戏多。如此这般，就业时的失败怎能不比成功多？考试时：不给范围就不会考试，给了范围也只是复印同学准备的答案。你如果是老板，会雇用你自己这样的员工吗？毕业前：上大学前填报志愿，你说不知道自己的兴趣特长，好吧，大学毕业找工作了，同样不知道自己...]]></description><category></category></item><item><title><![CDATA[15、内元素有哪些？块级元素有哪些？ 空(void)元素有那些？]]></title><link>https://blog.youkuaiyun.com/beiniao520/article/details/80225467</link><guid>https://blog.youkuaiyun.com/beiniao520/article/details/80225467</guid><author>beiniao520</author><pubDate>Mon, 07 May 2018 14:36:45 +0800</pubDate><description><![CDATA[行内元素a、b、span、img、input、strong、select、label、em、button、textarea块级元素div、ul、li、dl、dt、dd、p、h1-h6、blockquote空元素即系没有内容的HTML元素，例如：br、meta、hr、link、input、img参考资料：...]]></description><category></category></item><item><title><![CDATA[16、什么是HTML5？]]></title><link>https://blog.youkuaiyun.com/beiniao520/article/details/80225442</link><guid>https://blog.youkuaiyun.com/beiniao520/article/details/80225442</guid><author>beiniao520</author><pubDate>Mon, 07 May 2018 14:35:36 +0800</pubDate><description><![CDATA[什么是HTML5？？&amp;gt; HTML5是下一代HTML标准。？&amp;gt; HTML，HTML 4.01的上一个版本诞生于1999年。自从那以后，Web世界已经经历了巨变。？&amp;gt; HTML5仍然处于完善之中。然而，大部分现代浏览器已经具备了一些HTML5的支持。？&amp;gt; HTML5的设计目的是为了在移动设备上支持多媒体...]]></description><category></category></item><item><title><![CDATA[14、Quirks模式是什么？它和Standards模式有什么区别?]]></title><link>https://blog.youkuaiyun.com/beiniao520/article/details/80224949</link><guid>https://blog.youkuaiyun.com/beiniao520/article/details/80224949</guid><author>beiniao520</author><pubDate>Mon, 07 May 2018 14:06:08 +0800</pubDate><description><![CDATA[Quirks模式是什么？它和Standards模式有什么区别?从IE6开始，引入了Standards模式，标准模式中，浏览器尝试给符合标准的文档在规范上的正确处理达到在指定浏览器中的程度。在IE6之前CSS还不够成熟，所以IE5等之前的浏览器对CSS的支持很差， IE6将对CSS提供更好的支持，然而这时的问题就来了，因为有很多页面是基于旧的布局方式写的，而如果IE6 支持CSS则将令这些页面显示不...]]></description><category></category></item><item><title><![CDATA[13、行内元素、块级元素、空元素都有哪些?]]></title><link>https://blog.youkuaiyun.com/beiniao520/article/details/80224911</link><guid>https://blog.youkuaiyun.com/beiniao520/article/details/80224911</guid><author>beiniao520</author><pubDate>Mon, 07 May 2018 14:04:50 +0800</pubDate><description><![CDATA[行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？行内元素a、b、span、img、input、strong、select、label、em、button、textarea块级元素div、ul、li、dl、dt、dd、p、h1-h6、blockquote空元素即系没有内容的HTML元素，例如：br、meta、hr、link、input、img参考资料：MDN: 行内元素MDN: 块级元素...]]></description><category></category></item><item><title><![CDATA[12、iframe有那些缺点？]]></title><link>https://blog.youkuaiyun.com/beiniao520/article/details/80224897</link><guid>https://blog.youkuaiyun.com/beiniao520/article/details/80224897</guid><author>beiniao520</author><pubDate>Mon, 07 May 2018 14:03:40 +0800</pubDate><description><![CDATA[href和src的区别hrefhref (Hypertext Reference)指定网络资源的位置，从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系。目的不是为了引用资源，而是为了建立联系，让当前标签能够链接到目标地址。srcsource（缩写），指向外部资源的位置，指向的内容将会应用到文档中当前标签所在位置。请求资源类型不同（1）href 指向网络资源所在位...]]></description><category></category></item><item><title><![CDATA[11、iframe有那些缺点？]]></title><link>https://blog.youkuaiyun.com/beiniao520/article/details/80224816</link><guid>https://blog.youkuaiyun.com/beiniao520/article/details/80224816</guid><author>beiniao520</author><pubDate>Mon, 07 May 2018 14:01:55 +0800</pubDate><description><![CDATA[iframe中有哪些缺点？iframe中会阻塞主页面的的Onload事件（过多会增加服务器的HTTP请求）;搜索引擎的检索程序无法解读这种页面，不利于搜索引擎优化;页面样式调试麻烦，出现多个滚动条;浏览器的后退按钮失效产生多个页面，不易管理不容易打印IFRAME和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载。使用iframe中之前需要考虑这两个缺点。如果需要使用ifra...]]></description><category></category></item><item><title><![CDATA[10、如何实现浏览器内多个标签页之间的通信?]]></title><link>https://blog.youkuaiyun.com/beiniao520/article/details/80136752</link><guid>https://blog.youkuaiyun.com/beiniao520/article/details/80136752</guid><author>beiniao520</author><pubDate>Sat, 28 Apr 2018 16:36:43 +0800</pubDate><description><![CDATA[如何实现浏览器内多个标签页之间的通信？（阿里）WebSocket的，SharedWorker;也可以调用localstorge，饼干等本地存储方式;localstorge另一个浏览上下文里被添加，修改或删除时，它都会触发一个事件我们通过监听事件，控制它的值来进行页面信息通信;注意quirks：Safari在无痕模式下设置localstorge值时会抛出QuotaExceededError的异常;使...]]></description><category></category></item><item><title><![CDATA[9、webSocket如何兼容低浏览器？]]></title><link>https://blog.youkuaiyun.com/beiniao520/article/details/80136738</link><guid>https://blog.youkuaiyun.com/beiniao520/article/details/80136738</guid><author>beiniao520</author><pubDate>Sat, 28 Apr 2018 16:34:31 +0800</pubDate><description><![CDATA[webSocket如何兼容低浏览器？(阿里)Adobe Flash SocketActiveX HTMLFile (IE)基于 multipart 编码发送 XHR基于长轮询的 XHR]]></description><category></category></item><item><title><![CDATA[8、介绍一下你对浏览器内核的理解？]]></title><link>https://blog.youkuaiyun.com/beiniao520/article/details/80136706</link><guid>https://blog.youkuaiyun.com/beiniao520/article/details/80136706</guid><author>beiniao520</author><pubDate>Sat, 28 Apr 2018 16:32:23 +0800</pubDate><description><![CDATA[介绍一下你对浏览器内核的理解？主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网...]]></description><category></category></item><item><title><![CDATA[7、介绍一下你对浏览器内核的理解？]]></title><link>https://blog.youkuaiyun.com/beiniao520/article/details/80136647</link><guid>https://blog.youkuaiyun.com/beiniao520/article/details/80136647</guid><author>beiniao520</author><pubDate>Sat, 28 Apr 2018 16:28:33 +0800</pubDate><description><![CDATA[主要分成两部分：渲染引擎(layout engineer或Rendering Engine)和JS引擎。渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所有网页浏览器、电子邮件客户端以及其它需要编辑、显示网络内容的应用程序都需要内核。J...]]></description><category></category></item><item><title><![CDATA[6、常见的浏览器内核有哪些？]]></title><link>https://blog.youkuaiyun.com/beiniao520/article/details/80116780</link><guid>https://blog.youkuaiyun.com/beiniao520/article/details/80116780</guid><author>beiniao520</author><pubDate>Sat, 28 Apr 2018 09:54:32 +0800</pubDate><description><![CDATA[常见的浏览器内核有哪些？Trident内核：IE，MaxThon，TT，The World，360，搜狗浏览器等。[又称MSHTML]Gecko内核：NETSCAPE6及以上版本，FF，MozillaSuite / SeaMonkey的等Presto内核：Opera7及以上。[Opera内核原为：Presto，现为：Blink;]Webkit内核：Safari，Chrome等。[Chrome的：B...]]></description><category></category></item><item><title><![CDATA[5、HTML全局属性（全局属性）有哪些？]]></title><link>https://blog.youkuaiyun.com/beiniao520/article/details/80116700</link><guid>https://blog.youkuaiyun.com/beiniao520/article/details/80116700</guid><author>beiniao520</author><pubDate>Sat, 28 Apr 2018 09:52:33 +0800</pubDate><description><![CDATA[HTML全局属性（全局属性）有哪些？accesskey：设置快捷键，提供快速访问元素如aaa在windows下的firefox中按alt + shift + a可激活元素类：为元素设置类标识，多个类名用空格分开，CSS和JavaScript的可通过类属性获取元素contenteditable：指定元素内容是否可编辑contextmenu：自定义鼠标右键弹出菜单内容data- *：为元素增加自定义属...]]></description><category></category></item><item><title><![CDATA[4、cookie、sessionSttorage、localStory区别]]></title><link>https://blog.youkuaiyun.com/beiniao520/article/details/80116663</link><guid>https://blog.youkuaiyun.com/beiniao520/article/details/80116663</guid><author>beiniao520</author><pubDate>Sat, 28 Apr 2018 09:51:45 +0800</pubDate><description><![CDATA[cookie、sessionSttorage、localStory区别cookie、sessionSttorage、localStory都是在客户端以键值对存储的存储机制，并且只能将值存储为字符串 cookielocalStoragesessionStorage由谁初始化客户端或服务器，服务器可以使用Set-Cookie请求头。客户端客户端过期时间手动设置永不过期当前页面关闭时在当前浏览器会话（b...]]></description><category></category></item><item><title><![CDATA[3、Doctype的文档类型]]></title><link>https://blog.youkuaiyun.com/beiniao520/article/details/80116618</link><guid>https://blog.youkuaiyun.com/beiniao520/article/details/80116618</guid><author>beiniao520</author><pubDate>Sat, 28 Apr 2018 09:50:08 +0800</pubDate><description><![CDATA[Doctype作用? 严格模式与混杂模式如何区分？有何意义？声明必须是 HTML 文档的第一行，位于 标签之前.声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以...]]></description><category></category></item><item><title><![CDATA[2、Html的语义化]]></title><link>https://blog.youkuaiyun.com/beiniao520/article/details/80116582</link><guid>https://blog.youkuaiyun.com/beiniao520/article/details/80116582</guid><author>beiniao520</author><pubDate>Sat, 28 Apr 2018 09:49:22 +0800</pubDate><description><![CDATA[Html的语义化语义化的HTML就是正确的标签做正确的事情，能够便于开发者阅读和写出更优雅的代码的同时让网络爬虫很好地解析。1、为了在没有css代码时，也能呈现很好的内容结构，代码结构，以至于达到没有编程基础的非技术人员，也能看懂一二。（其实，就是为了不穿CSS外衣，裸奔依然好看）。2、提高用户体验，比如：title，alt用于解释名词和图片信息。3、利于SEO，语义化能和搜索引擎建立良好的联系，...]]></description><category></category></item></channel></rss>