javascript
PHP__廊外诗鸽
这个作者很懒,什么都没留下…
展开
-
javascript模块化中的AMD规范
对于一个刚接触javascript模块化编程的人来讲,需要的是一手好资料,javascript模块化编程的前提是需要有javascript基础。在下接触的更多的是关于PHP服务器端的,对于javascript,我只是一个新手,不像老司机那般驾轻就熟。前两天我在github上download了一段程序下来,慢慢开始研究别人写的code,以前我不大喜欢看别人写的东西,总觉得看起来费劲,于是就找了一段简单原创 2017-05-24 10:33:58 · 428 阅读 · 0 评论 -
javascript 中的get()与set()
在《javascript高级程序设计》中的第六章讲到访问器属性,其中讲到get()与set()方法。在此我只是把其中的例子拿出来看一看。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><script type="text/javascript">原创 2017-07-03 15:34:37 · 877 阅读 · 0 评论 -
关于javascript中的sort()方法的使用
关于sort()对数字与字母的排序,首先看一下语法: arrayObject.sort(sortby) ; //其中arrayObject是数组对象,也就是数组名 首先我们来看一串代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title原创 2017-06-23 21:41:34 · 369 阅读 · 0 评论 -
javascript concat(),slice(),splice()方法
废话不多说直接上代码,至于它的定义说明,可以通过网W3school这些网站查看。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script type="text/javascript"> var colors=["r原创 2017-06-24 09:52:28 · 468 阅读 · 0 评论 -
javascript 原型属性(prototype 属性)与 实例属性(自身属性)
讲到原型属性,prototype属性,实例属性,自身属性,首先我们要明白这四者之间的关系。我查了一些资料,原型属性又叫prototype属性,实例属性又叫自身属性。只是叫法不同。下面我要引用他人写的一段代码来加以说明:1:实例属性指的是在构造函数方法中定义的属性,属性和方法都是不一样的引用地址例如:function CreateObject(name,age){ this.name=name转载 2017-07-03 22:41:08 · 4101 阅读 · 0 评论 -
javascript 中的index()属性与lastIndex()属性
为了记录index()与lastIndex()属性,在此我特意做了个简单的测试。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <script type="text/javascript"> var t="hellowor原创 2017-06-26 17:21:12 · 2482 阅读 · 0 评论 -
javascript constructor属性
前面讲到原型属性与实例属性,在此我不得不提constructor属性,为了更深入了解constructor属性,我查了一些资料,下面我们来看看一个实例。function Person() {// some code}javascript内部会自动执行如下几个动作:1.为Person()函数添加一个原形(即 prototype)属性 ;2.为 prototype 对象额外添加一个 constru原创 2017-07-05 09:11:40 · 346 阅读 · 0 评论 -
javascript callee()属性
要想了解callee属性,我们先得了解javascript中的arguments对象,在《javascript高级程序设计》的第三章中,讲到了arguments对象,arguments对象有以下属性:定义 属性名 定义 length属性 返回实际传入的参数个数。 callee属性 返回当前函数的引用(匿名函数可以使用该属性实现递归调用)。 0…n属性 以顺序索引访问传入原创 2017-06-27 11:56:27 · 1585 阅读 · 0 评论 -
javascript hasOwnProperty(),in操作符
hasOwnProperty()方法确定某个对象是否具有带指定名称的属性。语法object.hasOwnProperty(proName)参数object必需。对象的实例。proName必需。一个属性名称的字符串值。使用hasOwnProperty()方法可以检测一个属性是存在于实例中,还是存在于原型中。这个方法只在给定属性存在于对象实例中时,才会返回true。结合之前讲的代码实例,我们再来看一下原创 2017-07-06 15:16:22 · 518 阅读 · 0 评论 -
javascript Object.keys()方法
Object.keys() 返回对象的可枚举属性和方法的名称。语法Object.keys(object)参数 参数 定义 Object 必需。包含属性和方法的对象。这可以是您创建的对象或现有文档对象模型 (DOM) 对象。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title原创 2017-07-06 16:54:08 · 12741 阅读 · 0 评论 -
DOM 中文档节点,文本节点之间的关系
在《javascript高级程序设计》一书中的第十章开篇讲到节点层次。在此我把它的例子拿过来讲一下(按照书中的原文)<html> <head> <title>Sample Page</title> </head> <body> <p>Hello World!</p> </body></html>文档节点书中有这样一段原话:文档节点是每原创 2017-07-21 17:05:56 · 5010 阅读 · 0 评论 -
javascript isPrototypeOf()与getPrototypeOf()方法
关于isPrototypeOf()方法,在此我把前面讲的原型模式图中的代码直接拿过来用。我们先来看看isPrototypeOf()方法的语法:语法isPrototypeOf()函数用于指示对象是否存在于另一个对象的原型链中。如果存在,返回true,否则返回false。 function.prototype.isPrototypeOf(object)参数列表 参数 描述 functi原创 2017-07-06 09:55:36 · 1548 阅读 · 0 评论 -
字符串模板
对于字符串模板的概念,在vue官方文档中的组件中提到这样一段文字: 当使用 DOM 作为模版时 (例如,将 el 选项挂载到一个已存在的元素上), 你会受到 HTML 的一些限制,因为 Vue 只有在浏览器解析和标准化 HTML 后才能获取模版内容。尤其像这些元素 <ul>,<ol>,<table>,<select> 限制了能被它包裹的元素,而一些像 <option> 这样的元素只能出现在某些其它转载 2017-08-01 18:31:57 · 3147 阅读 · 0 评论 -
利用canvas对图片进行灰度色处理,图片只有一半变成灰度色
在对图片进行灰度色处理时,图片只有一半出现灰度色。代码如下:grayscale.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>grayscale example</title> <script src="scripts/modernizr.js" type="text/jav原创 2017-06-11 19:52:11 · 3929 阅读 · 0 评论 -
javascript this的用法
关于javascript的this,一开始我是有些困惑的,与java,php中的this有点不一样。首先我们先看一下下面这段代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><script type="text/javascript">转载 2017-07-02 22:13:00 · 346 阅读 · 0 评论 -
javascript getOwnPropertyDescriptor()方法
对于getOwnPropertyDescriptor方法,我们先来它的定义:定义获取指定对象的自身属性描述符。自身属性描述符是指直接在对象上定义(而非从对象的原型继承)的描述符。语法Object.getOwnPropertyDescriptor(object, propertyname)参数列表 参数 描述 object 必需。包含属性的对象。 propertyname 必原创 2017-07-02 20:35:17 · 12024 阅读 · 0 评论 -
关于对javascript的局部变量以及全局变量作用域的追踪
今天看了一段关于require.js的AMD规范中的shim的使用方式和实现原理,但开局讲到javascript中对全局变量的定义方法,其方法有三种: eg1: 直接利用var申明 var a="hello world1"; function A(){ alert(a); } eg2: 不使用var,直接给定义变量,隐式的声明了全局变量 b=原创 2017-05-26 22:25:40 · 618 阅读 · 0 评论 -
getElementById,getElementsByName,getElementsByTagName,getElementsByClassName四者之间的区别
在《Javascript DOM 编程艺术》与 W3school 中是这样定义的: getElementById():这个方法将返回一个与那个有着给定id属性值的元素节点对应的对象。下面这个案例我是想通过触发test()函数后,给一个id为“div1”的div层添加背景色为黄颜色。<!DOCTYPE html><html><head> <title>shopping list</t原创 2017-05-28 20:05:22 · 6162 阅读 · 0 评论 -
setAttribute()与getAttribute()
在《JavaScript Dom 编程艺术》中定义了两个函数,getAttribute()与setAttribute(),下面我还是通过前面讲的getElementById等中的一个实例来加以说明,在此我并没有将它的理论定义,具体看实例:<!DOCTYPE html><html><head> <title>shopping list</title> <meta http-equi原创 2017-05-29 11:25:30 · 675 阅读 · 0 评论 -
typeof()的用法实例
说到typeof,我们先来看一下它的定义:typeof 运算符返回一个用来表示表达式(的)数据类型(的)字符串。 *可能(的)字符串有:”number”、”string”、”boolean”、”object”、”function” 和 “undefined”。 下面我们来看看实例,在《javascript Dom编程艺术》一书中有这样的一个例子: window.onload=funct原创 2017-05-31 10:30:39 · 6130 阅读 · 1 评论 -
javascript中的数值转换与逻辑非的比较
在《javascript高级程序设计》中的第三章中分别讲到:数值转换 与 逻辑非。 书中是这样讲的:如果操作数是一个对象,返回 false;如果操作数是一个空字符串,返回true;如果操作数是一个非空字符串,返回false;如果操作数是数值0,返回true;如果操作数是任意非0数值,返回false;如果操作数是null,返回true;如果操作数是NaN,返回true;如果操作数是u原创 2017-06-18 17:04:44 · 537 阅读 · 0 评论 -
javascript nextSibling属性
对于nextSibling属性,在W3school中的定义为: nextSibling 属性返回指定节点之后紧跟的节点,在相同的树层级中。注意所返回的节点必须是与上一个节点是同级关系,且彼此之间不能有空格,否则将会返回:undefined<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Titl原创 2017-06-07 16:47:26 · 1187 阅读 · 0 评论 -
全局环境与局部环境的访问比较
关于javascript的全部环境与局部环境的访问比较,一下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <script type="text/javascript"> var color="red";原创 2017-06-20 22:33:34 · 700 阅读 · 0 评论 -
javascript 原型链
对于原型链,在《javascript高级程序设计》中有讲解,但有些词汇太过于专业,对于新手来讲,有些难以理解。在讲解原型链之间,在此我们要先搞清除原型的搜索机制。在《javascript高级程序设计》中有这样一段话很重要:虽然可以通过对象实例访问保存在原型中的值,但却不能通过对象实例重写原型中的值。如果我们在实例中添加了一个属性。该属性将会屏蔽原型中的那个属性。来看下面的例子。<!DOCTYPE原创 2017-07-10 22:21:42 · 514 阅读 · 0 评论 -
《JavaScript DOM编程艺术》第十章 用javascript实现动画效果
list.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>web Design</title> <link href="css/layout2.css" rel="stylesheet" media="screen" /></head><body><p id="messag翻译 2017-06-10 18:47:01 · 695 阅读 · 0 评论 -
javascript apply()与call()方法
对于apply()与call()方法,先看其定义:apply()语法: functionObject.apply([thisObject,[,argArray]]); 参数 描述 thisObject 可选/Object类型指定执行functionObject函数时,函数内部this指针引用的对象。 argsArray 可选/Array argumens对象调用function原创 2017-06-28 11:39:41 · 315 阅读 · 0 评论 -
javascript中的Object.defineProperty()与getOwnPropertyNames ()方法
定义Object.defineProperty()函数是给对象设置属性的。Object.defineProperty(object, propertyname, descriptor); 参数 描述 object 必须,要在其上添加或修改属性的对象。 propertyname 必需。 一个包含属性名称的字符串。 descriptor 属性描述符。 它可以针对数据属性或访原创 2017-06-30 22:55:15 · 753 阅读 · 0 评论 -
javascript 对象描述符
对于操作系统中的文件,我们可以驾轻就熟将其设置为只读、隐藏、系统文件或普通文件。于对象来说,属性描述符提供类似的功能,用来描述对象的值、是否可配置、是否可修改以及是否可枚举。本文就来介绍对象中神秘的属性描述符描述符类型 对象属性描述符的类型分为两种:数据属性和访问器属性数据属性 数据属性(data property)包含一个数据值的位置,在这个位置可以读取和写入值。数据属性有4个特性【1】C转载 2017-07-02 20:12:31 · 346 阅读 · 0 评论 -
Vue method与computed的区别
为了说明method与computed的区别,在此我想先来看看computed属性在vue官网中的说法:模板内的表达式是非常便利的,但是它们实际上只用于简单的运算。在模板中放入太多的逻辑会让模板过重且难以维护。下面我们来看看一个例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title原创 2017-07-28 23:05:44 · 46945 阅读 · 0 评论