<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Chaney__Chen的博客]]></title><description><![CDATA[每天进步一点点，学习使我快乐]]></description><link>https://blog.youkuaiyun.com/Chaney__Chen</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Chaney__Chen]]></copyright><item><title><![CDATA[Javascript面向对象编程（三）：非构造函数的继承]]></title><link>https://blog.youkuaiyun.com/Chaney__Chen/article/details/54999503</link><guid>https://blog.youkuaiyun.com/Chaney__Chen/article/details/54999503</guid><author>Chaney__Chen</author><pubDate>Sun, 12 Feb 2017 09:40:10 +0800</pubDate><description><![CDATA[最近在看《javascript面向对象编程指南》时，发现阮一峰阮老师博客里也有关于这方面的博文，觉得写得很好，就手抄转发一份跟大家分享了。阮一峰的网络日志这个系列的第一部分介绍了“封装”，第二部分介绍了使用构造函数实现“继承”。
今天是最后一个部分，介绍不使用构造函数实现“继承”。
一.什么是“非构造函数”的继承？
比如，现在有一个对象，叫做“中国人”。var Chinese = {    nati]]></description><category></category></item><item><title><![CDATA[快速排序(Quicksort)的Javascript实现]]></title><link>https://blog.youkuaiyun.com/Chaney__Chen/article/details/54619226</link><guid>https://blog.youkuaiyun.com/Chaney__Chen/article/details/54619226</guid><author>Chaney__Chen</author><pubDate>Thu, 19 Jan 2017 20:26:44 +0800</pubDate><description><![CDATA[快速排序(Quicksort)的Javascript实现
  转自阮一峰阮老师的博客，看到好文章，手抄转发跟大家分享了。阮一峰的网络日志
  
  目前最常见的排序算法大概有七八种，其中“快速排序”（Quicksort）使用得最广泛，速度也较快。它是图灵奖得主C. A. R. Hoare（1934–）于1960时提出来的。
“快速排序”的思想很简单，整个排序过程只需要三步：
1.在数据集之中，选择一]]></description><category></category></item><item><title><![CDATA[Javascript面向对象编程（二）：构造函数的继承]]></title><link>https://blog.youkuaiyun.com/Chaney__Chen/article/details/54605723</link><guid>https://blog.youkuaiyun.com/Chaney__Chen/article/details/54605723</guid><author>Chaney__Chen</author><pubDate>Wed, 18 Jan 2017 22:46:41 +0800</pubDate><description><![CDATA[最近在看《javascript面向对象编程指南》时，发现阮一峰阮老师博客里也有关于这方面的博文，觉得写得很好，就手抄转发一份跟大家分享了。阮一峰的网络日志
这个系列的第一部分，主要介绍了如何“封装”数据和方法，以及如何从原型对象生成实例。今天要介绍的是，对象之间的“继承”的五种方法。比如，现在有一个“动物”对象的构造函数
function Animal(){    this.species = "动]]></description><category></category></item><item><title><![CDATA[初入职场的程序小员2016总结---风也过雨也走]]></title><link>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53969474</link><guid>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53969474</guid><author>Chaney__Chen</author><pubDate>Sun, 01 Jan 2017 23:53:52 +0800</pubDate><description><![CDATA[2016年，对于我来说是变化最大的一年，也是这些年来收获最大的一年。年初上完大学生涯最后一阶段的课程就开始忙碌找实习工作，说到这里还是要感谢学校在年初组织的外聘企业给我们进行维持一个月的项目实训，当时是做了一个餐厅到店点餐系统，虽然现在回头看觉得自己当时做得多么的差劲，但是也算是在出去之前走了一遍整个项目开发的流程，从需求分析，到功能模块的讨论，定需求，开发准备，小组成员合作等等。很快就是带着简历奔]]></description><category></category></item><item><title><![CDATA[JS高级定时器]]></title><link>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53955696</link><guid>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53955696</guid><author>Chaney__Chen</author><pubDate>Sat, 31 Dec 2016 14:32:46 +0800</pubDate><description><![CDATA[相信使用过setTimeout()和setInterval()创建定时器的都知道可以实现一些有趣好玩的功能，但是肯定也是遇到过一些问题，或者是对JavaScript的定时器存在一定的误解。以下是根据我使用过的定时器和高程3里面高级定时器一节的整理
javascript是运行在单线程的环境中的。而定时器仅仅是计划代码在未来的某个时间执行，并不能保证执行的时间，原因是在页面的生命周期中，不同时间有可能有]]></description><category></category></item><item><title><![CDATA[关于jsonp跨域]]></title><link>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53914618</link><guid>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53914618</guid><author>Chaney__Chen</author><pubDate>Wed, 28 Dec 2016 22:10:39 +0800</pubDate><description><![CDATA[来源：因为Ajax直接请求普通文件存在跨域无权限访问的问题，
jsonp定义:JSONP（JSON with Padding）是数据格式JSON的一种“使用模式”，可以让网页从别的网域要数据。另一个解决这个问题的新方法是跨来源资源共享
同源策略：它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript 的浏览器都会使用这个策略。所谓同源是指，域名，协议，端口相同。当一个浏览器]]></description><category></category></item><item><title><![CDATA[事件对象event]]></title><link>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53912000</link><guid>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53912000</guid><author>Chaney__Chen</author><pubDate>Wed, 28 Dec 2016 18:57:08 +0800</pubDate><description><![CDATA[1.DOM中的事件对象
兼容DOM的浏览器会将一个event对象传入到事件处理程序中。无论指定事件处理程序时使用什么方法（DOM 0级或者DOM 2级），都会传入event对象。
var oBtn = document.getElementById("myBtn");
//DOM 0
oBtn.onclick = function (event){
    alert(event.type);//"]]></description><category></category></item><item><title><![CDATA[Ajax的一些事]]></title><link>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53843343</link><guid>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53843343</guid><author>Chaney__Chen</author><pubDate>Fri, 23 Dec 2016 19:59:40 +0800</pubDate><description><![CDATA[一.HTTP请求的过程
http是一种无状态协议，不建立持久的链接 
http的请求过程： 
1.建立TCP连接， 
2.web浏览器向web服务器发送求情命令。 
3.web浏览器发送请求头信息。 
4.web服务器做出应答 
5.web服务器发送应答头信息 ， 
6.web服务器向浏览器发送数据 
7.web服务器关闭tcp链接
二. HTTP请求，概念介绍
GET： 
1.一般用于信息获取]]></description><category></category></item><item><title><![CDATA[函数节流]]></title><link>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53781575</link><guid>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53781575</guid><author>Chaney__Chen</author><pubDate>Wed, 21 Dec 2016 10:46:29 +0800</pubDate><description><![CDATA[1.为什么用到函数节流？
最近在做瀑布流的页面时，使用到了window.onresize事件，功能页面却是实现了，但是console.log打印了一下，却发现拖动窗口时执行了大量次数，可想对于浏览器渲染页面的性能影响有多大。于是乎Google告诉了我函数节流。
2.函数节流思想
其实函数节流的思想很简单，就是定时器，让实行的频率降低下来，可参考一下代码。
    window.onresize =]]></description><category></category></item><item><title><![CDATA[用闭包实现高级排他]]></title><link>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53767852</link><guid>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53767852</guid><author>Chaney__Chen</author><pubDate>Tue, 20 Dec 2016 19:52:29 +0800</pubDate><description><![CDATA[<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title>    <style>        li{            background-color: #ccc;            border: 1px solid #000;        }        .current{]]></description><category></category></item><item><title><![CDATA[关于this]]></title><link>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53767268</link><guid>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53767268</guid><author>Chaney__Chen</author><pubDate>Tue, 20 Dec 2016 19:15:57 +0800</pubDate><description><![CDATA[1.this: this所在的函数在哪个对象中, this就指向对象(大部分情况)
this: 指针
window两大特性:所有全局的变量都是window的属性所有全局的函数都是window的方法
2.少数情况特殊:
如果this在定时器中, this就指向window
如果this在事件源中, this就指向产生这个事件源的对象  另外，在构造函数里面，在这个函数的内部将this指向函数本身。]]></description><category></category></item><item><title><![CDATA[client家族]]></title><link>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53707718</link><guid>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53707718</guid><author>Chaney__Chen</author><pubDate>Sat, 17 Dec 2016 15:14:03 +0800</pubDate><description><![CDATA[一.client家族1.clientWidth和clientHeight
网页可见区域宽： document.body.clientWidth;
网页可见区域高： document.body.clientHeight;
1.2.clientLeft和clientTop
返回的是元素边框的borderWidth，
如果不指定一个边框或者不定位改元素，其值就为0
1.3.offset、client和sc]]></description><category></category></item><item><title><![CDATA[i++与++i的区别]]></title><link>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53641577</link><guid>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53641577</guid><author>Chaney__Chen</author><pubDate>Wed, 14 Dec 2016 16:35:04 +0800</pubDate><description><![CDATA[基本区别: 
i++ ：先在i所在的表达式中使用i的当前值，后让i加1 
++i ：让i先加1，然后在i所在的表达式中使用i的新值
++i相当于下列代码 
i += 1; 
return i;
i++相当于下列代码 
j = i; 
i += 1; 
return j;
对于for循环，i ++ 和 ++i都可以使用，++i的效率高，++i在转化成汇编语言的时候，会少开辟一个变量，]]></description><category></category></item><item><title><![CDATA[scroll家族]]></title><link>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53641031</link><guid>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53641031</guid><author>Chaney__Chen</author><pubDate>Wed, 14 Dec 2016 16:04:44 +0800</pubDate><description><![CDATA[scroll家族1.基本概念：
网页正文全文宽： document.body.scrollWidth;
网页正文全文高： document.body.scrollHeight;
网页被卷去的高： document.body.scrollTop;
网页被卷去的左： document.body.scrollLeft;  在实际开发中使用比较多的就是scrollTop，如下图： 
  
2.浏览器适配问题]]></description><category></category></item><item><title><![CDATA[JavaScript高级程序设计读书笔记(持续更新)]]></title><link>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53414789</link><guid>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53414789</guid><author>Chaney__Chen</author><pubDate>Wed, 30 Nov 2016 22:26:48 +0800</pubDate><description><![CDATA[第四章.变量、作用域和内存问题4.1基本类型和引用类型的值
基本类型值指的是简单的数据段，而引用类型值指那些可能有多个值构成的对象，注意是对象；
以下两段代码说明了只能给引用类型值动态地添加属性，以便将来使用。
var person = new Object();
person.name = "Chaney";
alert(person.name);    //Chaney//错误的对比演示
var]]></description><category></category></item><item><title><![CDATA[js关系运算符不能连续使用and why?]]></title><link>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53385820</link><guid>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53385820</guid><author>Chaney__Chen</author><pubDate>Mon, 28 Nov 2016 22:36:06 +0800</pubDate><description><![CDATA[1.例：<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>关系运算符不能连续使用</title>
</head>
<body>
<script>
    var a = 5>4>3;
    console.log(a);
    //不能连续使用关系运算符，首先判断5是否大于4，如果大于返回t]]></description><category></category></item><item><title><![CDATA[重温圣杯布局和双飞翼布局]]></title><link>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53363495</link><guid>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53363495</guid><author>Chaney__Chen</author><pubDate>Sun, 27 Nov 2016 11:16:08 +0800</pubDate><description><![CDATA[1.圣杯布局<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
*{margin: 0;padding: 0;}
.all{height: 300px; background: pink; padding:0 200px;min-width:600px;}/*---大盒子用padding撑]]></description><category></category></item><item><title><![CDATA[前端页面兼容性问题总结]]></title><link>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53292741</link><guid>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53292741</guid><author>Chaney__Chen</author><pubDate>Tue, 22 Nov 2016 22:23:25 +0800</pubDate><description><![CDATA[前端兼容性问题总结1.图片 img 标签，在IE浏览器下会有空白    解决办法：display:block;
2. IE6 下父级没有宽高，不会触发haslayout。    触发原因：子级浮动，父级没有宽高，overflow失效
    父级加 zoom:1;
3.躲猫猫    触发原因：一个元素浮动了，同级的元素未浮动。clear:both; 元素有一个border。    解决办法：都浮动]]></description><category></category></item><item><title><![CDATA[《JavaScript语言精粹》读后笔记]]></title><link>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53047055</link><guid>https://blog.youkuaiyun.com/Chaney__Chen/article/details/53047055</guid><author>Chaney__Chen</author><pubDate>Sat, 05 Nov 2016 19:16:19 +0800</pubDate><description><![CDATA[欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：
Markdown和扩展Markdown简洁的语法
代码块高亮
图片链接和图片上传
LaTex数学公式
UML序列图和流程图
离线写博客
导入导出Markdown文件
丰富的快捷键
快捷键
加粗    Ctrl + B 
斜体    Ctrl + I 
引用    Ctrl]]></description><category></category></item></channel></rss>