<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[sonnylight的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/sonnylight</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; sonnylight]]></copyright><item><title><![CDATA[jquery实现瀑布流布局+无限下拉加载]]></title><link>https://blog.youkuaiyun.com/sonnylight/article/details/55271849</link><guid>https://blog.youkuaiyun.com/sonnylight/article/details/55271849</guid><author>sonnylight</author><pubDate>Thu, 16 Feb 2017 21:02:32 +0800</pubDate><description><![CDATA[每一步代码都有详细的注释，思路如下图所示：





	
	Document
	
        *{
            margin: 0px;
            padding: 0px;
        }
        #contianer{
            position: relative; 
            font-size: 0;
     ]]></description><category></category></item><item><title><![CDATA[angular.js多个控制器提示错误Error: [ng:areq]的解决方法]]></title><link>https://blog.youkuaiyun.com/sonnylight/article/details/55190158</link><guid>https://blog.youkuaiyun.com/sonnylight/article/details/55190158</guid><author>sonnylight</author><pubDate>Wed, 15 Feb 2017 10:52:08 +0800</pubDate><description><![CDATA[今天玩angular.js，在一个module下写了多个控制器，遇到这样一个问题，如图：


刚开始我以为是angular.js版本问题，换了低版本的1.2后还是会报这样的错误，所以我就改写了angular控制器的写法，如下：
    app.controller('myCtrl',["$scope",function($scope){   //Angular.js控制器
    $sc]]></description><category></category></item><item><title><![CDATA[判断图片是否全部加载]]></title><link>https://blog.youkuaiyun.com/sonnylight/article/details/53506551</link><guid>https://blog.youkuaiyun.com/sonnylight/article/details/53506551</guid><author>sonnylight</author><pubDate>Wed, 07 Dec 2016 15:18:58 +0800</pubDate><description><![CDATA[JS判断图片加载
	
	
       *{
       	padding:0;
       	margin:0;
       }
	


	
	
	
	
	
	
	
	
	
	
	
	
	
		var imgdefereds=[];
		var n=$("img").length;
		$('img').each(function(){
		 var dfd=$.Deferred();  ]]></description><category></category></item><item><title><![CDATA[手把手教你简单几步实现用github搭建自己的网站]]></title><link>https://blog.youkuaiyun.com/sonnylight/article/details/53434377</link><guid>https://blog.youkuaiyun.com/sonnylight/article/details/53434377</guid><author>sonnylight</author><pubDate>Fri, 02 Dec 2016 14:50:40 +0800</pubDate><description><![CDATA[自从google code关闭了下载服务了之后，GitHub作为了目前最好用的免费开源项目托管站点，众多开源项目都托管在github，而且用github可以搭建属于自己的个性网站。现在跟着我一步步的来搭建自己的github网站
1，首先，要有一个github账号，然后创建一个仓库


2、github有统一的域名命名规则（username+github+io），把仓库名填写成usernam]]></description><category></category></item><item><title><![CDATA[DIY一个Jquery3D图片墙插件]]></title><link>https://blog.youkuaiyun.com/sonnylight/article/details/53397219</link><guid>https://blog.youkuaiyun.com/sonnylight/article/details/53397219</guid><author>sonnylight</author><pubDate>Tue, 29 Nov 2016 19:02:51 +0800</pubDate><description><![CDATA[我把这个插件放在了我的服务器上，下载地址为：http://www.webcjames.com/download/jquery3D_carousel.rar 
动画展示链接：http://webcjames.com/jquery3D_carousel/index.html
代码如下：
html代码：



	
	Jquery3D_carousel
	
	
	


   	 
      
 ]]></description><category></category></item><item><title><![CDATA[HTML5全屏浏览API]]></title><link>https://blog.youkuaiyun.com/sonnylight/article/details/52796576</link><guid>https://blog.youkuaiyun.com/sonnylight/article/details/52796576</guid><author>sonnylight</author><pubDate>Wed, 12 Oct 2016 13:53:54 +0800</pubDate><description><![CDATA[FullScreen API 演示
  
  
  
  
  
    // 处理全屏(需要全屏显示DOM元素)
    function launchFullScreen(element) {
      // 先检测最标准的方法
      if(element.requestFullScreen) {
        element.requestFullScreen();
      }]]></description><category></category></item><item><title><![CDATA[timePicker插件显示年月日时分，并让之默认显示当前时间]]></title><link>https://blog.youkuaiyun.com/sonnylight/article/details/52608286</link><guid>https://blog.youkuaiyun.com/sonnylight/article/details/52608286</guid><author>sonnylight</author><pubDate>Wed, 21 Sep 2016 15:08:15 +0800</pubDate><description><![CDATA[时间选择器
  
  
  
  
  

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }  
.ui-timepicker-div dl { text-align: left; }  
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25p]]></description><category></category></item><item><title><![CDATA[百度地图API学习之定位当前位置及自定义覆盖物和信息窗口]]></title><link>https://blog.youkuaiyun.com/sonnylight/article/details/52440336</link><guid>https://blog.youkuaiyun.com/sonnylight/article/details/52440336</guid><author>sonnylight</author><pubDate>Mon, 05 Sep 2016 15:01:21 +0800</pubDate><description><![CDATA[百度地图API文档学习
    
    
    
    *{padding:0;margin:0;}
    html,body{height: 100%;}
    #container{width: 100%;height:50%;}
    .choice{
        margin-top:10px;
    }
    .choice:after{
        displa]]></description><category></category></item><item><title><![CDATA[wampserver配置多站点]]></title><link>https://blog.youkuaiyun.com/sonnylight/article/details/52314119</link><guid>https://blog.youkuaiyun.com/sonnylight/article/details/52314119</guid><author>sonnylight</author><pubDate>Thu, 25 Aug 2016 14:16:43 +0800</pubDate><description><![CDATA[一般在www目录下会有多个项目需要配置调试，这就需要我们在一个目录下配置多站点。
第一步:找到http-vhosts.conf文件，一般的目录位置为:\www\wamp\apache\conf\extra\下，然后在最后配置虚拟站点
如图:这是我配置的三个站点，修改路径即可


第二步：找到hosts文件，所在位置为:c:\windows\system32\drivers\etc\下
]]></description><category></category></item><item><title><![CDATA[Jquery AJAX选择省份,市区]]></title><link>https://blog.youkuaiyun.com/sonnylight/article/details/52298908</link><guid>https://blog.youkuaiyun.com/sonnylight/article/details/52298908</guid><author>sonnylight</author><pubDate>Wed, 24 Aug 2016 11:32:46 +0800</pubDate><description><![CDATA[前端部分:



	
    
	AJAX获取省份
	
	
       *{
       	padding:0;
       	margin:0;
       }
       #select,#select2{
       	width: 100px;
       	height: 20px;
       }
       .option{
       	width: 100p]]></description><category></category></item><item><title><![CDATA[jQuery扩展函数方法]]></title><link>https://blog.youkuaiyun.com/sonnylight/article/details/52240615</link><guid>https://blog.youkuaiyun.com/sonnylight/article/details/52240615</guid><author>sonnylight</author><pubDate>Thu, 18 Aug 2016 14:23:16 +0800</pubDate><description><![CDATA[jQuery扩展函数
    
    
    //$.extend({}) 是扩展jQuery这个类，为jQuery添加新的方法
    //写法一
      ;(function($){
         $.extend({
         	zhao:function(){
         		alert("这是我的第一个扩展函数");
         	},
         ]]></description><category></category></item><item><title><![CDATA[JS一切皆对象的由来]]></title><link>https://blog.youkuaiyun.com/sonnylight/article/details/52216776</link><guid>https://blog.youkuaiyun.com/sonnylight/article/details/52216776</guid><author>sonnylight</author><pubDate>Tue, 16 Aug 2016 08:45:42 +0800</pubDate><description><![CDATA[这是我看过的关于JS原型和原型链的解析质量很高的一篇博客，来和大家分享一下！
http://www.cnblogs.com/giggle/p/5204348.html]]></description><category></category></item><item><title><![CDATA[angular.js构建单页面购物车]]></title><link>https://blog.youkuaiyun.com/sonnylight/article/details/52212666</link><guid>https://blog.youkuaiyun.com/sonnylight/article/details/52212666</guid><author>sonnylight</author><pubDate>Mon, 15 Aug 2016 16:53:45 +0800</pubDate><description><![CDATA[购物车
	
	
	
      *{
      	padding:0;
      	margin:0;
      	font-family: '微软雅黑';
      }
      .shop-items ul{
      	list-style: none;
      	width: 100%;
      }
      .shop-items ul li{
      	dis]]></description><category></category></item><item><title><![CDATA[多图片网页实现延迟加载图片]]></title><link>https://blog.youkuaiyun.com/sonnylight/article/details/52162348</link><guid>https://blog.youkuaiyun.com/sonnylight/article/details/52162348</guid><author>sonnylight</author><pubDate>Tue, 09 Aug 2016 14:22:06 +0800</pubDate><description><![CDATA[多图片页面的延迟加载
	
	*{
		padding:0;
		margin:0;
	}
      img{
      	width: 300px;
      	height: 200px;
      	display: block;
      }
	
	


	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	//原生JS方法
	   var test={};
	  ]]></description><category></category></item><item><title><![CDATA[PHP处理$.ajax传来的data数据并返回的过程实例]]></title><link>https://blog.youkuaiyun.com/sonnylight/article/details/52154120</link><guid>https://blog.youkuaiyun.com/sonnylight/article/details/52154120</guid><author>sonnylight</author><pubDate>Mon, 08 Aug 2016 17:52:50 +0800</pubDate><description><![CDATA[HTML页面:



	
	Jquery Ajax
	


	
	加载更多
	
       $(function(){      
        //服务器传参
        $("button").click(function(){
          var jsondata={"info":[{"name":"Ajax","home":"beijing"},{"name":"JSON]]></description><category></category></item><item><title><![CDATA[调用百度地图Javascript API]]></title><link>https://blog.youkuaiyun.com/sonnylight/article/details/52121804</link><guid>https://blog.youkuaiyun.com/sonnylight/article/details/52121804</guid><author>sonnylight</author><pubDate>Thu, 04 Aug 2016 18:34:21 +0800</pubDate><description><![CDATA[百度地图API自定义地图


    html,body{margin:0;padding:0;}
    .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px]]></description><category></category></item><item><title><![CDATA[原ChinaUnix博客地址]]></title><link>https://blog.youkuaiyun.com/sonnylight/article/details/52106379</link><guid>https://blog.youkuaiyun.com/sonnylight/article/details/52106379</guid><author>sonnylight</author><pubDate>Wed, 03 Aug 2016 18:47:15 +0800</pubDate><description><![CDATA[之前的ChinaUnix博客地址：http://blog.youkuaiyun.com/sonnylight]]></description><category></category></item><item><title><![CDATA[弹性盒子flex布局实现骰子六个面并让骰子3D空间旋转]]></title><link>https://blog.youkuaiyun.com/sonnylight/article/details/52101888</link><guid>https://blog.youkuaiyun.com/sonnylight/article/details/52101888</guid><author>sonnylight</author><pubDate>Wed, 03 Aug 2016 11:22:09 +0800</pubDate><description><![CDATA[Flex布局实现骰子
	
       *{
       	padding:0;
       	margin:0;
       }
       body{
       	background: black;
       }
       .container{
       	position: relative;
       	width: 100px;
       	heigh]]></description><category></category></item><item><title><![CDATA[canvas旋转,平移,缩放一二例]]></title><link>https://blog.youkuaiyun.com/sonnylight/article/details/52022619</link><guid>https://blog.youkuaiyun.com/sonnylight/article/details/52022619</guid><author>sonnylight</author><pubDate>Mon, 25 Jul 2016 12:32:36 +0800</pubDate><description><![CDATA[Document
	
      *{
      	padding:0;
      	margin:0;
      }
      canvas{
      	display: inline-block;
      }
	


	
	
	
	
	
	//canvas旋转，缩放，平移操作都是对整个画布的操作，如果有多次的话，本次操作是在上一场的操作的基础上操作的
	//canvas平移是对]]></description><category></category></item><item><title><![CDATA[做项目过程中常用的重置CSS样式表]]></title><link>https://blog.youkuaiyun.com/sonnylight/article/details/51995351</link><guid>https://blog.youkuaiyun.com/sonnylight/article/details/51995351</guid><author>sonnylight</author><pubDate>Fri, 22 Jul 2016 15:26:41 +0800</pubDate><description><![CDATA[@charset 'utf-8';
/*css reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,
p,blockquote,th,td，a,b,em,i,strong,html,article,aside, details, figcaption, f]]></description><category></category></item></channel></rss>