<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[婧小童的coding岁月]]></title><description><![CDATA[分享学习心得，记录成长的每一步，coding！fighting！]]></description><link>https://blog.youkuaiyun.com/u014716259</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; u014716259]]></copyright><item><title><![CDATA[js事件重复绑定问题]]></title><link>https://blog.youkuaiyun.com/u014716259/article/details/47443419</link><guid>https://blog.youkuaiyun.com/u014716259/article/details/47443419</guid><author>u014716259</author><pubDate>Thu, 13 Aug 2015 12:24:14 +0800</pubDate><description><![CDATA[先看一个简单的例子吧（为了方便，例子使用jQuery写的）：<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <button id='create'>点击生成新的button</button>
    <div id="bu]]></description><category></category></item><item><title><![CDATA[git入门——学习资源整合]]></title><link>https://blog.youkuaiyun.com/u014716259/article/details/47300973</link><guid>https://blog.youkuaiyun.com/u014716259/article/details/47300973</guid><author>u014716259</author><pubDate>Thu, 06 Aug 2015 12:28:39 +0800</pubDate><description><![CDATA[这篇文章昨天就写好了，但是不知道什么原因消失了 -_-|||，所以这里算是前一版本的精华
先给出一些我认为比较合适的学习资源：
新手入门，简易版的——git使用简易指南
官方教程，Git-Book 英文版
官方教程，Git-Book 中文版
一、什么是git？
  Git是Linus用C实现的一个分布式版本控制工具，注意这里对分布式的强调。不同于Git，像Perforce、SVN和CVS这类版本控制]]></description><category></category></item><item><title><![CDATA[建立自己的JS库【初始篇】]]></title><link>https://blog.youkuaiyun.com/u014716259/article/details/44412787</link><guid>https://blog.youkuaiyun.com/u014716259/article/details/44412787</guid><author>u014716259</author><pubDate>Wed, 18 Mar 2015 16:15:08 +0800</pubDate><description><![CDATA[现在js的库在网上有很多种，使用量最大的可能要属jQuery了。我自己也喜欢用jQuery，JS库使用起来会比原生的JavaScript要方便很多，而且可以减少代码量。
但是个人觉得不能过度依赖于JS库，对于最基本的原生js还是要熟练掌握。
看了JS---创建自己的“JavaScript库”，原来如此简单  的文章，也研究了一些相关的资料，决定自己开始尝试建立自己的JS库。


先尝试着]]></description><category></category></item><item><title><![CDATA[发表评论动态样式实现——便签贴纸]]></title><link>https://blog.youkuaiyun.com/u014716259/article/details/44301981</link><guid>https://blog.youkuaiyun.com/u014716259/article/details/44301981</guid><author>u014716259</author><pubDate>Mon, 16 Mar 2015 10:14:41 +0800</pubDate><description><![CDATA[想做一个发表评论的页面，但同时又不希望想贴吧或者其他发表评论的结构和布局。于是就采用了jQuery的动画，将评论发布的过程拟物化了。
下面是示意图：
（写评论）


（发表评论——会动态的随机将新的评论贴到展板上，可以覆盖掉原来的评论）








先看布局：


 
  
  
  
  
  
  
  发表评论
 
 
	
		
			
				title
]]></description><category></category></item><item><title><![CDATA[Yahoo——网站性能优化35条黄金守则]]></title><link>https://blog.youkuaiyun.com/u014716259/article/details/44277561</link><guid>https://blog.youkuaiyun.com/u014716259/article/details/44277561</guid><author>u014716259</author><pubDate>Sun, 15 Mar 2015 15:41:12 +0800</pubDate><description><![CDATA[Yahoo!的 Exceptional Performance团队为改善 Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。

Excetional Performance 团队总结出了一系列可以提高网站速度的方法。可以分为 7大类 35条。
包括内容 、服务器 、 CSS 、 JavaScri]]></description><category></category></item><item><title><![CDATA[仿商业网站——商品评分效果实现【提高篇】]]></title><link>https://blog.youkuaiyun.com/u014716259/article/details/44260209</link><guid>https://blog.youkuaiyun.com/u014716259/article/details/44260209</guid><author>u014716259</author><pubDate>Sat, 14 Mar 2015 15:42:58 +0800</pubDate><description><![CDATA[看过之前的那一篇仿商业网站——商品评分效果的实现，就可能发现之前的那种实现方式还差一点点效果：就是当每个星星被focus的时候，星星最好有动态的变化，如下图：


鼠标focus后，星星的状态：




这里用到一点点CSS sprite的技术，将点亮和未点亮的星星放置在一张图片（star.png）中，通过改变背景贴图的样式来实现星星点亮或熄灭。
HTML没有太大变化，CSS代码]]></description><category></category></item><item><title><![CDATA[仿商业网站——商品评分效果的实现]]></title><link>https://blog.youkuaiyun.com/u014716259/article/details/44258357</link><guid>https://blog.youkuaiyun.com/u014716259/article/details/44258357</guid><author>u014716259</author><pubDate>Sat, 14 Mar 2015 12:12:08 +0800</pubDate><description><![CDATA[个人觉得效果还是不错的。废话不多说，先看看HTML的布局：



 
  
  
  
  
  商品评分
 
 
  
    
	  商品描述：
	     
		     
	         
		     
		     
		     
		 5
		 分：
		 非常满意
	

	
	  发货速度：]]></description><category></category></item><item><title><![CDATA[实现下拉列表的两种方式]]></title><link>https://blog.youkuaiyun.com/u014716259/article/details/44258107</link><guid>https://blog.youkuaiyun.com/u014716259/article/details/44258107</guid><author>u014716259</author><pubDate>Sat, 14 Mar 2015 12:03:29 +0800</pubDate><description><![CDATA[下拉列表是网页中最为常见的结构之一，这里暂时采用两种方式：纯CSS的方法和JavaScript的方法来实现。
（PS：其实，除了下拉列表以外，还有很多在网页中使用频率较高的结构，可以自己编写好常用的代码段，以便在项目中使用提高效率。）
1、纯CSS实现：
 先看看效果图：

HTML的代码很简单，就不多说了。
这里用CSS实现注意伪类和display属性的使用就好：

{优快云:]]></description><category></category></item><item><title><![CDATA[windows环境下wampserver环境搭建]]></title><link>https://blog.youkuaiyun.com/u014716259/article/details/42025595</link><guid>https://blog.youkuaiyun.com/u014716259/article/details/42025595</guid><author>u014716259</author><pubDate>Fri, 19 Dec 2014 11:10:01 +0800</pubDate><description><![CDATA[wampserver环境搭建（附wampserver2.5安装包下载路径）]]></description><category></category></item></channel></rss>