<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[LBunny_的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/LBunny_</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; LBunny_]]></copyright><item><title><![CDATA[h5c3 day2]]></title><link>https://blog.youkuaiyun.com/LBunny_/article/details/83584467</link><guid>https://blog.youkuaiyun.com/LBunny_/article/details/83584467</guid><author>LBunny_</author><pubDate>Mon, 12 Nov 2018 10:08:08 +0800</pubDate><description><![CDATA[1、边框图片：在内容变化的容器可以使用，边框自动填充

border-image:图片资源    切割的尺寸（切割位置距离对应的边的距离），默认单位px， 不能使用小数/ 边框宽度     平铺方式;

border-image:url() 167/20px round;

border-image-source:url();

border-image-slice:167 167 167 167...]]></description><category></category></item><item><title><![CDATA[h5c3 day1]]></title><link>https://blog.youkuaiyun.com/LBunny_/article/details/83306820</link><guid>https://blog.youkuaiyun.com/LBunny_/article/details/83306820</guid><author>LBunny_</author><pubDate>Wed, 31 Oct 2018 15:09:23 +0800</pubDate><description><![CDATA[购物车宣传（宣传页）

#通过鼠标滚轮切换全屏页面 （FullPage插件）

#搜索fullpage github下载后引入dist中css和js文件

#js：transition帧动画，使用定时器，每隔一段时间更改当前元素状态

#css3：animation补间动画，过渡动画（加过渡只要状态发生改变产出动画）性能会更好

&amp;lt;head&amp;gt;

&amp;lt;title&amp;gt;购物车宣传&amp;l...]]></description><category></category></item><item><title><![CDATA[jquery day4]]></title><link>https://blog.youkuaiyun.com/LBunny_/article/details/83007058</link><guid>https://blog.youkuaiyun.com/LBunny_/article/details/83007058</guid><author>LBunny_</author><pubDate>Fri, 12 Oct 2018 15:09:14 +0800</pubDate><description><![CDATA[1、为元素绑定事件（建议用on）

对象.事件名字(事件处理函数);---普通写法

对象.bind(参数1，参数2);---参数1：事件名字，参数2：事件处理函数

前两种方式只能为存在元素绑定事件，后添加元素没有事件

下面两种方法可以为存在元素绑定事件，后添加元素也有事件

对象.delegate(&quot;选择器&quot;,&quot;事件名字&quot;事件处理函数,);---父级元素调用方法，代理子级元素绑定事件

对象...]]></description><category></category></item><item><title><![CDATA[jquery day3]]></title><link>https://blog.youkuaiyun.com/LBunny_/article/details/82981883</link><guid>https://blog.youkuaiyun.com/LBunny_/article/details/82981883</guid><author>LBunny_</author><pubDate>Thu, 11 Oct 2018 09:39:20 +0800</pubDate><description><![CDATA[1、元素创建

（1）$(&quot;#btn&quot;).click(function(){

$(&quot;&amp;lt;input type=‘button’ value=‘按钮’&amp;gt;&quot;).appendTo($(&quot;#dv&quot;));

});

（2）$(&quot;#btn&quot;).click(function(){

$(&quot;#dv&quot;).html(&quot;&amp;lt;input type=‘button’ value=‘按]]></description><category></category></item><item><title><![CDATA[jquery day2]]></title><link>https://blog.youkuaiyun.com/LBunny_/article/details/82976857</link><guid>https://blog.youkuaiyun.com/LBunny_/article/details/82976857</guid><author>LBunny_</author><pubDate>Tue, 09 Oct 2018 14:28:38 +0800</pubDate><description><![CDATA[1、样式写法

（1）

$(#dv).css(&quot;width&quot;,&quot;300px&quot;);

$(#dv).css(&quot;height&quot;,&quot;200px&quot;);

（2）链式编程

$(#dv).css(&quot;width&quot;,&quot;300px&quot;).css(&quot;height&quot;,&quot;200px&quot;);

（3）键值对

var  json={&quot;width&quot;:&quo]]></description><category></category></item><item><title><![CDATA[jquery day1]]></title><link>https://blog.youkuaiyun.com/LBunny_/article/details/82868855</link><guid>https://blog.youkuaiyun.com/LBunny_/article/details/82868855</guid><author>LBunny_</author><pubDate>Sat, 29 Sep 2018 16:02:59 +0800</pubDate><description><![CDATA[1、官网：jquery.com  1.12.1版本

正常版本 压缩版本：开发都可以，上线使用压缩版本

//引入jquery文件

&amp;lt;script src=&quot;jquery-q.21.1.js&quot;&amp;gt;&amp;lt;/script&amp;gt;

//点击按钮，设置div样式

$(&quot;#btn&quot;).click(function(){

$(&quot;#dv&quot;).css({&quot;width&quot;:&quot;200px&]]></description><category></category></item><item><title><![CDATA[js高级 day5]]></title><link>https://blog.youkuaiyun.com/LBunny_/article/details/82839853</link><guid>https://blog.youkuaiyun.com/LBunny_/article/details/82839853</guid><author>LBunny_</author><pubDate>Thu, 27 Sep 2018 16:11:13 +0800</pubDate><description><![CDATA[1、浅拷贝

var obj1={age:10};

var obj2={};

function extend(a,b){

for(var key in a){

b[key]=a[key];

}

}

extend(obj1,obj2);

2、深拷贝

var obj1={age:10};

var obj2={};

function extend(a,b){

for(var ke...]]></description><category></category></item><item><title><![CDATA[js高级 day4]]></title><link>https://blog.youkuaiyun.com/LBunny_/article/details/82780899</link><guid>https://blog.youkuaiyun.com/LBunny_/article/details/82780899</guid><author>LBunny_</author><pubDate>Tue, 25 Sep 2018 15:21:16 +0800</pubDate><description><![CDATA[1、apply和call（改变this指向）

apply:函数名字/方法名字.apply(对象,[参数1,参数2]);

call:函数名字/方法名字.call(对象,参数1,参数2);

function f1(x,y){

console.log((x+y)+this);

return &quot;返回值&quot;;

}

//调用

var r1=f1.apply(null,[1,2]);

var r...]]></description><category></category></item><item><title><![CDATA[js高级 day3]]></title><link>https://blog.youkuaiyun.com/LBunny_/article/details/82682447</link><guid>https://blog.youkuaiyun.com/LBunny_/article/details/82682447</guid><author>LBunny_</author><pubDate>Thu, 20 Sep 2018 08:49:19 +0800</pubDate><description><![CDATA[1、原型及原型链

构造函数：prototype  程序员

实例对象：__proto__   浏览器  （指向原型对象）

原型对象：prototype construction 属性 方法 （在构造函数中）

原型链：实例对象与原型对象关系，关系通过原型来联系（__proto__）

2、原型指向

构造函数中this是实例对象，原型对象中方法中this是实例对象

实例对象__proto__...]]></description><category></category></item><item><title><![CDATA[js高级 day2]]></title><link>https://blog.youkuaiyun.com/LBunny_/article/details/82627875</link><guid>https://blog.youkuaiyun.com/LBunny_/article/details/82627875</guid><author>LBunny_</author><pubDate>Thu, 13 Sep 2018 09:07:40 +0800</pubDate><description><![CDATA[贪吃蛇：根据需求，抽象出相关对象，总结对象的特征和行为，把特征变为属性，行为变为方法，定义构造函数，实例化对象，通过对象调用属性和方法，完成相应需求

.map{

width:800px;

height:600px;

background-color:#ccc;

position:relative;

}

&amp;lt;div class=&quot;map&quot;&amp;gt;&amp;lt;/div&amp;gt;

&amp;lt;...]]></description><category></category></item><item><title><![CDATA[js高级 day1]]></title><link>https://blog.youkuaiyun.com/LBunny_/article/details/82495705</link><guid>https://blog.youkuaiyun.com/LBunny_/article/details/82495705</guid><author>LBunny_</author><pubDate>Tue, 11 Sep 2018 16:24:36 +0800</pubDate><description><![CDATA[1、工厂模式与自定义

工厂模式：函数是小写，有new，有返回值，new之后的对象是当前对象，直接调用函数就可以创建对象

function creatObject(name,age){

var obj=new Object();

obj.age=age;

obj.name=name;

obj.sayHi=function(){

console.log(&quot;您好&quot;);

};

retur...]]></description><category></category></item><item><title><![CDATA[webapi day7]]></title><link>https://blog.youkuaiyun.com/LBunny_/article/details/82423840</link><guid>https://blog.youkuaiyun.com/LBunny_/article/details/82423840</guid><author>LBunny_</author><pubDate>Fri, 07 Sep 2018 10:01:52 +0800</pubDate><description><![CDATA[1、拖拽对话框

&amp;lt;div class=&quot;login-header&quot;&amp;gt;&amp;lt;a id=&quot;link&quot; href=&quot;javascript:void(0)&quot;&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;

&amp;lt;div id=&quot;login&quot; class=&quot;login&quot;&amp;gt;&amp;lt;/div&amp;gt;]]></description><category></category></item><item><title><![CDATA[webapi day6]]></title><link>https://blog.youkuaiyun.com/LBunny_/article/details/82348594</link><guid>https://blog.youkuaiyun.com/LBunny_/article/details/82348594</guid><author>LBunny_</author><pubDate>Wed, 05 Sep 2018 14:48:46 +0800</pubDate><description><![CDATA[1、scroll

scrollTop：向上卷曲出去的距离  

scrollLeft：向左卷曲出去的距离

scollWidth:元素中内容实际的宽

scollHeight:元素中内容实际的高

2、固定导航栏

&amp;lt;div class=&quot;top&quot; id=&quot;topPart&quot;&amp;gt;&amp;lt;/div&amp;gt;

&amp;lt;div class=&quot;nav&quot; id=&quot;navBar&quot;&amp;g]]></description><category></category></item><item><title><![CDATA[webapi day5]]></title><link>https://blog.youkuaiyun.com/LBunny_/article/details/82177179</link><guid>https://blog.youkuaiyun.com/LBunny_/article/details/82177179</guid><author>LBunny_</author><pubDate>Mon, 03 Sep 2018 14:49:40 +0800</pubDate><description><![CDATA[1、一次性定时器

&amp;lt;input type=&quot;button&quot; id=&quot;btn&quot;/&amp;gt;

&amp;lt;script&amp;gt;

window.onload=function(){

var timeId=window.setTimeout(

function(){

alert(&quot;您好&quot;);

},1000);

document.getElementById(&quot;btn&quot;).onclick=f]]></description><category></category></item><item><title><![CDATA[webapi day 4]]></title><link>https://blog.youkuaiyun.com/LBunny_/article/details/82106651</link><guid>https://blog.youkuaiyun.com/LBunny_/article/details/82106651</guid><author>LBunny_</author><pubDate>Wed, 29 Aug 2018 07:46:13 +0800</pubDate><description><![CDATA[1、解绑事件

（1）用什么方式绑定事件，就应该用对应的方式解绑事件

对象.on事件名字=事件处理函数-----绑定事件

对象.on事件名字=null;

（2）对象.addEventListener（&quot;没有on的事件类型&quot;，命名函数，false）;---绑定事件

对象.removeEventListener（&quot;没有on的事件类型&quot;，命名函数，false）;---解绑事件

（3）对象.at...]]></description><category></category></item><item><title><![CDATA[webapi day 3]]></title><link>https://blog.youkuaiyun.com/LBunny_/article/details/81979607</link><guid>https://blog.youkuaiyun.com/LBunny_/article/details/81979607</guid><author>LBunny_</author><pubDate>Fri, 24 Aug 2018 15:35:14 +0800</pubDate><description><![CDATA[1、节点

（1）节点的属性

nodeType：节点的类型   1--标签，2--属性，3--文本

nodeName：节点的名字：标签节点--大写的标签名字，属性节点--小写的属性名字，文本节点--#text

nodeValue：节点的值：标签节点--null，属性节点--属性值，文本节点--文本内容

（2）凡是获取节点的代码的代码在谷歌和火狐得到的都是相关的节点，凡是获取元素的代码在谷歌...]]></description><category></category></item><item><title><![CDATA[webapi day2]]></title><link>https://blog.youkuaiyun.com/LBunny_/article/details/81866516</link><guid>https://blog.youkuaiyun.com/LBunny_/article/details/81866516</guid><author>LBunny_</author><pubDate>Thu, 23 Aug 2018 13:50:16 +0800</pubDate><description><![CDATA[1、组织超链接跳转

&amp;lt;a href=&quot;www.baidu.com&quot; id=&quot;ak&quot;&amp;gt;百度&amp;lt;/a&amp;gt;

&amp;lt;script&amp;gt;

document.getElementById(&quot;ak&quot;).onclick=function(){

alert(&quot;嘎嘎&quot;);

return false;

};

&amp;lt;/script&amp;gt;

2、点小]]></description><category></category></item><item><title><![CDATA[webapi day1]]></title><link>https://blog.youkuaiyun.com/LBunny_/article/details/81772537</link><guid>https://blog.youkuaiyun.com/LBunny_/article/details/81772537</guid><author>LBunny_</author><pubDate>Sun, 19 Aug 2018 14:36:58 +0800</pubDate><description><![CDATA[1、DOM（文档对象模型）

HTML：展示信息，展示数据      XML：侧重存储数据

元素（element）：页面里所有标签     节点（node）：页面中所有内容     文档：一个页面就是一个文档

2、点击弹框

//先有按钮，才有获取，获取之后才能注册

&amp;lt;input type=&quot;button&quot; value=&quot;按钮&quot; id=&quot;btn&quot; /&amp;gt;

//根据id属性值从文档...]]></description><category></category></item><item><title><![CDATA[方法]]></title><link>https://blog.youkuaiyun.com/LBunny_/article/details/81660870</link><guid>https://blog.youkuaiyun.com/LBunny_/article/details/81660870</guid><author>LBunny_</author><pubDate>Fri, 17 Aug 2018 09:03:46 +0800</pubDate><description><![CDATA[方法查询MDN

兼容旧环境Polyfill


自定义math案例
function MyMath(){
this.getmax=function(){
var max=arguments[0];
for(var i=0;i&amp;lt;arguments.length;i++){
if(max&amp;lt;arguments[0]){
max=arguments[0];
}
}
return max;
}...]]></description><category></category></item><item><title><![CDATA[JavaScript day 3]]></title><link>https://blog.youkuaiyun.com/LBunny_/article/details/81196532</link><guid>https://blog.youkuaiyun.com/LBunny_/article/details/81196532</guid><author>LBunny_</author><pubDate>Mon, 13 Aug 2018 10:12:57 +0800</pubDate><description><![CDATA[1、arguments：获取函数调用，传入几个参数，可以获取传入的每个参数值

arguments.length 实参的个数     arguments[索引] 实参的值

2、函数其它定义方式

命名函数：function 函数名（）{循环体}      函数名（）；（重名函数覆盖，执行最后一个）

匿名函数：var 变量=function（）{循环体}； （函数赋值要加分号）  变量（）；

...]]></description><category></category></item></channel></rss>