<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Helkyle的专栏]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/JOUeu</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; JOUeu]]></copyright><item><title><![CDATA[为视图添加丝滑的水波纹]]></title><link>https://blog.youkuaiyun.com/JOUeu/article/details/128618128</link><guid>https://blog.youkuaiyun.com/JOUeu/article/details/128618128</guid><author>JOUeu</author><pubDate>Wed, 12 Oct 2016 23:42:15 +0800</pubDate><description><![CDATA[由于前段时间发现自己在Github上的这份代码被简书上某用户直接拷贝来发表了，而又并没有注明代码出处，于是决定还是自己着手写一篇好了。
先看一下最终效果图：

首先我们可以把如此丝滑的水波纹拆分一下下：
一条规律的曲线。
曲线匀速向右移动。
曲线下方的位置用颜色填充。

于是先来一条曲线吧。对于需要产生波动如此规律的曲线，我们首先想到...]]></description><category></category></item><item><title><![CDATA[Mac 前端开发，兼容 IE 测试方法总结]]></title><link>https://blog.youkuaiyun.com/JOUeu/article/details/128628062</link><guid>https://blog.youkuaiyun.com/JOUeu/article/details/128628062</guid><author>JOUeu</author><pubDate>Wed, 20 Jul 2016 02:04:19 +0800</pubDate><description><![CDATA[愿去往天堂的路上没有IE.

1.第三方工具网上相关工具可以提供查看效果https://www.browserstack.com/test-in-internet-explorerhttp://browsershots.org/    




收费
大部分是国外网站，打开...]]></description><category></category></item><item><title><![CDATA[30 分钟 git 命令入门到放弃]]></title><link>https://blog.youkuaiyun.com/JOUeu/article/details/128628061</link><guid>https://blog.youkuaiyun.com/JOUeu/article/details/128628061</guid><author>JOUeu</author><pubDate>Mon, 27 Jun 2016 01:24:26 +0800</pubDate><description><![CDATA[这是一篇给像我这样的新手或者是熟悉图形工具的老鸟看的。仅作为快速入门的教程。

git 现在的火爆程度非同一般，它被广泛地用在大型开源项目，团队开发，以及独立开发者，甚至学生之中。
初学者非常容易被各种命令，参数吓哭。但实际上刚上手你并不需要了解所有命令的用途。你可以从掌握一些简单，强大...]]></description><category></category></item><item><title><![CDATA[在 Laravel 中使用 vue（二）]]></title><link>https://blog.youkuaiyun.com/JOUeu/article/details/128628060</link><guid>https://blog.youkuaiyun.com/JOUeu/article/details/128628060</guid><author>JOUeu</author><pubDate>Thu, 09 Jun 2016 12:54:09 +0800</pubDate><description><![CDATA[上篇介绍了vue,以及在如何 Laravel 快速搭建vue环境。
          这篇讲如何在 Laravel 中更深入使用Vue。
预处理vue还支持使用预处理工具，比如jade, sass等等。
假设使用Stylus, Jade，那就npm install 一下呗
npm ins...]]></description><category></category></item><item><title><![CDATA[漫谈 SMACSS]]></title><link>https://blog.youkuaiyun.com/JOUeu/article/details/128628071</link><guid>https://blog.youkuaiyun.com/JOUeu/article/details/128628071</guid><author>JOUeu</author><pubDate>Sat, 06 Feb 2016 00:02:49 +0800</pubDate><description><![CDATA[SMACSS (Scalable and Modular Architecture for
        CSS)发音同“smacks”，它不是框架，不是库。它只是一种组织CSS代码的方法论(或者说是为了让代码可扩展，易维护的一套规范，它会使团队开发更容易)。每个人看世界的角度不同，方法论因人而异，所以这套玩意儿不一定适合你。
        CSS分类
      ...]]></description><category></category></item><item><title><![CDATA[纯CSS实现Dribbble动画之两把刷子]]></title><link>https://blog.youkuaiyun.com/JOUeu/article/details/128628075</link><guid>https://blog.youkuaiyun.com/JOUeu/article/details/128628075</guid><author>JOUeu</author><pubDate>Sat, 09 Jan 2016 02:09:25 +0800</pubDate><description><![CDATA[自从Chrome转了个 Panda 插件，每次打开浏览器都能看到很多优秀设计师的作品。 无论如何，多接触点设计还是好的。
今天看到这个，感觉挺不错，实现起来也不难。于是花了点时间折腾了一下。(实际上挺大点的，主要时间花在动画调整，同步，使用em单位)


卡顿是因为录制软件的问题~
至于代码，有兴趣的，你可以看看我放在CodePen上的演示。
喜欢的话，欢迎Star。
晚安。
See the Pe...]]></description><category></category></item><item><title><![CDATA[Node 中 module.exports 和 exports 的区别]]></title><link>https://blog.youkuaiyun.com/JOUeu/article/details/128628078</link><guid>https://blog.youkuaiyun.com/JOUeu/article/details/128628078</guid><author>JOUeu</author><pubDate>Tue, 05 Jan 2016 10:25:46 +0800</pubDate><description><![CDATA[Node编译过程在Node的每个文件模块中都存在这require，exports，module这几个变量，我们可以直接使用，但是看不到它的声明？为什么？事实上，Node对获取来的JavaScript进行了头尾包装，一个正常的模块会包装成这样：
// gulpfile.js

var gul...]]></description><category></category></item><item><title><![CDATA[前端小技巧 - 用emoji做切换按钮]]></title><link>https://blog.youkuaiyun.com/JOUeu/article/details/128628142</link><guid>https://blog.youkuaiyun.com/JOUeu/article/details/128628142</guid><author>JOUeu</author><pubDate>Thu, 31 Dec 2015 13:57:18 +0800</pubDate><description><![CDATA[2015年，emoji里的Face with Tears of Joy被选进了年度，那么，我们就用这个表情来做一个按钮切换样例，拒绝枯燥无聊的checkbox。

我们知道使用的for属性可以绑定checkbox的选择框，可以来回切换选择和不选择。现在，结合css中的选择器:checke...]]></description><category></category></item><item><title><![CDATA[[译] 前端绘制图形的几种方式]]></title><link>https://blog.youkuaiyun.com/JOUeu/article/details/128628138</link><guid>https://blog.youkuaiyun.com/JOUeu/article/details/128628138</guid><author>JOUeu</author><pubDate>Wed, 30 Dec 2015 09:53:14 +0800</pubDate><description><![CDATA[这篇文章我大概地列举了一些创建各种形状的常见方式，并记下每种方式的优势与不足。
border-radiusborder-radius可能是创建圆形最简单的方式了，比如：.element {
  height: 500px;
  width: 500px;
  border-radius: ...]]></description><category></category></item><item><title><![CDATA[基于 Sass 使用面向对象 CSS]]></title><link>https://blog.youkuaiyun.com/JOUeu/article/details/128628135</link><guid>https://blog.youkuaiyun.com/JOUeu/article/details/128628135</guid><author>JOUeu</author><pubDate>Sun, 13 Dec 2015 10:45:35 +0800</pubDate><description><![CDATA[本文为全文翻译，原文链接，请看文章底部。
        Nicole Sullivan 在08年的 Web Directions North上第一次提出了OOCSS这个词，如今已成为组织主流的CSS模块化系统之一。
        OOCSS与其他CSS方法论(比如SMACSS，BEM)不同。它们的主要目的是通过把css风格转成可重用的模块化代码，以便从结构中分离出内...]]></description><category></category></item><item><title><![CDATA[使用 Sass 之更高级的媒体查询]]></title><link>https://blog.youkuaiyun.com/JOUeu/article/details/128628195</link><guid>https://blog.youkuaiyun.com/JOUeu/article/details/128628195</guid><author>JOUeu</author><pubDate>Wed, 02 Dec 2015 12:11:00 +0800</pubDate><description><![CDATA[之前一直使用Hugo Giraudel提供的方法来写媒体查询。
            大概是这样的：
            先定义一系列断点，

                            $breakpoints: (  'xs': 'only screen and ( min-width: 480px)',  'sm': ...]]></description><category></category></item></channel></rss>