<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[TimeToBeWinner]]></title><description><![CDATA[同成长，共进步。]]></description><link>https://blog.youkuaiyun.com/my_coding2015</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; my_coding2015]]></copyright><item><title><![CDATA[js展开菜单效果（一）]]></title><link>https://blog.youkuaiyun.com/my_coding2015/article/details/52504385</link><guid>https://blog.youkuaiyun.com/my_coding2015/article/details/52504385</guid><author>my_coding2015</author><pubDate>Sun, 11 Sep 2016 16:08:13 +0800</pubDate><description><![CDATA[前言： 
废话不多说了，内容很简单。一个是点击展开效果，一个是展示广告然后定时关闭效果。后续写一个JD的二级菜单展示。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://]]></description><category></category></item><item><title><![CDATA[收集一些关于IE的BUG]]></title><link>https://blog.youkuaiyun.com/my_coding2015/article/details/52459641</link><guid>https://blog.youkuaiyun.com/my_coding2015/article/details/52459641</guid><author>my_coding2015</author><pubDate>Wed, 07 Sep 2016 14:55:56 +0800</pubDate><description><![CDATA[收集摘录了一些bug虽然是远古浏览器，还是得注意一下吧…IE6中双边距Bug： 
    发生场合： 
    当浮动元素（浮动后默认为block级元素）的浮动方向和margin方向相同时产生。 
    解决方法： 
    给浮动元素加上display:inline;CSS属性；或者用padding-left代替margin-left。总之是激发该元素的haslayout即可，通常使用zoom：]]></description><category></category></item><item><title><![CDATA[你所不知的css：：before和：：after]]></title><link>https://blog.youkuaiyun.com/my_coding2015/article/details/52456678</link><guid>https://blog.youkuaiyun.com/my_coding2015/article/details/52456678</guid><author>my_coding2015</author><pubDate>Wed, 07 Sep 2016 09:45:54 +0800</pubDate><description><![CDATA[CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外，就是接下来要介绍的这两个伪元素了。 
  
一 基本语法 
在了解进阶的应用之前，先来了解一下语法规则]]></description><category></category></item><item><title><![CDATA[诡异的间隙inline-block]]></title><link>https://blog.youkuaiyun.com/my_coding2015/article/details/52206207</link><guid>https://blog.youkuaiyun.com/my_coding2015/article/details/52206207</guid><author>my_coding2015</author><pubDate>Sun, 14 Aug 2016 20:33:56 +0800</pubDate><description><![CDATA[最近在学习如何制作导航条，并不太喜欢使用float这种方法，因为带来的副作用有点大。毕竟float出现的本意是为了解决文字浮动的效果。所以我选择使用inline-block来让竖直的li列表变成水平状。 
所以，问题产生了。<style type="text/css">
* { margin: 0; padding: 0; font-size: 14px; }
li{
  background-co]]></description><category></category></item><item><title><![CDATA[被度娘cdn坑了个半天]]></title><link>https://blog.youkuaiyun.com/my_coding2015/article/details/52170075</link><guid>https://blog.youkuaiyun.com/my_coding2015/article/details/52170075</guid><author>my_coding2015</author><pubDate>Wed, 10 Aug 2016 11:50:52 +0800</pubDate><description><![CDATA[妈蛋啊，cdn静态库坑得一笔啊…. 
链接给到它的boostrap库，部分生效部分不生效，特别是栅格系统，设定了完全没作用啊！坑爹啊！搞了一上午，最后把boostrap下载下来成功了。 
…人生就是如此的蛋疼，后面坚决不用这种网存的库文件了。不要嫌麻烦，自己下吧。]]></description><category></category></item><item><title><![CDATA[使用原生Js＋Canvas做一个简单的web游戏]]></title><link>https://blog.youkuaiyun.com/my_coding2015/article/details/52161831</link><guid>https://blog.youkuaiyun.com/my_coding2015/article/details/52161831</guid><author>my_coding2015</author><pubDate>Tue, 09 Aug 2016 13:17:48 +0800</pubDate><description><![CDATA[前言：
这是一个很简单的游戏，通过学习原博文然后进行了一些改造，附上链接。
        原文：点击打开链接
        其中还是有很多不好的设计思维，比如主角和怪物并不是分开处理，如果后续有其他的改动会比较麻烦。
        本篇博文，从头到尾的做一遍，有助于理解游戏的各个流程步骤。
        完成截图如下：


第一部分：初始化html文件和建立Js文件。
资]]></description><category></category></item><item><title><![CDATA[原生Js无缝滚动效果的简单实现]]></title><link>https://blog.youkuaiyun.com/my_coding2015/article/details/52133364</link><guid>https://blog.youkuaiyun.com/my_coding2015/article/details/52133364</guid><author>my_coding2015</author><pubDate>Fri, 05 Aug 2016 23:12:03 +0800</pubDate><description><![CDATA[前言：
1.仍然是比较简单的内容，从简单开始慢慢加深自己的js水平。
2.无缝滚动，前提条件是子box的高度要大于父box的高度，这样才有必要去滚动，否则直接展示就可以了。
3.增添了鼠标移入停止和移出继续滚动的效果。
4.在小结部分会总结一些过程中遇到的疑问，还望各位不啬赐教，拜谢。


代码如下：
<!-- 
Time:2016.8.5
Author:Joel

1.html标]]></description><category></category></item><item><title><![CDATA[原生Js的几种时间效果]]></title><link>https://blog.youkuaiyun.com/my_coding2015/article/details/52130679</link><guid>https://blog.youkuaiyun.com/my_coding2015/article/details/52130679</guid><author>my_coding2015</author><pubDate>Fri, 05 Aug 2016 16:50:30 +0800</pubDate><description><![CDATA[前言： 
            1.这篇博客也要算在样式里面，只是简单的写了一下几种时间的处理方式。比如倒计时，标准时间，倒计时的变种等等。这些样式在各大电商都有应用，算是比较基础是用的部分。 
            2.在代码构建过程中还是遇到了不少困难，大多是编码习惯造成了。简单的东西也要靠不断的练习才能做到胸有成竹，下面是代码部分，欢迎交流。<!--
Time:2016.8.5
Autho]]></description><category></category></item><item><title><![CDATA[原生Js回到顶部效果]]></title><link>https://blog.youkuaiyun.com/my_coding2015/article/details/52128444</link><guid>https://blog.youkuaiyun.com/my_coding2015/article/details/52128444</guid><author>my_coding2015</author><pubDate>Fri, 05 Aug 2016 13:59:47 +0800</pubDate><description><![CDATA[前言：
使用原生js实现简单的回到顶部效果。需求比较明确：1.显示与隐藏按钮。2.中途再次触发onscroll清除定时器（暂时未实现，希望各位赐教）
代码：
<!-- 
Time:2016.8.4
author:Joel

Dom操作
1.document.getElementById    根据ID获取标签元素
2.document.documentElement.scrollTop   ]]></description><category></category></item><item><title><![CDATA[在Sublime3下安装Emmet插件]]></title><link>https://blog.youkuaiyun.com/my_coding2015/article/details/52091836</link><guid>https://blog.youkuaiyun.com/my_coding2015/article/details/52091836</guid><author>my_coding2015</author><pubDate>Tue, 02 Aug 2016 10:19:57 +0800</pubDate><description><![CDATA[Emmet插件是一款强大的插件，可以帮助web前端开发者快速进行开发。利用sublime的扩展性，我们可以方便地进行Emmet安装。安装的教程网上有很多，在此不进行总结和赘述。本教程完全新手向，大神请指教拍砖。
步骤1：下载并安装Sublime3（笔者下载时已经是sublime3）附上链接点击打开链接。
步骤2：下载Package Control附上链接点击打开链接。
步骤3：复制Packa]]></description><category></category></item><item><title><![CDATA[菜鸟成长记（1）——cocos2dx-2048小游戏实战之界面布局]]></title><link>https://blog.youkuaiyun.com/my_coding2015/article/details/48732797</link><guid>https://blog.youkuaiyun.com/my_coding2015/article/details/48732797</guid><author>my_coding2015</author><pubDate>Fri, 25 Sep 2015 14:16:44 +0800</pubDate><description><![CDATA[程序目标：实现2048小游戏的玩法功能，并且初步了解使用cocos2dx编写程序
计划用时：3到5天
使用引擎：cocos2dx-3.6版本
操作系统：OS
IDE：Xcode]]></description><category></category></item></channel></rss>