这是一篇markdown格式的文章,更好的阅读体验请访问我的github,移动端请访问我的博客继承是为了实现方法的复用,如何实现方法的复用呢?最容易想到的,就是:```js//mixinfunction extend(optional, base){ for(var prop in base){ if(!prop in optional){ optional[prop] = base[prop] } } return optional}```这种方法俗称`mixin`,它直接从甲对象复制方法和属性和方法到乙对象,乙对象就拥有...
关于javascript中的call方法,网上查了一些资料总是不得详解。总结网上的观点,call有两个妙用: 1: 继承。(不太喜欢这种继承方式。) 2: 修改函数运行时的this指针。 js中关于call的解释如下: js关于call的这份文档容易让人迷糊。而《javascript权威指南》对call的描述就比较容易理解了。 ...
Source Map。它是一个独立的map文件,与源码在同一个目录下,你可以点击进去,看看它的样子。 这是一个很有用的功能,本文将详细讲解这个功能。一、从源码转换讲起 JavaScript脚本正变得越来越复杂。大部分源码(尤其是各种函数库和框架)都要经过转换,才能投入生产环境。可以500%提高开发效率的前端UI框架! 常见的源码转换,主要是以下三种情况:(1)压缩,减小体积。比如jQuery 1.9的源码,压缩前是252KB,压缩后是32KB。(2)...
今天说说JavaScript在网页中画圆的函数arc! 一、arc所需要的参数设置1arc(x, y, radius, startAngle, endAngle, counterclockwise); 其中x,y,radius都很容易理解,那么重点说说startAngle,endAngle和counterclockwise三个参数! 二、arc参数详解 1,startAngle和endAngle分别指圆开始的角度和结束的角度,手册上面说的是开始的角度为0,结束的角度为Math.PI*2,这样正好画一个圆 2,下面通过实例来讲解startAngle和...
首先,要明白this 既不指向函数自身,也不指函数的词法作用域。this一般存在于函数中,表示当前函数的执行上下文,如果函数没有执行,那么this没有内容,只有函数在执行后this才有绑定。然后,我们来看看this四种绑定规则,也可以说在四种不同函数执行方式时this的指向。1.默认绑定(执行)默认执行:即没有其他绑定规则存在时的默认规则。这也是函数调用中最常用的规则。this指向window,严格模式下指向undefinedfunction fn(){consol...
每次说到javascript到面向对象,总感觉自己心里懂,但是却不知道该怎么说,这就是似懂非懂到表现,于是乎,每次一说,就要到处去查找资料,零零碎碎到看了一些,感觉有懂了,但是过段时间,好像又不知道是怎么回事了,于是乎,又到处找资料,然道是我本来就缺对象?才不理解对象是啥,以至于现实中找找对象,javascript中也在找对象!哎,好尴尬啊!直到我看到了一个妹纸写到“不可不知的javascript面向对象”,我才明白面向对象是...
Firebug是网页开发的利器,能够极大地提升工作效率。但是,它不太容易上手。我曾经翻译过一篇《Firebug入门指南》,介绍了一些基本用法。今天,继续介绍它的高级用法。===================================Firebug控制台详解控制台(Console)是Firebug的第一个面板,也是最重要的面板,主要作用是显示网页加载过程中产生各类信息。一、显示信息的命令Firebug内置一个console对象,提供5种方法,用来显示信息。最简单的方法是conso...
1、什么是数组数组就是一组数据的集合其表现形式就是内存中的一段连续的内存地址数组名称其实就是连续内存地址的首地址 2、关于js中的数组特点数组定义时无需指定数据类型数组定义时可以无需指定数组长度数组可以存储任何数据类型的数据(比如说一个元素保存整型,一个元素保存字符串型,这个在JS中是可以的)创建数组的语法:var arr=[值1,值2,值3]; //隐式创建var arr=new Array(值1,值2,值3); //直接实...
公众号:SAP Technical本文作者:matinal原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:【HANA系列】【第五篇】SAP HANA XS的JavaScript API详解 前言部分大家可以关注我的公众号,公众号里的排版更好,阅读更舒适。正文部分SAP HANA XS使用服务器端JavaScript APISAP HANA扩展应用程序服务(SAP HANA XS)提供了一组服务器端JavaScript应用程序编程接口(API),可配置应用程序与SAP HANA进行交互。SAP HANA XS JavaS...
工厂模式是另外一种关注对象创建概念的创建模式。它的领域中同其它模式的不同之处在于它并没有明确要求我们使用一个构造器。取而代之,一个工厂能提供一个创建对象的公共接口,我们可以在其中指定我们希望被创建的工厂对象的类型。简单工厂模式:使用一个类(通常为单体)来生成实例复杂工厂模式:使用子类来决定一个变量成员应该为哪个具体的类的实例.简单工厂模式var BicycleShop = function () { }; BicycleShop.prototype = {sel...
Firebug是网页开发的利器,能够极大地提升工作效率。但是,它不太容易上手。我曾经翻译过一篇《Firebug入门指南》,介绍了一些基本用法。今天,继续介绍它的高级用法。===================================Firebug控制台详解作者:阮一峰出处:http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html控制台(Console)是Firebug的第一个面板,也是最重要的面板,主要作用是显示网页加载过程中产生各类信息。一、显...
加号+运算符在 JavaScript 中,加法的规则其实很简单,只有两种情况:把数字和数字相加把字符串和字符串相加所有其他类型的值都会被自动转换成这两种类型的值。 为了能够弄明白这种隐式转换是如何进行的,我们首先需要搞懂一些基础知识。让我们快速的复习一下。 在 JavaScript 中,一共有两种类型的值:原始值(primitives)undefinednullbooleannumberstring对象值(objects):除了原始值外,其他的所有值都是对象类型的值,包括数组(a...
场景 有些时候,我们在pc端经常会遇见滚动到底部的时候,去加载下一页的数据, 这个时候,我们就需要知道滚动条什么时候触底了, 如果触底了,就去加载下一页的数据; 在触底的过程中,我们需要注意的是,防止数据堆叠; <style type="text/css">.bottom-content{height: 500px;width: 660px;overflow-y: auto;border: 1px solid #ccc;}.day-item{height: 50px;line-height: 50px;} </style> <body><div ><div ref="contentList"><divv-for=...
转自:http://blog.csdn.net/yueguanghaidao/article/details/9568071 一直对Js的作用域有点迷糊,今天偶然读到Javascript权威指南,立马被吸引住了,写的真不错。我看的是第六版本,相当的厚,大概1000多页,Js博大精深,要熟悉精通需要大毅力大功夫。一:函数作用域 先看一小段代码:1var scope="global"; 2function t(){ 3 console.log(scope); 4var scope="local" 5 console.log(scope); 6} 7 t();(PS: console.log...
昨天的学习笔记,今天更新上。第三遍看oop,还是理解的比较到位了。 1、JavaScript的组成:ECMAScript(最新6) + DOM + BOM2、数组与对象的应用:object的基础学习:对象的分类:js内置类(Number);宿主环境(window);自己创建对象里面有属性也有方法创建对象的几种方式主要分为三种方式:字面量、new() 、create();属性的一些方法:1、遍历 for(sx in p){} 反射式循环注意是无序的:Object.keys(p);返回数组类型的ke...