<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[yao491314的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/yao491314</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; yao491314]]></copyright><item><title><![CDATA[IFC]]></title><link>https://blog.youkuaiyun.com/yao491314/article/details/50021797</link><guid>https://blog.youkuaiyun.com/yao491314/article/details/50021797</guid><author>yao491314</author><pubDate>Tue, 24 Nov 2015 23:50:29 +0800</pubDate><description><![CDATA[html里面的IFC？
inline formating context（IFC）内联格式化上下文


IFC跟BFC一样，它不是一个元素，不是一种属性，而是一种环境，一种上下文，一种布局特性。
在IFC中，内联元素在水平方向上一个接一个的排布，其中，容器之间水平方向上的margin，padding，border方向上是好使的。他们垂直方向上有很多种对其方式，比如居底部或顶端对齐，或者基]]></description><category></category></item><item><title><![CDATA[zepto]]></title><link>https://blog.youkuaiyun.com/yao491314/article/details/50021715</link><guid>https://blog.youkuaiyun.com/yao491314/article/details/50021715</guid><author>yao491314</author><pubDate>Tue, 24 Nov 2015 23:46:16 +0800</pubDate><description><![CDATA[Zepto.js 是专门为现代智能手机浏览器推出的 Javascript 框架, 拥有和jQuery相似的语法, 但是和jQuery相比下来, 他有很多优点, 大小方面 , 压缩后的 zepto.min.js 大小只有21K, 使用服务器端 gzip 压缩后大小只有5~10K, 可以说非常的小, 但是功能很齐全, 多出来了一些触摸屏的事件 , 它唯一不支持的就是万恶的IE, 不过用它来开发iPho]]></description><category></category></item><item><title><![CDATA[jquery Mobile]]></title><link>https://blog.youkuaiyun.com/yao491314/article/details/50021651</link><guid>https://blog.youkuaiyun.com/yao491314/article/details/50021651</guid><author>yao491314</author><pubDate>Tue, 24 Nov 2015 23:44:35 +0800</pubDate><description><![CDATA[jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。


jQuery一直以来都是非常流]]></description><category></category></item><item><title><![CDATA[call方法和apply的区别]]></title><link>https://blog.youkuaiyun.com/yao491314/article/details/50021581</link><guid>https://blog.youkuaiyun.com/yao491314/article/details/50021581</guid><author>yao491314</author><pubDate>Tue, 24 Nov 2015 23:42:37 +0800</pubDate><description><![CDATA[call()方法和 apply()方法的区别
##JavaScript中有一个call和apply方法，其作用基本相同，但也有略微的区别。  
>
    call()--是调用一个对象的call方法，以另一个对象替换当前对象，伪装继承。 apply()--应用某一对象的一个方法，用另一个对象替换当前对象。  
>##1.不同点:方法传递的参数不同  
>call 需要把参数按顺序传递进]]></description><category></category></item><item><title><![CDATA[angular]]></title><link>https://blog.youkuaiyun.com/yao491314/article/details/50021553</link><guid>https://blog.youkuaiyun.com/yao491314/article/details/50021553</guid><author>yao491314</author><pubDate>Tue, 24 Nov 2015 23:42:01 +0800</pubDate><description><![CDATA[什么是Angularjs：  
完全使用 JavaScript编写的客户端技术，主要用于构建单页面Web应用，通过原生的Model-View-Controller（ MVC，模型?视图?控制器）功能增强了 HTML。 
 
--  
>##1.使用 
    通过  //载入脚本
    
    {{name}}
    
    
    var app=angular.m]]></description><category></category></item><item><title><![CDATA[sass]]></title><link>https://blog.youkuaiyun.com/yao491314/article/details/50021531</link><guid>https://blog.youkuaiyun.com/yao491314/article/details/50021531</guid><author>yao491314</author><pubDate>Tue, 24 Nov 2015 23:41:08 +0800</pubDate><description><![CDATA[1.先建一个后缀名为scss的文件，使用考拉编译器生成css文件，引入html  

2.使用变量  
  
    $color:red;  
    div{
      background-color: $color;
      height: 200px;
      width: 200px;
    }
    变量的运算
    $number:10px;]]></description><category></category></item><item><title><![CDATA[less预处理语言]]></title><link>https://blog.youkuaiyun.com/yao491314/article/details/50021505</link><guid>https://blog.youkuaiyun.com/yao491314/article/details/50021505</guid><author>yao491314</author><pubDate>Tue, 24 Nov 2015 23:40:09 +0800</pubDate><description><![CDATA[1.less的概述
less的源码采用的javaScript，less框架诞生于2009年，使用javascript语言编写的一种css预处理语言，他为css赋予了编程的特性如变量/继承/运算/函数等功能。  
  

##2.less的使用
>1.使用变量  
使用@定义一个变量，在其他的css样式中引用  

    @color:red;//
    #header{
 ]]></description><category></category></item><item><title><![CDATA[bootstrap框架]]></title><link>https://blog.youkuaiyun.com/yao491314/article/details/50021461</link><guid>https://blog.youkuaiyun.com/yao491314/article/details/50021461</guid><author>yao491314</author><pubDate>Tue, 24 Nov 2015 23:39:05 +0800</pubDate><description><![CDATA[1.Bootstrap概述
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。Bootstrap是基于jQuery框架开发的，它在jQuery框架的基础上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。  

>###2.使用：   
>先引入bootstrap.css文件  
>table-striped可以使奇数行的背景]]></description><category></category></item><item><title><![CDATA[960框架]]></title><link>https://blog.youkuaiyun.com/yao491314/article/details/50021405</link><guid>https://blog.youkuaiyun.com/yao491314/article/details/50021405</guid><author>yao491314</author><pubDate>Tue, 24 Nov 2015 23:37:48 +0800</pubDate><description><![CDATA[1.如何使用960框架

>在html文件中引入相关的外部CSS文件；主要是960.css、reset.css和text.css
  
>2.定义一个DIV大容器，放下整个页面

>grid其实就是一个容器，在这个容器里，已经给分好了“块，所以这个容器就给平均分成了块，有12和16两种，我们用.container_12 和 .container_16来区分  
> 
     di]]></description><category></category></item><item><title><![CDATA[BFC]]></title><link>https://blog.youkuaiyun.com/yao491314/article/details/50021327</link><guid>https://blog.youkuaiyun.com/yao491314/article/details/50021327</guid><author>yao491314</author><pubDate>Tue, 24 Nov 2015 23:36:01 +0800</pubDate><description><![CDATA[1.BFC 定义
　　BFC(Block formatting context)直译为"块级格式化上下文"。  
2.BFC布局规则：
    BFC布局规则：
    内部的Box会在垂直方向，一个接一个地放置。
    Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠
    每个元素的margin box的左边， 与包含块borde]]></description><category></category></item><item><title><![CDATA[nodejs]]></title><link>https://blog.youkuaiyun.com/yao491314/article/details/50021215</link><guid>https://blog.youkuaiyun.com/yao491314/article/details/50021215</guid><author>yao491314</author><pubDate>Tue, 24 Nov 2015 23:33:29 +0800</pubDate><description><![CDATA[一.node.js的概述:  
    Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台， 用来方便地搭建快速的 易于扩展的网络应用。

二.node.js的特点：  
>1：异步IO  
    异步相对应的就是不同步，使用异步可以更高的分配资源  

>2：事件与回调函数  

>3：单线程处理方式  

>4：跨平台  
    在各]]></description><category></category></item><item><title><![CDATA[html5的地图及画布]]></title><link>https://blog.youkuaiyun.com/yao491314/article/details/50021149</link><guid>https://blog.youkuaiyun.com/yao491314/article/details/50021149</guid><author>yao491314</author><pubDate>Tue, 24 Nov 2015 23:32:10 +0800</pubDate><description><![CDATA[#一地图  
>  1. 测试浏览器是否支持-- navigator.geolocation    
>  2. 获取地理位置--getCurrentPosition(success,error,options)  
>  3. 成功获取信息后调用success函数，返回一个position对象position.coords.latitude--纬度;position.coords.long]]></description><category></category></item><item><title><![CDATA[html5本地存储及表单]]></title><link>https://blog.youkuaiyun.com/yao491314/article/details/50021095</link><guid>https://blog.youkuaiyun.com/yao491314/article/details/50021095</guid><author>yao491314</author><pubDate>Tue, 24 Nov 2015 23:31:01 +0800</pubDate><description><![CDATA[一、htm5 form表单


html5 的form表单不同于html4，input标签写在form标签下面而不是内部。通过form的id="myForm" 和input的form="myForm"关联。


1. -- 日期


2. -- 时间


3. -- 月份


4. --周


5. -- 显示数字，最大值10，最小值0，每次加减2，默认5。
]]></description><category></category></item><item><title><![CDATA[html5]]></title><link>https://blog.youkuaiyun.com/yao491314/article/details/50021043</link><guid>https://blog.youkuaiyun.com/yao491314/article/details/50021043</guid><author>yao491314</author><pubDate>Tue, 24 Nov 2015 23:29:53 +0800</pubDate><description><![CDATA[一、html5新标签
1. ---用作页眉；


2. ---用作页脚；


3. -----用作导航；


4. --元素用于对网站或应用程序中页面上的内容进行分块,定义文档中的节。比如章节、页眉、页脚或文档中的其它部分。section表示一段专题性的内容，一般会带有标题。一个section元素通常由内容及其标题组成。


5. ---标签用于对网页或区段（sectio]]></description><category></category></item><item><title><![CDATA[正则表达式]]></title><link>https://blog.youkuaiyun.com/yao491314/article/details/50020925</link><guid>https://blog.youkuaiyun.com/yao491314/article/details/50020925</guid><author>yao491314</author><pubDate>Tue, 24 Nov 2015 23:27:25 +0800</pubDate><description><![CDATA[1 数字：^[0-9]*$
 2 n位的数字：^\d{n}$
 3 至少n位的数字：^\d{n,}$
 4 m-n位的数字：^\d{m,n}$
 5 零和非零开头的数字：^(0|[1-9][0-9]*)$
 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$
 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$
]]></description><category></category></item><item><title><![CDATA[html5基础]]></title><link>https://blog.youkuaiyun.com/yao491314/article/details/48690247</link><guid>https://blog.youkuaiyun.com/yao491314/article/details/48690247</guid><author>yao491314</author><pubDate>Wed, 23 Sep 2015 22:36:27 +0800</pubDate><description><![CDATA[一、html5新标签
1. ---用作页眉；

2. ---用作页脚；

3. -----用作导航；

4. --元素用于对网站或应用程序中页面上的内容进行分块,定义文档中的节。比如章节、页眉、页脚或文档中的其它部分。section表示一段专题性的内容，一般会带有标题。一个section元素通常由内容及其标题组成。

5. ---标签用于对网页或区段（section）的标题进行组]]></description><category></category></item><item><title><![CDATA[html5基础]]></title><link>https://blog.youkuaiyun.com/yao491314/article/details/48690173</link><guid>https://blog.youkuaiyun.com/yao491314/article/details/48690173</guid><author>yao491314</author><pubDate>Wed, 23 Sep 2015 22:34:06 +0800</pubDate><description><![CDATA[一、html5新标签
1. ---用作页眉；

2. ---用作页脚；

3. -----用作导航；

4. --元素用于对网站或应用程序中页面上的内容进行分块,定义文档中的节。比如章节、页眉、页脚或文档中的其它部分。section表示一段专题性的内容，一般会带有标题。一个section元素通常由内容及其标题组成。

5. ---标签用于对网页或区段（section）的标题进行组]]></description><category></category></item><item><title><![CDATA[js 判断输入都年份是不是闰年]]></title><link>https://blog.youkuaiyun.com/yao491314/article/details/47360539</link><guid>https://blog.youkuaiyun.com/yao491314/article/details/47360539</guid><author>yao491314</author><pubDate>Sat, 08 Aug 2015 17:38:40 +0800</pubDate><description><![CDATA[var year = prompt("请输入一个年份\n");
        year = Number(year);
        if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) {
            document.write(year + "是一个闰年");
        } else {]]></description><category></category></item><item><title><![CDATA[js 将一个正整数转为二进制输出]]></title><link>https://blog.youkuaiyun.com/yao491314/article/details/47360517</link><guid>https://blog.youkuaiyun.com/yao491314/article/details/47360517</guid><author>yao491314</author><pubDate>Sat, 08 Aug 2015 17:36:02 +0800</pubDate><description><![CDATA[var i ;
        var j = "";
        while(i!=52) {
            i = prompt("请输入：");
        }
        while (i > 0){
            j = (i % 2) + j ;
            i = parseInt(i / 2);
        }
  ]]></description><category></category></item><item><title><![CDATA[js判断输入的年月日是一年中的第几天]]></title><link>https://blog.youkuaiyun.com/yao491314/article/details/47360487</link><guid>https://blog.youkuaiyun.com/yao491314/article/details/47360487</guid><author>yao491314</author><pubDate>Sat, 08 Aug 2015 17:31:37 +0800</pubDate><description><![CDATA[var y, m, d;
        var total = 0;
        var arr = new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
        y = Number(prompt("请输入年"));
        m= Number(prompt("请输入月"));
        d =]]></description><category></category></item></channel></rss>