Chaney__Chen-CSDN博客

转载 Javascript面向对象编程（三）：非构造函数的继承

最近在看《javascript面向对象编程指南》时，发现阮一峰阮老师博客里也有关于这方面的博文，觉得写得很好，就手抄转发一份跟大家分享了。阮一峰的网络日志这个系列的第一部分介绍了“封装”，第二部分介绍了使用构造函数实现“继承”。今天是最后一个部分，介绍不使用构造函数实现“继承”。一.什么是“非构造函数”的继承？比如，现在有一个对象，叫做“中国人”。var Chinese = { nati

2017-02-12 09:40:10 347

转载快速排序(Quicksort)的Javascript实现

快速排序(Quicksort)的Javascript实现转自阮一峰阮老师的博客，看到好文章，手抄转发跟大家分享了。阮一峰的网络日志目前最常见的排序算法大概有七八种，其中“快速排序”（Quicksort）使用得最广泛，速度也较快。它是图灵奖得主C. A. R. Hoare（1934–）于1960时提出来的。“快速排序”的思想很简单，整个排序过程只需要三步：1.在数据集之中，选择一

2017-01-19 20:26:44 467

转载 Javascript面向对象编程（二）：构造函数的继承

最近在看《javascript面向对象编程指南》时，发现阮一峰阮老师博客里也有关于这方面的博文，觉得写得很好，就手抄转发一份跟大家分享了。阮一峰的网络日志这个系列的第一部分，主要介绍了如何“封装”数据和方法，以及如何从原型对象生成实例。今天要介绍的是，对象之间的“继承”的五种方法。比如，现在有一个“动物”对象的构造函数function Animal(){ this.species = "动

2017-01-18 22:46:41 344

原创初入职场的程序小员2016总结---风也过雨也走

2016年，对于我来说是变化最大的一年，也是这些年来收获最大的一年。年初上完大学生涯最后一阶段的课程就开始忙碌找实习工作，说到这里还是要感谢学校在年初组织的外聘企业给我们进行维持一个月的项目实训，当时是做了一个餐厅到店点餐系统，虽然现在回头看觉得自己当时做得多么的差劲，但是也算是在出去之前走了一遍整个项目开发的流程，从需求分析，到功能模块的讨论，定需求，开发准备，小组成员合作等等。很快就是带着简历奔

2017-01-01 23:53:52 783

原创 JS高级定时器

相信使用过setTimeout()和setInterval()创建定时器的都知道可以实现一些有趣好玩的功能，但是肯定也是遇到过一些问题，或者是对JavaScript的定时器存在一定的误解。以下是根据我使用过的定时器和高程3里面高级定时器一节的整理javascript是运行在单线程的环境中的。而定时器仅仅是计划代码在未来的某个时间执行，并不能保证执行的时间，原因是在页面的生命周期中，不同时间有可能有

2016-12-31 14:32:46 621 2

原创关于jsonp跨域

来源：因为Ajax直接请求普通文件存在跨域无权限访问的问题，jsonp定义:JSONP（JSON with Padding）是数据格式JSON的一种“使用模式”，可以让网页从别的网域要数据。另一个解决这个问题的新方法是跨来源资源共享同源策略：它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript 的浏览器都会使用这个策略。所谓同源是指，域名，协议，端口相同。当一个浏览器

2016-12-28 22:10:39 378

原创事件对象event

1.DOM中的事件对象兼容DOM的浏览器会将一个event对象传入到事件处理程序中。无论指定事件处理程序时使用什么方法（DOM 0级或者DOM 2级），都会传入event对象。var oBtn = document.getElementById("myBtn");//DOM 0oBtn.onclick = function (event){ alert(event.type);//"

2016-12-28 18:57:08 340

原创 Ajax的一些事

一.HTTP请求的过程http是一种无状态协议，不建立持久的链接 http的请求过程： 1.建立TCP连接， 2.web浏览器向web服务器发送求情命令。 3.web浏览器发送请求头信息。 4.web服务器做出应答 5.web服务器发送应答头信息， 6.web服务器向浏览器发送数据 7.web服务器关闭tcp链接二. HTTP请求，概念介绍GET： 1.一般用于信息获取

2016-12-23 19:59:40 316

原创函数节流

1.为什么用到函数节流？最近在做瀑布流的页面时，使用到了window.onresize事件，功能页面却是实现了，但是console.log打印了一下，却发现拖动窗口时执行了大量次数，可想对于浏览器渲染页面的性能影响有多大。于是乎Google告诉了我函数节流。2.函数节流思想其实函数节流的思想很简单，就是定时器，让实行的频率降低下来，可参考一下代码。 window.onresize =

2016-12-21 10:46:29 659

原创用闭包实现高级排他

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> li{ background-color: #ccc; border: 1px solid #000; } .current{

2016-12-20 19:52:29 502

原创关于this

1.this: this所在的函数在哪个对象中, this就指向对象(大部分情况)this: 指针window两大特性:所有全局的变量都是window的属性所有全局的函数都是window的方法2.少数情况特殊:如果this在定时器中, this就指向window如果this在事件源中, this就指向产生这个事件源的对象另外，在构造函数里面，在这个函数的内部将this指向函数本身。

2016-12-20 19:15:57 385

原创 client家族

一.client家族1.clientWidth和clientHeight网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;1.2.clientLeft和clientTop返回的是元素边框的borderWidth，如果不指定一个边框或者不定位改元素，其值就为01.3.offset、client和sc

2016-12-17 15:14:03 412

原创 i++与++i的区别

基本区别: 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在转化成汇编语言的时候，会少开辟一个变量，

2016-12-14 16:35:04 472

原创 scroll家族

scroll家族1.基本概念：网页正文全文宽： document.body.scrollWidth;网页正文全文高： document.body.scrollHeight;网页被卷去的高： document.body.scrollTop;网页被卷去的左： document.body.scrollLeft; 在实际开发中使用比较多的就是scrollTop，如下图： 2.浏览器适配问题

2016-12-14 16:04:44 486

原创 JavaScript高级程序设计读书笔记(持续更新)

第四章.变量、作用域和内存问题4.1基本类型和引用类型的值基本类型值指的是简单的数据段，而引用类型值指那些可能有多个值构成的对象，注意是对象；以下两段代码说明了只能给引用类型值动态地添加属性，以便将来使用。var person = new Object();person.name = "Chaney";alert(person.name); //Chaney//错误的对比演示var

2016-11-30 22:26:48 453

原创 js关系运算符不能连续使用and why?

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

2016-11-28 22:36:06 1822

原创重温圣杯布局和双飞翼布局

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撑

2016-11-27 11:16:08 611

原创前端页面兼容性问题总结

前端兼容性问题总结1.图片 img 标签，在IE浏览器下会有空白解决办法：display:block;2. IE6 下父级没有宽高，不会触发haslayout。触发原因：子级浮动，父级没有宽高，overflow失效父级加 zoom:1;3.躲猫猫触发原因：一个元素浮动了，同级的元素未浮动。clear:both; 元素有一个border。解决办法：都浮动

2016-11-22 22:23:25 669

原创《JavaScript语言精粹》读后笔记

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl

2016-11-05 19:16:19 326

Chaney__Chen的博客