<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[CODEHTML]]></title><description><![CDATA[前端技术分享交流，一直在前端路上的蜗牛]]></description><link>https://blog.youkuaiyun.com/nyflxp</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; nyflxp]]></copyright><item><title><![CDATA[Video的深入使用]]></title><link>https://blog.youkuaiyun.com/nyflxp/article/details/80358372</link><guid>https://blog.youkuaiyun.com/nyflxp/article/details/80358372</guid><author>nyflxp</author><pubDate>Thu, 17 May 2018 23:15:58 +0800</pubDate><description><![CDATA[
  HTML &amp;lt;video&amp;gt; 元素 用于在HTML或者XHTML文档中嵌入视频内容




属性


### controls



  设置或返回视频是否应该显示控件（比如播放/暂停等）




&amp;lt;video src=&quot;./mt-baker_cibsgl.mp4&quot; width=&quot;100%&quot; controls&amp;gt;&amp;lt;/video&amp;gt;




### autoplay...]]></description><category></category></item><item><title><![CDATA[前端面试题收集，持续更新中]]></title><link>https://blog.youkuaiyun.com/nyflxp/article/details/80114755</link><guid>https://blog.youkuaiyun.com/nyflxp/article/details/80114755</guid><author>nyflxp</author><pubDate>Fri, 27 Apr 2018 23:20:42 +0800</pubDate><description><![CDATA[HTML

在线阅读 
Github地址



题目列表


HTML

HTML和XHTML的区别
Html的语义化
Doctype的文档类型
cookie、sessionSttorage、localStory区别
HTML全局属性(global attribute)有哪些？
常见的浏览器内核有哪些？
介绍一下你对浏览器内核的理解？
webSocket如何兼容低浏览器？(阿里)
如何实现浏览器内...]]></description><category></category></item><item><title><![CDATA[CSS3之图片列表展示特效]]></title><link>https://blog.youkuaiyun.com/nyflxp/article/details/79947050</link><guid>https://blog.youkuaiyun.com/nyflxp/article/details/79947050</guid><author>nyflxp</author><pubDate>Sun, 15 Apr 2018 10:18:30 +0800</pubDate><description><![CDATA[



在线demo

在线编辑demo


  grid、transform 、transition




CSS代码



.main-cons{
    background: #F7F5F2;
    padding:100px 0;
  }
  .container{
    width: 80%;
    margin: 0 auto;
    display: grid;
    ...]]></description><category></category></item><item><title><![CDATA[image-rendering 像素化图像像素(实验中)]]></title><link>https://blog.youkuaiyun.com/nyflxp/article/details/79875335</link><guid>https://blog.youkuaiyun.com/nyflxp/article/details/79875335</guid><author>nyflxp</author><pubDate>Tue, 10 Apr 2018 07:10:45 +0800</pubDate><description><![CDATA[




  image-rendering 提供一个提示，关于算法应使用缩放图像浏览器。
  
  该属性适用于元素本身，以及元素的其他属性中提供的任何图像。它对未缩放的图像没有影响。例如，如果图像的自然尺寸是100×100像素，但页面作者将其尺寸指定为200×200px（或50×50px），则图像将使用指定算法放大（或缩小）到新尺寸。由于用户交互（缩放），缩放也可能适用。




语法


 ...]]></description><category></category></item><item><title><![CDATA[setTimeout面试连击]]></title><link>https://blog.youkuaiyun.com/nyflxp/article/details/79720453</link><guid>https://blog.youkuaiyun.com/nyflxp/article/details/79720453</guid><author>nyflxp</author><pubDate>Tue, 27 Mar 2018 22:23:07 +0800</pubDate><description><![CDATA[



第一击



for (var i = 0; i &amp;lt; 5; i++) {
  console.log(i);
}




  答案： 0  1  2  3  4




第二击



for (var i = 0; i &amp;lt; 5; i++) {
  setTimeout(function() {
    console.log(i);
  }, 1000 * i);
}


  ...]]></description><category></category></item><item><title><![CDATA[CSS3之box-reflect制作倒影]]></title><link>https://blog.youkuaiyun.com/nyflxp/article/details/79669202</link><guid>https://blog.youkuaiyun.com/nyflxp/article/details/79669202</guid><author>nyflxp</author><pubDate>Fri, 23 Mar 2018 16:20:06 +0800</pubDate><description><![CDATA[





box-reflect


  box-reflect：none |   ?   ?


参数：&amp;lt;direction&amp;gt; 


  参数 above | below | left | right
  
  none : 无倒影 
  above：指定倒影在对象的上边 
  below：指定倒影在对象的下边 
  left：指定倒影在对象的左边 
  right：指定倒影在对象...]]></description><category></category></item><item><title><![CDATA[ES6之Set、WeakSet、Map、WeakMap数据结构]]></title><link>https://blog.youkuaiyun.com/nyflxp/article/details/79542770</link><guid>https://blog.youkuaiyun.com/nyflxp/article/details/79542770</guid><author>nyflxp</author><pubDate>Tue, 13 Mar 2018 16:53:54 +0800</pubDate><description><![CDATA[



Set


  set本身是一个构造函数，用来生成Set数据结构，类似数组Array，但是成员的值都是唯一的，没有重复的值


 
属性方法 


  
  size: 返回set实例的成员总数 
  add(value): 添加某个值，返回Set本身  
  delete(value): 删除某个值，返回是否删除成功的boolean 
  has(value): 判断是否包含某个值，返回...]]></description><category></category></item><item><title><![CDATA[CSS之选择器]]></title><link>https://blog.youkuaiyun.com/nyflxp/article/details/79535328</link><guid>https://blog.youkuaiyun.com/nyflxp/article/details/79535328</guid><author>nyflxp</author><pubDate>Tue, 13 Mar 2018 07:27:01 +0800</pubDate><description><![CDATA[

CSS1选择器


.class


  选择 class=”info” 的所有元素 
  .info{background:red;}

#id


  选择 id=”nav” 的所有元素





#nav {background:red;}


element


  选择所有的element(a、p…)元素

element,element


  选择多个所有element(a、p…...]]></description><category></category></item><item><title><![CDATA[CSS3之box-shadow基础详解]]></title><link>https://blog.youkuaiyun.com/nyflxp/article/details/79474991</link><guid>https://blog.youkuaiyun.com/nyflxp/article/details/79474991</guid><author>nyflxp</author><pubDate>Wed, 07 Mar 2018 18:19:40 +0800</pubDate><description><![CDATA[





前言


  box-shadow: h-shadow v-shadow blur spread color inset;





  参数值
  描述



  h-shadow  (X轴偏移量)
  必需。水平阴影的位置。允许负值。


  v-shadow  (Y轴偏移量)
  必需。垂直阴影的位置。允许负值。


  blur  (阴影模糊半径)
  可选。模糊距离。


 ...]]></description><category></category></item><item><title><![CDATA[web前端优化之图片优化]]></title><link>https://blog.youkuaiyun.com/nyflxp/article/details/79462056</link><guid>https://blog.youkuaiyun.com/nyflxp/article/details/79462056</guid><author>nyflxp</author><pubDate>Tue, 06 Mar 2018 18:33:25 +0800</pubDate><description><![CDATA[原文来自：codehtml

很多的前端开发者都比较关心性能的优化的问题，今天主要讲一下图片优化的见解和总结，可能很多人大神都知道我列出的知识点，那么开始整理一下图片优化的笔记吧,可能废话有点多，语言组织不到位的地方，大家多担待


  每个前端网站都有可能引入很多的图片来达到酷炫或者展示的效果，有人会问？为什么非要用图片，因为有些技术上达不到的效果展示，只能用图片来代替，比如淘宝天猫京东这些商城...]]></description><category></category></item><item><title><![CDATA[javascript两个变量互换值，你了解多少]]></title><link>https://blog.youkuaiyun.com/nyflxp/article/details/79462013</link><guid>https://blog.youkuaiyun.com/nyflxp/article/details/79462013</guid><author>nyflxp</author><pubDate>Tue, 06 Mar 2018 18:27:16 +0800</pubDate><description><![CDATA[javascript两个变量互换值，你了解多少

前端蜗牛blog传送：codehtml

这个问题看似很基础，但是有很多的实现方式，你知道的有多少呢，网上也有很多的方法，下面就来总结一下


中间变量（临时变量）


  临时变量其实很好理解，通过一个中间变量进行交换值
  var strA = &quot;a&quot;;
  var strB = &quot;b&quot;;
  var strC;//中间变量
  # 开始
  ...]]></description><category></category></item><item><title><![CDATA[web前端资源文件的部署和优化]]></title><link>https://blog.youkuaiyun.com/nyflxp/article/details/79303986</link><guid>https://blog.youkuaiyun.com/nyflxp/article/details/79303986</guid><author>nyflxp</author><pubDate>Sat, 10 Feb 2018 11:44:57 +0800</pubDate><description><![CDATA[现在网上也有很多关于前端文件加载的性能优化，我相信大部分的前端程序猿，应该都听说过雅虎的14条优化原则



1. 尽可能的减少 HTTP 的请求数 content
2. 使用 CDN（Content Delivery Network） server
3. 添加 Expires 头(或者 Cache-control )  server
4. Gzip 组件  server
5. 将 CSS 样式放...]]></description><category></category></item></channel></rss>