<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ramosTears123的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ramosTears123</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ramosTears123]]></copyright><item><title><![CDATA[flex弹性布局学习总结]]></title><link>https://blog.youkuaiyun.com/ramosTears123/article/details/90575982</link><guid>https://blog.youkuaiyun.com/ramosTears123/article/details/90575982</guid><author>ramosTears123</author><pubDate>Sun, 26 May 2019 15:43:06 +0800</pubDate><description><![CDATA[一.简要介绍

    css3最喜欢的新属性之一便是flex布局属性,用六个字概括便是简单,方便,快速.

    flex(flexible box:弹性布局盒子模型) ,是2009年w3c提出的一种可以简洁,快速弹性布局的属性.主要思想是给与容器控制内部元素宽度和高度的能力.目前支持的浏览器有



    其中在webkit内核的浏览器中使用时,必须加上-web...]]></description><category></category></item><item><title><![CDATA[bootstrap初体验,实现轮播图效果]]></title><link>https://blog.youkuaiyun.com/ramosTears123/article/details/89179183</link><guid>https://blog.youkuaiyun.com/ramosTears123/article/details/89179183</guid><author>ramosTears123</author><pubDate>Wed, 10 Apr 2019 12:13:50 +0800</pubDate><description><![CDATA[效果图:



源代码:


&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width,initial-scale=1"&gt;
    &lt;title&gt;轮播图&lt;/t...]]></description><category></category></item><item><title><![CDATA[原生js动态创建小卡片并显示在屏幕的随机位置(附备注)]]></title><link>https://blog.youkuaiyun.com/ramosTears123/article/details/89039869</link><guid>https://blog.youkuaiyun.com/ramosTears123/article/details/89039869</guid><author>ramosTears123</author><pubDate>Fri, 05 Apr 2019 08:53:04 +0800</pubDate><description><![CDATA[效果图:



源代码:


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;style&gt;
        body {
            margin: 0 au...]]></description><category></category></item><item><title><![CDATA[jQuery+flex(简单实用)简单实现淘宝京东五星好评(附注释)]]></title><link>https://blog.youkuaiyun.com/ramosTears123/article/details/88989257</link><guid>https://blog.youkuaiyun.com/ramosTears123/article/details/88989257</guid><author>ramosTears123</author><pubDate>Wed, 03 Apr 2019 10:21:44 +0800</pubDate><description><![CDATA[效果图:





源代码:


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;style&gt;
        *{
            margin: 0;
  ...]]></description><category></category></item><item><title><![CDATA[flex布局,简单入门练习]]></title><link>https://blog.youkuaiyun.com/ramosTears123/article/details/88987775</link><guid>https://blog.youkuaiyun.com/ramosTears123/article/details/88987775</guid><author>ramosTears123</author><pubDate>Wed, 03 Apr 2019 09:20:02 +0800</pubDate><description><![CDATA[效果图:



代码:


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;style&gt;
        #box {
            display: flex...]]></description><category></category></item><item><title><![CDATA[原生Js缓动动画封装过程及注释]]></title><link>https://blog.youkuaiyun.com/ramosTears123/article/details/88837082</link><guid>https://blog.youkuaiyun.com/ramosTears123/article/details/88837082</guid><author>ramosTears123</author><pubDate>Wed, 27 Mar 2019 09:46:38 +0800</pubDate><description><![CDATA[效果图:



源代码:


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;style&gt;
        *{
            margin: 0;
     ...]]></description><category></category></item><item><title><![CDATA[原生js匀速动画封装过程以及注释]]></title><link>https://blog.youkuaiyun.com/ramosTears123/article/details/88836692</link><guid>https://blog.youkuaiyun.com/ramosTears123/article/details/88836692</guid><author>ramosTears123</author><pubDate>Wed, 27 Mar 2019 09:33:12 +0800</pubDate><description><![CDATA[效果图:



原代码:


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;style&gt;
        *{
            margin: 0;
     ...]]></description><category></category></item><item><title><![CDATA[js中Date对象 倒计时练习]]></title><link>https://blog.youkuaiyun.com/ramosTears123/article/details/88836255</link><guid>https://blog.youkuaiyun.com/ramosTears123/article/details/88836255</guid><author>ramosTears123</author><pubDate>Wed, 27 Mar 2019 09:10:25 +0800</pubDate><description><![CDATA[效果图:



源代码:


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;style&gt;
        h1{
            font-size:60px;...]]></description><category></category></item><item><title><![CDATA[原生js匀速动画实现无缝轮播(解决淘宝无缝轮播bug)]]></title><link>https://blog.youkuaiyun.com/ramosTears123/article/details/88796220</link><guid>https://blog.youkuaiyun.com/ramosTears123/article/details/88796220</guid><author>ramosTears123</author><pubDate>Mon, 25 Mar 2019 15:28:36 +0800</pubDate><description><![CDATA[效果图:



代码:


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;style&gt;
        *{
            margin: 0;
      ...]]></description><category></category></item><item><title><![CDATA[简单js练习三大家族获取元素]]></title><link>https://blog.youkuaiyun.com/ramosTears123/article/details/88796039</link><guid>https://blog.youkuaiyun.com/ramosTears123/article/details/88796039</guid><author>ramosTears123</author><pubDate>Mon, 25 Mar 2019 15:22:57 +0800</pubDate><description><![CDATA[效果图:



代码:


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;style&gt;
        *{
            margin: 0;
      ...]]></description><category></category></item><item><title><![CDATA[纯js实现京东购物鼠标放大案例]]></title><link>https://blog.youkuaiyun.com/ramosTears123/article/details/88795730</link><guid>https://blog.youkuaiyun.com/ramosTears123/article/details/88795730</guid><author>ramosTears123</author><pubDate>Mon, 25 Mar 2019 15:13:23 +0800</pubDate><description><![CDATA[效果图:



代码:


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;style&gt;
        *{
            margin: 0;
      ...]]></description><category></category></item><item><title><![CDATA[canvas绘制太极图]]></title><link>https://blog.youkuaiyun.com/ramosTears123/article/details/88795442</link><guid>https://blog.youkuaiyun.com/ramosTears123/article/details/88795442</guid><author>ramosTears123</author><pubDate>Mon, 25 Mar 2019 15:02:32 +0800</pubDate><description><![CDATA[效果图:



代码:


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;style&gt;
        canvas{
            border: 1px ...]]></description><category></category></item><item><title><![CDATA[css3过渡转换效果图]]></title><link>https://blog.youkuaiyun.com/ramosTears123/article/details/88795224</link><guid>https://blog.youkuaiyun.com/ramosTears123/article/details/88795224</guid><author>ramosTears123</author><pubDate>Mon, 25 Mar 2019 14:55:09 +0800</pubDate><description><![CDATA[效果图:



代码:


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;style&gt;
        canvas {
            border: 1px...]]></description><category></category></item><item><title><![CDATA[过渡 转换效果图]]></title><link>https://blog.youkuaiyun.com/ramosTears123/article/details/88794826</link><guid>https://blog.youkuaiyun.com/ramosTears123/article/details/88794826</guid><author>ramosTears123</author><pubDate>Mon, 25 Mar 2019 14:41:50 +0800</pubDate><description><![CDATA[效果图:



代码:


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;style&gt;
        * {
            margin: 0;
     ...]]></description><category></category></item><item><title><![CDATA[原生js,通过canvas实现数字雨]]></title><link>https://blog.youkuaiyun.com/ramosTears123/article/details/88779111</link><guid>https://blog.youkuaiyun.com/ramosTears123/article/details/88779111</guid><author>ramosTears123</author><pubDate>Sun, 24 Mar 2019 17:20:22 +0800</pubDate><description><![CDATA[效果图:



代码:


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;style&gt;
        canvas{
            border: 1px ...]]></description><category></category></item><item><title><![CDATA[原生js实现验证码]]></title><link>https://blog.youkuaiyun.com/ramosTears123/article/details/88778278</link><guid>https://blog.youkuaiyun.com/ramosTears123/article/details/88778278</guid><author>ramosTears123</author><pubDate>Sun, 24 Mar 2019 16:31:19 +0800</pubDate><description><![CDATA[效果图:



代码:


&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Title&lt;/title&gt;
    &lt;style&gt;
        * {
            margin: 0;
     ...]]></description><category></category></item></channel></rss>