<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[kataerdeshui的专栏]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/kataerdeshui</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; kataerdeshui]]></copyright><item><title><![CDATA[浏览器内核及版本检测]]></title><link>https://blog.youkuaiyun.com/kataerdeshui/article/details/81777038</link><guid>https://blog.youkuaiyun.com/kataerdeshui/article/details/81777038</guid><author>kataerdeshui</author><pubDate>Fri, 17 Aug 2018 14:27:33 +0800</pubDate><description><![CDATA[/* 可配置部分
 ***************************************************************************************/
var webkitVersionUrl = &quot;http:\/\/trac.webkit.org\/browser\/tags\/Safari-%s&quot;;

var vi = [
    // chrom...]]></description><category></category></item><item><title><![CDATA[下雪了动态效果]]></title><link>https://blog.youkuaiyun.com/kataerdeshui/article/details/50372735</link><guid>https://blog.youkuaiyun.com/kataerdeshui/article/details/50372735</guid><author>kataerdeshui</author><pubDate>Mon, 21 Dec 2015 16:17:47 +0800</pubDate><description><![CDATA[CSS:
.snow-container {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 100001;
    }


]]></description><category></category></item><item><title><![CDATA[zepto.js 自定义打包集成其他模块构建流程]]></title><link>https://blog.youkuaiyun.com/kataerdeshui/article/details/45825315</link><guid>https://blog.youkuaiyun.com/kataerdeshui/article/details/45825315</guid><author>kataerdeshui</author><pubDate>Mon, 18 May 2015 18:31:55 +0800</pubDate><description><![CDATA[1、首先在自己的电脑上要安装node.js和npm包管理工具；


2、从github上下载zepto.js的源文件包到本地磁盘（例如：E:\Learning\JS）；
        地址：https://github.com/madrobby/zepto





3、将下载的zepto压缩包解压，进入，找到make文件，打开，找到第42行的位置，添加需要的模块名称（这里我]]></description><category></category></item><item><title><![CDATA[JavaScript技巧小招数]]></title><link>https://blog.youkuaiyun.com/kataerdeshui/article/details/45075803</link><guid>https://blog.youkuaiyun.com/kataerdeshui/article/details/45075803</guid><author>kataerdeshui</author><pubDate>Thu, 16 Apr 2015 15:22:04 +0800</pubDate><description><![CDATA[1、首次为变量赋值时务必使用var关键字
变量没有声明而直接赋值得话，默认会作为一个新的全局变量，要尽量避免使用全局变量。




2、使用===取代==
==和!=操作符会在需要的情况下自动转换数据类型。但===和!==不会，它们会同时比较值和数据类型，这也使得它们要比==和!=快。






[10] === 10 // is false

[10] == 1]]></description><category></category></item><item><title><![CDATA[手机SD卡已损坏的解决方法]]></title><link>https://blog.youkuaiyun.com/kataerdeshui/article/details/41446821</link><guid>https://blog.youkuaiyun.com/kataerdeshui/article/details/41446821</guid><author>kataerdeshui</author><pubDate>Mon, 24 Nov 2014 16:33:23 +0800</pubDate><description><![CDATA[一些androd机器，尤其是非大牌机器，有时总是操作一下就提示“SD卡已损坏”]]></description><category></category></item><item><title><![CDATA[判断滚轮滚动方向]]></title><link>https://blog.youkuaiyun.com/kataerdeshui/article/details/38845263</link><guid>https://blog.youkuaiyun.com/kataerdeshui/article/details/38845263</guid><author>kataerdeshui</author><pubDate>Tue, 26 Aug 2014 11:29:26 +0800</pubDate><description><![CDATA[var scrollDir = "down";

var scrollFunc = function (e) {  
e = e || window.event;  
if (e.wheelDelta) {  //判断浏览器IE，谷歌滑轮事件               
           if (e.wheelDelta > 0) { //当滑轮向上滚动时  
         ]]></description><category></category></item><item><title><![CDATA[你学不来的苹果]]></title><link>https://blog.youkuaiyun.com/kataerdeshui/article/details/38111569</link><guid>https://blog.youkuaiyun.com/kataerdeshui/article/details/38111569</guid><author>kataerdeshui</author><pubDate>Fri, 25 Jul 2014 11:17:15 +0800</pubDate><description><![CDATA[除却文化差异和市场环境不同等因素之外，想学习苹果依然非常难，因为在支撑苹果成功的十大基因中，如果你有一条不具备，就不可能成为下一个“苹果”。

　　在我给民营企业做战略咨询的过程中，遇到过很多非常喜欢苹果产品的企业家，他们都想把自己的公司打造成像苹果公司那样令人羡慕的明星企业，都想制造出像苹果的产品那样受人追捧的产品。可是，每一次我都会给他们泼冷水，因为想学苹果非常难，比学海底捞要难很多倍，为]]></description><category></category></item><item><title><![CDATA[js九宫格抽奖功能]]></title><link>https://blog.youkuaiyun.com/kataerdeshui/article/details/27358359</link><guid>https://blog.youkuaiyun.com/kataerdeshui/article/details/27358359</guid><author>kataerdeshui</author><pubDate>Wed, 28 May 2014 17:45:16 +0800</pubDate><description><![CDATA[js模拟方格式老虎机抽奖

body{background-color:#F6F6F6;font:18px "Microsoft Yahei";font-weight:bold;}
.wrapper{width:50px;margin:0 auto;padding-top:50px;}
.lottery{width:318px;}
.lottery div{width:100px;hei]]></description><category></category></item><item><title><![CDATA[css中单位px、pt、em和rem的区别]]></title><link>https://blog.youkuaiyun.com/kataerdeshui/article/details/26683929</link><guid>https://blog.youkuaiyun.com/kataerdeshui/article/details/26683929</guid><author>kataerdeshui</author><pubDate>Fri, 23 May 2014 11:17:30 +0800</pubDate><description><![CDATA[国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？




px ：像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)

px 特点：

1. IE无法调整那些使用px作为单位的字体大小；

2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；

3]]></description><category></category></item><item><title><![CDATA[css hack 用法汇总]]></title><link>https://blog.youkuaiyun.com/kataerdeshui/article/details/25185281</link><guid>https://blog.youkuaiyun.com/kataerdeshui/article/details/25185281</guid><author>kataerdeshui</author><pubDate>Wed, 07 May 2014 09:38:48 +0800</pubDate><description><![CDATA[hack

示例

IE6(S)

IE6(Q)

IE7(S)

IE7(Q)

IE8(S)

IE8(Q)



*

*color

Yes

Yes

Yes

Yes

No

Yes



+

+color

Yes

Yes

Yes

Yes

No

Yes



-]]></description><category></category></item><item><title><![CDATA[判断访问网页是否为移动设备 不同类型设备跳转至不同链接地址]]></title><link>https://blog.youkuaiyun.com/kataerdeshui/article/details/22720803</link><guid>https://blog.youkuaiyun.com/kataerdeshui/article/details/22720803</guid><author>kataerdeshui</author><pubDate>Tue, 01 Apr 2014 11:09:31 +0800</pubDate><description><![CDATA[function uaredirect(f) {
try {
if (document.getElementById("bdmark") != null) {
return
}
var b = false;
if (arguments[1]) {
var e = window.location.host;
var a = window.location.href;
if (isS]]></description><category></category></item><item><title><![CDATA[全屏滚动特效制作-iphone5s商详页特效]]></title><link>https://blog.youkuaiyun.com/kataerdeshui/article/details/22183011</link><guid>https://blog.youkuaiyun.com/kataerdeshui/article/details/22183011</guid><author>kataerdeshui</author><pubDate>Wed, 26 Mar 2014 15:43:39 +0800</pubDate><description><![CDATA[xmlns="http://www.w3.org/1999/xhtml">


 



 
charset="utf-8">


 
fullPage.js — iPhone 5C演示


 
rel="stylesheet" href="css/jquery.fullPage.css">


 



 
body{color:#333;font]]></description><category></category></item><item><title><![CDATA[优秀学习前端网站链接地址]]></title><link>https://blog.youkuaiyun.com/kataerdeshui/article/details/18362247</link><guid>https://blog.youkuaiyun.com/kataerdeshui/article/details/18362247</guid><author>kataerdeshui</author><pubDate>Thu, 16 Jan 2014 17:22:45 +0800</pubDate><description><![CDATA[分享好的前端学习网站]]></description><category></category></item><item><title><![CDATA[网页右侧浮动导航]]></title><link>https://blog.youkuaiyun.com/kataerdeshui/article/details/17319817</link><guid>https://blog.youkuaiyun.com/kataerdeshui/article/details/17319817</guid><author>kataerdeshui</author><pubDate>Sat, 14 Dec 2013 15:33:40 +0800</pubDate><description><![CDATA[XXXX
XXXX
XXXX
XXXX
XXXX
XXXXX



#navi{background:url(/activity/newyear/images/navi.jpg) center no-repeat;width:110px;height:250px;position:fixed;_position:absolute;right:20px;top:200px;_top]]></description><category></category></item><item><title><![CDATA[像新浪微博那样浏览器title新消息提示]]></title><link>https://blog.youkuaiyun.com/kataerdeshui/article/details/16966153</link><guid>https://blog.youkuaiyun.com/kataerdeshui/article/details/16966153</guid><author>kataerdeshui</author><pubDate>Tue, 26 Nov 2013 15:53:26 +0800</pubDate><description><![CDATA[JS效果-浏览器title新消息提示  
          
          
            // 使用message对象封装消息  
            var message = {  
                time: 0,  
                title: document.title,  
                tim]]></description><category></category></item><item><title><![CDATA[将网页添加至收藏夹代码]]></title><link>https://blog.youkuaiyun.com/kataerdeshui/article/details/13296173</link><guid>https://blog.youkuaiyun.com/kataerdeshui/article/details/13296173</guid><author>kataerdeshui</author><pubDate>Mon, 28 Oct 2013 16:43:50 +0800</pubDate><description><![CDATA[其中rel="sidebar" title="待添加网页title" 是为了兼容火狐浏览器
/**
 * 添加收藏夹 
 */
function addFavorite() {
if (document.all) {
window.external.addFavorite(
'http://XX',
'待添加网页名称');
} else if (window.sidebar) {]]></description><category></category></item><item><title><![CDATA[ps切图：png8和png24的区别]]></title><link>https://blog.youkuaiyun.com/kataerdeshui/article/details/13161423</link><guid>https://blog.youkuaiyun.com/kataerdeshui/article/details/13161423</guid><author>kataerdeshui</author><pubDate>Sat, 26 Oct 2013 22:53:02 +0800</pubDate><description><![CDATA[最近学习ps切图，现总结：
 
png8和png24的区别：

1.png8和png24的根本区别，不是颜色位的区别，而是存储方式不同。
2.png8有1位的布尔透明通道（要么完全透明，要么完全不透明，不支持半透明），png24则有8位（256阶）的布尔透明通道（所谓半透明）。
   png-8
和 gif 有一些相似之处，模式都是索引颜色，只支持像素级的纯透明，不支持
alpha]]></description><category></category></item><item><title><![CDATA[HTML中MARQUEE标签实现文字移动]]></title><link>https://blog.youkuaiyun.com/kataerdeshui/article/details/12573911</link><guid>https://blog.youkuaiyun.com/kataerdeshui/article/details/12573911</guid><author>kataerdeshui</author><pubDate>Thu, 10 Oct 2013 15:42:48 +0800</pubDate><description><![CDATA[例子：





  
      
      
        
·欢迎您光临！

·HTML中MARQUEE标签实现文字移动...
·HTML中MARQUEE标签实现文字移动... 












marquee 属性介绍：

1、align ：设定标签内容的对齐方式
absbottom：绝对底部对齐（与g、p等字母的最下端]]></description><category></category></item><item><title><![CDATA[js图片瀑布流方式展现]]></title><link>https://blog.youkuaiyun.com/kataerdeshui/article/details/12561879</link><guid>https://blog.youkuaiyun.com/kataerdeshui/article/details/12561879</guid><author>kataerdeshui</author><pubDate>Thu, 10 Oct 2013 11:26:30 +0800</pubDate><description><![CDATA[jQuery图片瀑布流方式展现
    
        body, ul, li, h3 { margin: 0; padding: 0; list-style: none; font: bold 12px "微软雅黑"; }
            /*瀑布流布局样式*/
        #lxf-box { position: relative; }
        #lxf-bo]]></description><category></category></item><item><title><![CDATA[Web开发者不容错过的20段CSS代码]]></title><link>https://blog.youkuaiyun.com/kataerdeshui/article/details/12559965</link><guid>https://blog.youkuaiyun.com/kataerdeshui/article/details/12559965</guid><author>kataerdeshui</author><pubDate>Thu, 10 Oct 2013 10:51:05 +0800</pubDate><description><![CDATA[1. CSS Resets

       网络上关于CSS重置的代码非常多。本段代码是根据Eric Meyer’s reset codes进行改编的，里面包含一点响应式图片和所有核心元素的边界框设置，这样就可以保持页边距和填充可以很好地对齐。

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p]]></description><category></category></item></channel></rss>