<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Dseai_的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Dseai_</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Dseai_]]></copyright><item><title><![CDATA[gitHub提交代码]]></title><link>https://blog.youkuaiyun.com/Dseai_/article/details/72601650</link><guid>https://blog.youkuaiyun.com/Dseai_/article/details/72601650</guid><author>Dseai_</author><pubDate>Sun, 21 May 2017 19:01:47 +0800</pubDate><description><![CDATA[Create a new repository on the command line
touch README.md
git init
git add README.md
git commit -m "first commit"
git remote add origin git@github.com:guochy2012/test.git
git push -u origin master]]></description><category></category></item><item><title><![CDATA[CSS变量教程]]></title><link>https://blog.youkuaiyun.com/Dseai_/article/details/72457522</link><guid>https://blog.youkuaiyun.com/Dseai_/article/details/72457522</guid><author>Dseai_</author><pubDate>Thu, 18 May 2017 10:15:07 +0800</pubDate><description><![CDATA[原文地址http://www.ruanyifeng.com/blog/2017/05/css-variables.html
一，变量的声明
声明变量的时候，变量名前面要加两根连词线（--）。

body {
  --foo: #7F583F;
  --bar: #F7EFD2;
}

上面代码中，body选择器里面声明了两个变量：--foo和--bar。

它们与color、fon]]></description><category></category></item><item><title><![CDATA[easy-pie-chart]]></title><link>https://blog.youkuaiyun.com/Dseai_/article/details/71933495</link><guid>https://blog.youkuaiyun.com/Dseai_/article/details/71933495</guid><author>Dseai_</author><pubDate>Sun, 14 May 2017 11:11:35 +0800</pubDate><description><![CDATA[动态的，视网膜优先的饼状图插件


特性：


高可定制性

易于使用

独立分辨率（视网膜优化）

流畅的动画效果

基本支持现有浏览器，甚至 IE7


支持的框架：


Vanilla JS (无需任何依赖) (~872 bytes)

jQuery plugin (~921 bytes)

Angular Module (~983 bytes]]></description><category></category></item><item><title><![CDATA[CSS垂直居中总结]]></title><link>https://blog.youkuaiyun.com/Dseai_/article/details/71331277</link><guid>https://blog.youkuaiyun.com/Dseai_/article/details/71331277</guid><author>Dseai_</author><pubDate>Sun, 07 May 2017 15:49:22 +0800</pubDate><description><![CDATA[本文讨论的垂直居中仅支持IE8+

　　1、使用绝对定位垂直居中




                div class="container">
            -->
            div class="center absolute_center">
                生活不能等待别人来安排，要自已去争取和奋斗；br>
           ]]></description><category></category></item><item><title><![CDATA[css的定位问题]]></title><link>https://blog.youkuaiyun.com/Dseai_/article/details/71330161</link><guid>https://blog.youkuaiyun.com/Dseai_/article/details/71330161</guid><author>Dseai_</author><pubDate>Sun, 07 May 2017 14:36:23 +0800</pubDate><description><![CDATA[一、Position各属性值详解　　　　　　　　　　　　　　　　　　　　

  1.  static ：默认值，元素将按照正常文档流规则排列。

  2.  relative ：相对定位，元素仍然处于正常文档流当中，但可以通过left、top、right和bottom的CSS规则来改变元素的位置。

       注意点：[a]. 元素原来位置将保留，不被其他元素所占据;
     ]]></description><category></category></item><item><title><![CDATA[圣杯布局]]></title><link>https://blog.youkuaiyun.com/Dseai_/article/details/71321863</link><guid>https://blog.youkuaiyun.com/Dseai_/article/details/71321863</guid><author>Dseai_</author><pubDate>Sun, 07 May 2017 13:27:25 +0800</pubDate><description><![CDATA[body{
			box-sizing: border-box;
			min-width: 1000px;
		}
		#head{
			text-align: center;
			background-color: #CCCCFF;
		}
		#container{
			padding-left: 200px;
			padding-right: 200px;
			overflow:]]></description><category></category></item><item><title><![CDATA[flex布局]]></title><link>https://blog.youkuaiyun.com/Dseai_/article/details/71270703</link><guid>https://blog.youkuaiyun.com/Dseai_/article/details/71270703</guid><author>Dseai_</author><pubDate>Sat, 06 May 2017 16:48:43 +0800</pubDate><description><![CDATA[网页布局，是css的一个重要应用。

传统的网页布局，主要是基于盒模型，和display、position、float属性，这些属性的一个优势就是简单，容易理解，但也有一些不方便的地方，比如在实现垂直居中的时候。

2009年，W3C提出了一种新的解决方案：Flex（Flexible Box，弹性布局）布局。

设置为flex布局的容器称为flex容器，flex容器的子元素称为容器项目]]></description><category></category></item><item><title><![CDATA[HTTPS工作原理和TCP握手机制]]></title><link>https://blog.youkuaiyun.com/Dseai_/article/details/71214500</link><guid>https://blog.youkuaiyun.com/Dseai_/article/details/71214500</guid><author>Dseai_</author><pubDate>Fri, 05 May 2017 16:28:14 +0800</pubDate><description><![CDATA[原文链接


1、HTTPS的工作原理


    HTTPS在传输数据之前需要客户端（浏览器）与服务端（网站）之间进行一次握手，在握手过程中将确立双方加密传输数据的密码信息。TLS/SSL协议不仅仅是一套加密传输的协议，更是一件经过艺术家精心设计的艺术品，TLS/SSL中使用了非对称加密，对称加密以及HASH算法。握手过程的具体描述如下：


1.浏览器将自己支持的一套加密规则]]></description><category></category></item><item><title><![CDATA[JavaScript设计模式--单例模式]]></title><link>https://blog.youkuaiyun.com/Dseai_/article/details/71171232</link><guid>https://blog.youkuaiyun.com/Dseai_/article/details/71171232</guid><author>Dseai_</author><pubDate>Thu, 04 May 2017 15:40:25 +0800</pubDate><description><![CDATA[版权声明：本文为博主原创文章，未经博主允许不得转载。转载请标明出处：http://blog.youkuaiyun.com/ligang2585116！


一、定义


保证一个类仅有一个实例，并提供一个访问它的全局访问点。 
当单击登陆按钮，页面中出现一个登陆浮窗，这个登陆浮窗是唯一的，无论单击多少次登陆按钮，这个浮窗都只会被创建一次，那么这个登陆浮窗就适合用单例模式来创建。

二、实现原]]></description><category></category></item><item><title><![CDATA[学习资源收集]]></title><link>https://blog.youkuaiyun.com/Dseai_/article/details/70851795</link><guid>https://blog.youkuaiyun.com/Dseai_/article/details/70851795</guid><author>Dseai_</author><pubDate>Sat, 29 Apr 2017 13:16:57 +0800</pubDate><description><![CDATA[Material Design Lite]]></description><category></category></item><item><title><![CDATA[清除浮动的几种方法]]></title><link>https://blog.youkuaiyun.com/Dseai_/article/details/70858962</link><guid>https://blog.youkuaiyun.com/Dseai_/article/details/70858962</guid><author>Dseai_</author><pubDate>Thu, 27 Apr 2017 16:09:55 +0800</pubDate><description><![CDATA[1）添加额外标签

1）添加额外标签
.main{float:left;}
.side{float:right;}


.footer

优点：通俗易懂，容易掌握

缺点：可以想象通过此方法，会添加多少无意义的空标签，有违结构与表现的分离，在后期维护中将是噩梦，这是坚决不能忍受的，所以你看了这篇文章之后还是建议不要用了吧。
 2）使用 br标签和其自身的 html属性

2）使用 b]]></description><category></category></item><item><title><![CDATA[Javascript操作DOM常用API总结]]></title><link>https://blog.youkuaiyun.com/Dseai_/article/details/70756810</link><guid>https://blog.youkuaiyun.com/Dseai_/article/details/70756810</guid><author>Dseai_</author><pubDate>Tue, 25 Apr 2017 17:31:31 +0800</pubDate><description><![CDATA[原文地址 http://www.cnblogs.com/lrzw32/p/5008913.html


文本整理了javascript操作DOM的一些常用的api，根据其作用整理成为创建，修改，查询等多种类型的api，主要用于复习基础知识，加深对原生js的认识。




基本概念

在讲解操作DOM的api之前，首先我们来复习一下一些基本概念，这些概念是掌握api的关键，必须理]]></description><category></category></item><item><title><![CDATA[@ font-face介绍]]></title><link>https://blog.youkuaiyun.com/Dseai_/article/details/70574530</link><guid>https://blog.youkuaiyun.com/Dseai_/article/details/70574530</guid><author>Dseai_</author><pubDate>Mon, 24 Apr 2017 11:00:44 +0800</pubDate><description><![CDATA[@ font-face的是一个CSS规则，允许你输入自己的字体出现在网站上，即使在特定的字体在访问者的计算机上没有安装。这条规则最重要的是，它为设计师打开了一个全新的世界。您可以使用任何你喜欢的字体。


如何使用@ font-face的
下面的语法是你如何使用@ font-face的。首先，定义新的字体所提供的名称和说明的字体。

p {
    font-family: Delic]]></description><category></category></item><item><title><![CDATA[jquery中的$ajax方法]]></title><link>https://blog.youkuaiyun.com/Dseai_/article/details/70260656</link><guid>https://blog.youkuaiyun.com/Dseai_/article/details/70260656</guid><author>Dseai_</author><pubDate>Thu, 20 Apr 2017 15:34:01 +0800</pubDate><description><![CDATA[url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。
type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和
      delete也可以使用，但仅部分浏览器支持。
timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局设
   ]]></description><category></category></item><item><title><![CDATA[慕课网-必应搜索框课程源码]]></title><link>https://blog.youkuaiyun.com/Dseai_/article/details/70255472</link><guid>https://blog.youkuaiyun.com/Dseai_/article/details/70255472</guid><author>Dseai_</author><pubDate>Thu, 20 Apr 2017 10:15:49 +0800</pubDate><description><![CDATA[bing Search
	
        body{background: #333;}
        #bg_div{
            position: relative;
            background-image: url("bg.jpg");
            width:1300px;height:690px;
            margin:0]]></description><category></category></item><item><title><![CDATA[DOM0 DOM2 DOM3区别]]></title><link>https://blog.youkuaiyun.com/Dseai_/article/details/69502761</link><guid>https://blog.youkuaiyun.com/Dseai_/article/details/69502761</guid><author>Dseai_</author><pubDate>Fri, 07 Apr 2017 09:52:37 +0800</pubDate><description><![CDATA[原文地址：http://www.cnblogs.com/luyuan/p/3833061.html

DOM0  DOM2  DOM3

DOM是什么

W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。

DOM 定义了访问 HTML 和 XML 文档的标准：

W3C DOM 标准被分为 3 个不同的部分：]]></description><category></category></item><item><title><![CDATA[JS中的this机制]]></title><link>https://blog.youkuaiyun.com/Dseai_/article/details/69390039</link><guid>https://blog.youkuaiyun.com/Dseai_/article/details/69390039</guid><author>Dseai_</author><pubDate>Thu, 06 Apr 2017 15:22:47 +0800</pubDate><description><![CDATA[原文http://www.cnblogs.com/front-Thinking/p/4364337.html


1、this是啥？

　　简言之，this是JavaScript语言中定义的众多关键字之一，它的特殊在于它自动定义于每一个函数域内，但是this倒地指引啥东西却让很多人张二摸不着头脑。这里我们留个小悬念，希望看完这篇文章了你能回答出来this到底指引个甚。


　　2、]]></description><category></category></item><item><title><![CDATA[前端知识点总结（JavaScript篇）]]></title><link>https://blog.youkuaiyun.com/Dseai_/article/details/69389336</link><guid>https://blog.youkuaiyun.com/Dseai_/article/details/69389336</guid><author>Dseai_</author><pubDate>Thu, 06 Apr 2017 14:33:38 +0800</pubDate><description><![CDATA[原文地址 https://github.com/front-thinking/FE-Summary/blob/master/3.javascript.md


同源策略及跨域请求的方法和原理（比较JSONP和document.domain的不同及优劣，以及HTML5的跨域方案）JavaScript数据类型JavaScript字符串转化JSONP原理及优缺点XMLHttpRequest事件委托]]></description><category></category></item><item><title><![CDATA[彻底弄懂css中单位px和em,rem的区别]]></title><link>https://blog.youkuaiyun.com/Dseai_/article/details/69389224</link><guid>https://blog.youkuaiyun.com/Dseai_/article/details/69389224</guid><author>Dseai_</author><pubDate>Thu, 06 Apr 2017 14:23:46 +0800</pubDate><description><![CDATA[国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？

 

 

 

 

PX特点

1. IE无法调整那些使用px作为单位的字体大小；

2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；

3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内]]></description><category></category></item><item><title><![CDATA[Javascript操作DOM常用API总结]]></title><link>https://blog.youkuaiyun.com/Dseai_/article/details/69388923</link><guid>https://blog.youkuaiyun.com/Dseai_/article/details/69388923</guid><author>Dseai_</author><pubDate>Thu, 06 Apr 2017 14:00:22 +0800</pubDate><description><![CDATA[文本整理了javascript操作DOM的一些常用的api，根据其作用整理成为创建，修改，查询等多种类型的api，主要用于复习基础知识，加深对原生js的认识。


基本概念


在讲解操作DOM的api之前，首先我们来复习一下一些基本概念，这些概念是掌握api的关键，必须理解它们。

Node类型

DOM1级定义了一个Node接口，该接口由DOM中所有节点类型实现。这个Nod]]></description><category></category></item></channel></rss>