<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[lishangua的专栏]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/lishangua</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; lishangua]]></copyright><item><title><![CDATA[canvas实现刮刮卡，实现canvas擦除]]></title><link>https://blog.youkuaiyun.com/lishangua/article/details/51601505</link><guid>https://blog.youkuaiyun.com/lishangua/article/details/51601505</guid><author>lishangua</author><pubDate>Tue, 07 Jun 2016 09:43:27 +0800</pubDate><description><![CDATA[其实这个问题，一直以来都不是问题，因为以前用canvas做的擦除都是针对手机满屏幕来擦除，所以一直没有踩到这个坑~~~


网络上的擦除效果其实写的都挺泛泛的，没有特别详细的，这里给你们贴一下擦除的源代码，顺便把坑也给你们先预填了，嘿嘿。


这里面最大的坑就是，如果只是擦除一小部分的时候，你就需要将canvas进行定位移动，但是移动后，canvas里的画笔也会进行一起位移。所以在ca]]></description><category></category></item><item><title><![CDATA[ie8下锚点失效的问题]]></title><link>https://blog.youkuaiyun.com/lishangua/article/details/51508393</link><guid>https://blog.youkuaiyun.com/lishangua/article/details/51508393</guid><author>lishangua</author><pubDate>Thu, 26 May 2016 16:27:55 +0800</pubDate><description><![CDATA[又踩个坑，如果a标签使用了绝对定位，那么锚点在ie下是无效的，要用普通的文档流，不用定位就可以正常使用锚点。而且锚点注意，id的名字不能用数字开头哟]]></description><category></category></item><item><title><![CDATA[js的倒计时在ie下显示NAN的最佳解决办法]]></title><link>https://blog.youkuaiyun.com/lishangua/article/details/51506821</link><guid>https://blog.youkuaiyun.com/lishangua/article/details/51506821</guid><author>lishangua</author><pubDate>Thu, 26 May 2016 14:09:50 +0800</pubDate><description><![CDATA[写了一个倒计时，原代码如下：



var times = new Date();
var timesout = new Date("2016-6-7");
var timesg = times.getTime();
var timeoutg = timesout.getTime();
var timescha = parseFloat(timeoutg) - parseFloat(tim]]></description><category></category></item><item><title><![CDATA[获取验证码倒计时]]></title><link>https://blog.youkuaiyun.com/lishangua/article/details/51320822</link><guid>https://blog.youkuaiyun.com/lishangua/article/details/51320822</guid><author>lishangua</author><pubDate>Thu, 05 May 2016 10:35:35 +0800</pubDate><description><![CDATA[html部分a class="getCode">获取验证码a>


js部分
//获取验证码
$('.getCode').on('click',function(){
    setTimeout(backtime,1000);

});
//倒计时
var timenum = 60;
function backtime(){
    if(timenum 1){
        $('.]]></description><category></category></item><item><title><![CDATA[jquery 字符串对比 以及each遍历]]></title><link>https://blog.youkuaiyun.com/lishangua/article/details/51259011</link><guid>https://blog.youkuaiyun.com/lishangua/article/details/51259011</guid><author>lishangua</author><pubDate>Wed, 27 Apr 2016 10:38:48 +0800</pubDate><description><![CDATA[1、第一种情况是定义一个数组，数组中有很多个对象，目标是根据用户输入的关键词，从对象中去遍历，判断是否符合匹配



var wb =[
    {"bumen":"人大电话","sex":"77777777"},
    {"bumen":"大人电话","sex":"88888888"},
    {"bumen":"车载电话","sex":"99999999"},

];
var n]]></description><category></category></item><item><title><![CDATA[mac配置本地环境，用brew下载redis及apache，实现手机访问本地网页]]></title><link>https://blog.youkuaiyun.com/lishangua/article/details/50943340</link><guid>https://blog.youkuaiyun.com/lishangua/article/details/50943340</guid><author>lishangua</author><pubDate>Mon, 21 Mar 2016 11:15:13 +0800</pubDate><description><![CDATA[一、安装brew，打开终端，输入命令    

ruby -e "$(curl -fsSL https://raw.github.com/mxcl/homebrew/go)"

然后用brew来安装其他软件

二、安装redis

在终端里输入命令 brew install redis


三、启动apache


1、Mac OS X 内置了Apache 和 PHP]]></description><category></category></item><item><title><![CDATA[css3完美解决手机横竖屏判断，让用户看邀请函更爽]]></title><link>https://blog.youkuaiyun.com/lishangua/article/details/42122091</link><guid>https://blog.youkuaiyun.com/lishangua/article/details/42122091</guid><author>lishangua</author><pubDate>Wed, 24 Dec 2014 11:55:08 +0800</pubDate><description><![CDATA[html：


 
亲，请竖屏观看本屏内容，谢谢^_^






css：




/* 判断手机横竖屏  */
@media screen and (orientation:portrait) {
    /*  css[竖向定义样式]  */
    #cover1{display: none;width: 100%;height: 100%;backg]]></description><category></category></item><item><title><![CDATA[easings缓动函数速查 贝塞尔曲线实例]]></title><link>https://blog.youkuaiyun.com/lishangua/article/details/42027369</link><guid>https://blog.youkuaiyun.com/lishangua/article/details/42027369</guid><author>lishangua</author><pubDate>Fri, 19 Dec 2014 13:47:32 +0800</pubDate><description><![CDATA[缓动函数指定动画效果在执行时的速度，使其看起来更加真实。
现实物体照着一定节奏移动，并不是一开始就移动很快的。当我们打开抽屉时，首先会让它加速，然后慢下来。当某个东西往下掉时，首先是越掉越快，撞到地上后回弹，最终才又碰触地板。
本页可以在每次你需要时，帮助你找到想要的缓动函数。











css+js



easeInSine




]]></description><category></category></item><item><title><![CDATA[用图片撑开的div，里面的input标签在三星手机不生效解决办法]]></title><link>https://blog.youkuaiyun.com/lishangua/article/details/42024941</link><guid>https://blog.youkuaiyun.com/lishangua/article/details/42024941</guid><author>lishangua</author><pubDate>Fri, 19 Dec 2014 10:35:29 +0800</pubDate><description><![CDATA[三星手机


用图片来衬底，撑开div容器




上面浮动一个input输入框


点击后无焦点怎么办？？？




简单，给div设置高度好了，不要相信撑开的效果，这个居然也有兼容问题，汗死]]></description><category></category></item><item><title><![CDATA[css3的基础用法，新手必看哈（还有css3和jquery动画的对比）]]></title><link>https://blog.youkuaiyun.com/lishangua/article/details/41724987</link><guid>https://blog.youkuaiyun.com/lishangua/article/details/41724987</guid><author>lishangua</author><pubDate>Thu, 04 Dec 2014 15:20:55 +0800</pubDate><description><![CDATA[第一步：


定义动画，名字可以各种起，就像方法名一样
1. 定义动画，名称为fadeIn
@-webkit-keyframes fadeIn {
0% {
opacity: 0; /*初始状态 透明度为0*/
}
50% {
opacity: 0; /*中间状态 透明度为0*/
}
100% {
opacity: 1; /*结尾状态 透明度为1*/
}
}




方法里面还]]></description><category></category></item><item><title><![CDATA[跑马灯详细用法]]></title><link>https://blog.youkuaiyun.com/lishangua/article/details/40821507</link><guid>https://blog.youkuaiyun.com/lishangua/article/details/40821507</guid><author>lishangua</author><pubDate>Wed, 05 Nov 2014 12:54:05 +0800</pubDate><description><![CDATA[一般跑马灯
 
 
   
direction="left" 
TrueSpeed 
scrollamount="1" 
scrolldelay="30" 
onMouseOver="this.stop();" 
onMouseOut="this.start();"> 
   
src="images/p_0/p_1.jpg" 
width="150" 
height="]]></description><category></category></item><item><title><![CDATA[移动端html的meta如何写]]></title><link>https://blog.youkuaiyun.com/lishangua/article/details/40799643</link><guid>https://blog.youkuaiyun.com/lishangua/article/details/40799643</guid><author>lishangua</author><pubDate>Wed, 05 Nov 2014 00:00:40 +0800</pubDate><description><![CDATA[name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
 name="apple-mobile-web-app-capable" content="yes" />
 name="apple-mobile-web-app-status-bar-style" content="black" /]]></description><category></category></item><item><title><![CDATA[js生成0到9,0到10,1到10的随机数]]></title><link>https://blog.youkuaiyun.com/lishangua/article/details/40738213</link><guid>https://blog.youkuaiyun.com/lishangua/article/details/40738213</guid><author>lishangua</author><pubDate>Mon, 03 Nov 2014 11:27:23 +0800</pubDate><description><![CDATA[1.使用内置函数方法：

   Math.random(); //该方法产生一个0到1之间的浮点数。

   延伸：

   Math.floor(Math.random()*10+1); //生成1-10的随机数

   Math.floor(Math.random()*10);//生成0-9的随机数

   函数方法：

   function rand ( n )
]]></description><category></category></item><item><title><![CDATA[jQuery Easing 的最简单使用方法]]></title><link>https://blog.youkuaiyun.com/lishangua/article/details/39320503</link><guid>https://blog.youkuaiyun.com/lishangua/article/details/39320503</guid><author>lishangua</author><pubDate>Tue, 16 Sep 2014 17:44:55 +0800</pubDate><description><![CDATA[导入js包easing.js


然后写效果：]]></description><category></category></item><item><title><![CDATA[背景音乐控件包及使用方法]]></title><link>https://blog.youkuaiyun.com/lishangua/article/details/38850727</link><guid>https://blog.youkuaiyun.com/lishangua/article/details/38850727</guid><author>lishangua</author><pubDate>Tue, 26 Aug 2014 17:18:29 +0800</pubDate><description><![CDATA[导入控件包，然后将这个js写入头部]]></description><category></category></item><item><title><![CDATA[HTML4与HTML5之间的10个本质区别]]></title><link>https://blog.youkuaiyun.com/lishangua/article/details/38709077</link><guid>https://blog.youkuaiyun.com/lishangua/article/details/38709077</guid><author>lishangua</author><pubDate>Wed, 20 Aug 2014 17:16:22 +0800</pubDate><description><![CDATA[HTML5是目前最新的HTML规范，每一个web开发人员将会发现自己需要使用这项新的标准工作。而且，其中很多人会发现，由于HTML4与HTML5之间的区别，新建一个HTML5的网站远比从HTML4往HTML5上迁移来的容易。
 
事实上，HTML5并没有对HTML4做非常重大的调整，而且两者之间有很多相似的地方。
 
虽然如此，两者之间的主要区别仍然需要注意。下面是HTML4与HTML5之]]></description><category></category></item><item><title><![CDATA[Canvas的画线技巧]]></title><link>https://blog.youkuaiyun.com/lishangua/article/details/38709055</link><guid>https://blog.youkuaiyun.com/lishangua/article/details/38709055</guid><author>lishangua</author><pubDate>Wed, 20 Aug 2014 17:14:41 +0800</pubDate><description><![CDATA[利用Canvas标签换线需要怎么做？

       首先，我们必须先搭建一个“舞台”。









       Canvas画线技巧

    var myCanvas = document.getElementById("myCanvas");
    var context =  myCanvas.getContext("2d");




复]]></description><category></category></item><item><title><![CDATA[canvas画有白色的线条]]></title><link>https://blog.youkuaiyun.com/lishangua/article/details/38708639</link><guid>https://blog.youkuaiyun.com/lishangua/article/details/38708639</guid><author>lishangua</author><pubDate>Wed, 20 Aug 2014 16:52:00 +0800</pubDate><description><![CDATA[.bj{width: 100%;height: 100%;background-color: red;position: relative;z-index: 1;}
          #canvas{position: absolute;z-index: 2;}
          
      
  

    
    
        
        
       ]]></description><category></category></item><item><title><![CDATA[canvas块状擦除，擦掉上面图片，漏出下面]]></title><link>https://blog.youkuaiyun.com/lishangua/article/details/38707681</link><guid>https://blog.youkuaiyun.com/lishangua/article/details/38707681</guid><author>lishangua</author><pubDate>Wed, 20 Aug 2014 16:05:17 +0800</pubDate><description><![CDATA[.bj{width: 100%;height: 100%;background-color: red;position: relative;z-index: 1;}
          #canvas{position: absolute;z-index: 2;}
          
      
  

    
    
        
        
       ]]></description><category></category></item><item><title><![CDATA[canvas连线]]></title><link>https://blog.youkuaiyun.com/lishangua/article/details/38707255</link><guid>https://blog.youkuaiyun.com/lishangua/article/details/38707255</guid><author>lishangua</author><pubDate>Wed, 20 Aug 2014 15:43:13 +0800</pubDate><description><![CDATA[.bj{width: 100%;height: 100%;background-color: red;position: relative;z-index: 1;}
          #canvas{position: absolute;z-index: 2;}
          
      





        
        
            
 ]]></description><category></category></item></channel></rss>