<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[fatansitic的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/fatansitic</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; fatansitic]]></copyright><item><title><![CDATA[js中易混淆知识点]]></title><link>https://blog.youkuaiyun.com/fatansitic/article/details/52086504</link><guid>https://blog.youkuaiyun.com/fatansitic/article/details/52086504</guid><author>fatansitic</author><pubDate>Mon, 01 Aug 2016 17:17:25 +0800</pubDate><description><![CDATA[1.nodeType，nodeValue，nodeName
nodeType用来返回节点类型，为了兼容IE，最好将nodeTyep属性与数字值进行比较，比较常用的节点判断见下表



            1
元素节点


            2
属性节点


           3
文本节点


           8
注释


       ]]></description><category></category></item><item><title><![CDATA[js-事件代理]]></title><link>https://blog.youkuaiyun.com/fatansitic/article/details/52055869</link><guid>https://blog.youkuaiyun.com/fatansitic/article/details/52055869</guid><author>fatansitic</author><pubDate>Thu, 28 Jul 2016 15:37:02 +0800</pubDate><description><![CDATA[JS - 事件代理

      如果你想给网页添加点JavaScript的交互性，也许你已经听过JavaScript的事件代理（event delegation），并且觉得这是那些发烧友级别的JavaScript程序员才会关心的什么费解的设计模式之一。事实上，如果你已经知道怎么添加JavaScript的事件处理器（event handler），实现事件代理也是件轻而易举的事情。

   ]]></description><category></category></item><item><title><![CDATA[js实现继承]]></title><link>https://blog.youkuaiyun.com/fatansitic/article/details/52044143</link><guid>https://blog.youkuaiyun.com/fatansitic/article/details/52044143</guid><author>fatansitic</author><pubDate>Wed, 27 Jul 2016 11:47:41 +0800</pubDate><description><![CDATA[js继承有5种实现方式：
1、继承第一种方式：对象冒充
  function Parent(username){
    this.username = username;
    this.hello = function(){
      alert(this.username);
    }
  }
  function Child(username,password){
]]></description><category></category></item><item><title><![CDATA[js中的this]]></title><link>https://blog.youkuaiyun.com/fatansitic/article/details/52037173</link><guid>https://blog.youkuaiyun.com/fatansitic/article/details/52037173</guid><author>fatansitic</author><pubDate>Tue, 26 Jul 2016 21:05:55 +0800</pubDate><description><![CDATA[编程语言中的this一直是变化莫测，让人捉摸不定，最后就被困住，沦陷了.....多么痛的领悟啊可是我们还是无法避开它，好吧，那就让我们把它细细地分析一番(知己知彼)吧。
全局作用域，在浏览器中，window既是通过Javascript访问浏览器窗口的一个接口，也是ECMAScript中的Global对象，这就意味着在全局作用域中定义的变量，函数都会变成window的属性和方法，所以在全局中变量，]]></description><category></category></item><item><title><![CDATA[遇到的兼容性能问题]]></title><link>https://blog.youkuaiyun.com/fatansitic/article/details/52020868</link><guid>https://blog.youkuaiyun.com/fatansitic/article/details/52020868</guid><author>fatansitic</author><pubDate>Mon, 25 Jul 2016 14:36:45 +0800</pubDate><description><![CDATA[温故而知新是一种传统下来的好习惯，总结就是温故的一种沉淀的方式，所以，我就来总结一下这两天出现的的兼容性问题吧
1.前缀
第一种就是css中经常见的需要加前缀可以兼容各浏览器的样式，比如说transform,animation,gradient等等
2.盒子模型
盒子模型通包括content,padding,border,margin这几部分，但是在标准盒子模型和IE盒子模型中，在获取wi]]></description><category></category></item><item><title><![CDATA[滑动门效果]]></title><link>https://blog.youkuaiyun.com/fatansitic/article/details/52014678</link><guid>https://blog.youkuaiyun.com/fatansitic/article/details/52014678</guid><author>fatansitic</author><pubDate>Sun, 24 Jul 2016 17:58:05 +0800</pubDate><description><![CDATA[滑动门特效和手风琴效果有些相似，来实现一下这个效果吧，先介绍一下这个效果中涉及的需要了解的知识点。
1堆叠
方法：滑动门效果中，有堆叠效果布局，一说到堆叠布局，脑中马上蹦出来的两个方法，一个是z-index,另一个就是定位。
实现：z-indx通过改变数值的大小，进行堆叠布局。
    定位主要用到相对定位和绝对定位，所有的子元素相对于父元素进行定位，通过js或者css控制子元素的位置。]]></description><category></category></item><item><title><![CDATA[前端模块化]]></title><link>https://blog.youkuaiyun.com/fatansitic/article/details/52014241</link><guid>https://blog.youkuaiyun.com/fatansitic/article/details/52014241</guid><author>fatansitic</author><pubDate>Sun, 24 Jul 2016 16:33:44 +0800</pubDate><description><![CDATA[前端中有几个需要深入理解的重要知识点，比如语义化，模块化，作用域，原型链，继承和面向对象等问题，今天我们先来整理下前端模块化问题。模块化是为了将实现特定功能的代码文件封装在一起，有了模块可以更方便地使用别人的代码，需要什么功能，加载什么模块。模块开发需要遵循一定的规范不然会乱套。
1. 函数封装：
function setAttribute( name, value){ }
函数封装，将程序]]></description><category></category></item><item><title><![CDATA[canvas绘制2048游戏的背景]]></title><link>https://blog.youkuaiyun.com/fatansitic/article/details/51981298</link><guid>https://blog.youkuaiyun.com/fatansitic/article/details/51981298</guid><author>fatansitic</author><pubDate>Thu, 21 Jul 2016 14:21:57 +0800</pubDate><description><![CDATA[最近痴迷于canvas强大的画图功能，从一个五角星到一片星空，再到2048游戏的背景，这个绘图功能的确很是牛，但是需要些初中数学的基础，比如说今天涉及到的圆角矩形就需要了解三角函数，弧度和角度的转化诸如这样的知识，如果忘了，快去悄悄地补补
这个就是最后的图形显示。


首先我们先来分析一哈圆角矩形的绘制路径，看下图，
                    
还原成一个矩形，就会有wi]]></description><category></category></item><item><title><![CDATA[Canvas绘图]]></title><link>https://blog.youkuaiyun.com/fatansitic/article/details/51954662</link><guid>https://blog.youkuaiyun.com/fatansitic/article/details/51954662</guid><author>fatansitic</author><pubDate>Tue, 19 Jul 2016 15:23:04 +0800</pubDate><description><![CDATA[Canvas绘图做为H5的神奇而又高大上的之一存在，它给超文本标记语言的世界装扮了千万缕的色彩~_~，那么下面就来从绘制环境，绘制图像，绘制文本等方面来深入了解它吧。
1.绘图环境
在绘制之前，先需要在使用canvas元素，来指定绘图区域及大小,开始和结束标签中的内容是在浏览器不支持canvas时显示的内容。
Your browser does not support canvas!
通过]]></description><category></category></item><item><title><![CDATA[拖放事件原理及实现详解]]></title><link>https://blog.youkuaiyun.com/fatansitic/article/details/51942053</link><guid>https://blog.youkuaiyun.com/fatansitic/article/details/51942053</guid><author>fatansitic</author><pubDate>Mon, 18 Jul 2016 19:12:56 +0800</pubDate><description><![CDATA[移动端现在正是发展高潮期，一说到移动端就会想到的前端技术就是H5啦，它就像一种时尚潮流，now是它的主场，就任性地带着移动端头也不回地走向最高峰~
最近再写一个简单的图片拖拽上传，所以就给大家说下这个拖拽。
先分析一哈拖拽整个过程，方便大家理解哈，在拖拽某元素时，会依次触发以下事件：
dragstart
drag
dragend
ps:在选中被拖动元素时，开始移动鼠标时，会触发drag]]></description><category></category></item><item><title><![CDATA[鼠标拖拽效果原理及完整代码实现]]></title><link>https://blog.youkuaiyun.com/fatansitic/article/details/51376889</link><guid>https://blog.youkuaiyun.com/fatansitic/article/details/51376889</guid><author>fatansitic</author><pubDate>Wed, 11 May 2016 18:09:26 +0800</pubDate><description><![CDATA[鼠标拖拽事件完整代码实现]]></description><category></category></item><item><title><![CDATA[js对象创建]]></title><link>https://blog.youkuaiyun.com/fatansitic/article/details/51058012</link><guid>https://blog.youkuaiyun.com/fatansitic/article/details/51058012</guid><author>fatansitic</author><pubDate>Fri, 22 Apr 2016 14:31:09 +0800</pubDate><description><![CDATA[众所周知，面向对象语言有一个标志，它就是类，在ECMAScript中没有类的概念，但这并不影响，类就相当于无序属性的集合，在这里我们可以将ECMAScript中的对象想象成散列表。js中的面向对象程序设计中的创建对象部分有很多模式，比较抽象难理解，在这里根据课本和查阅的资料来总结一哈，希望也可以帮到你们

先来介绍一下几种模式：
  1.工厂模式：它就比较普遍了，就是简单的写个js函数，并进]]></description><category></category></item><item><title><![CDATA[css3盒布局]]></title><link>https://blog.youkuaiyun.com/fatansitic/article/details/51193382</link><guid>https://blog.youkuaiyun.com/fatansitic/article/details/51193382</guid><author>fatansitic</author><pubDate>Tue, 19 Apr 2016 21:19:42 +0800</pubDate><description><![CDATA[自适应布局这些在css3还么有出现的时候需要用比较复杂的代码来实现，然而现在用两行代码就可以轻松搞定，是不是棒棒！
css3里的盒布局可以帮我们轻松布局，来看哈吧~
开启盒布局模式兼容版：
display:box;
//目前还没有浏览器支持box
display:-moz-box;
//兼容gecko内核
display:-webkit-box;
//兼容webkit内核
简单介]]></description><category></category></item><item><title><![CDATA[css选择器]]></title><link>https://blog.youkuaiyun.com/fatansitic/article/details/50791456</link><guid>https://blog.youkuaiyun.com/fatansitic/article/details/50791456</guid><author>fatansitic</author><pubDate>Thu, 03 Mar 2016 21:16:14 +0800</pubDate><description><![CDATA[写网页样式中，css选择器是必不可少的，用着用着会有些混淆所以来把它们进行归类总结一哈
css选择器总得来说分为四种，即行内样式，id选择器，类选择器、属性选择器和伪类选择器，元素和伪元素，必须强调的一点是它们是有优先级的，这就会使得当使用不同类型的多个选择器时，优先级高的会覆盖掉优先级低的；当使用相同类型的多个选择器时，后面的样式会覆盖前面的样式。
先来介绍一哈优先级：
行内样式优先级最高]]></description><category></category></item><item><title><![CDATA[隐藏div的几种常见方法]]></title><link>https://blog.youkuaiyun.com/fatansitic/article/details/50783640</link><guid>https://blog.youkuaiyun.com/fatansitic/article/details/50783640</guid><author>fatansitic</author><pubDate>Wed, 02 Mar 2016 22:20:06 +0800</pubDate><description><![CDATA[面试的时候被问了有几种方法实现让一个div隐藏，被面的时候脑子一片空白，现在稍微冷静地研究了一番，来总结一下吧! 
1.display:none; 
2.visibility:hidden; 
3.background-color:transparent;或者设成与背景一样的颜色即可 
4.opacity来设置不透明级别，注意兼容性filter… 
5.给div一个margin负值，这个负值恰好等于]]></description><category></category></item><item><title><![CDATA[数据类型]]></title><link>https://blog.youkuaiyun.com/fatansitic/article/details/50574205</link><guid>https://blog.youkuaiyun.com/fatansitic/article/details/50574205</guid><author>fatansitic</author><pubDate>Sun, 24 Jan 2016 17:07:26 +0800</pubDate><description><![CDATA[今天分享一下js中的数据类型，其中有5种基本数据类型包括Udefined,Null,Number,String,Boolean和一种复杂数据类型Object。 
先来说下Number类型：Number类型 
 <1> 声明变量： 
       它可以表示整数和浮点数，(存储浮点数的内存是保存整数的两倍)。                        如果是整数，在它的声明并且初始化需要注意，如果]]></description><category></category></item><item><title><![CDATA[border制作带箭头的提示框等好看的效果]]></title><link>https://blog.youkuaiyun.com/fatansitic/article/details/50278313</link><guid>https://blog.youkuaiyun.com/fatansitic/article/details/50278313</guid><author>fatansitic</author><pubDate>Sat, 12 Dec 2015 21:42:42 +0800</pubDate><description><![CDATA[带三角形进度条提示框]]></description><category></category></item><item><title><![CDATA[关于js中“两个等号”和“三个等号”]]></title><link>https://blog.youkuaiyun.com/fatansitic/article/details/49314169</link><guid>https://blog.youkuaiyun.com/fatansitic/article/details/49314169</guid><author>fatansitic</author><pubDate>Wed, 21 Oct 2015 23:57:07 +0800</pubDate><description><![CDATA[学习js不久，今天突然发现了一个以前学习的时候未注意到的问题，就是“两个等号”和“三个等号”的问题。
例如：
var a = 9;
var b = 9;
alert(a == b);
alert(a === b);
此时alert的值肯定是true，不管是全等还是恒等，原因应该也很简单吧，只是定义两个变量，并赋值，是相同类型，并且值也相等。可是当a和b都同时给赋个数组的时候就一定是fa]]></description><category></category></item></channel></rss>