- 博客(18)
- 收藏
- 关注
RSS订阅原创 Vue 由单个复选框引发的联想
关于复选框，我想只要会点html的，大多数会用，但今天在Vue的实例中遇到一个小小的问题引发了我的思考。在此我先把Vue的实例代码贴出来，再来探讨一下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="javascript/vue.m
2017-07-31 22:37:51
2414
原创 vue v-model
对于v-model指令，一开始并没有引起我的注意，看到这个命令我仅仅只是在vue官网上查了一下,简单的就几个字。在表单控件或者组件上创建双向绑定。于是我找到菜鸟教程中的一个实例，如是照着它的样子粗劣的写了一下如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>
2017-07-31 19:57:41
1492
原创 html5 placeholder与value的区别
定义首先我们来看一下placeholder在html5中的定义：placeholder 属性提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。注释：placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password。注意：placeholder是ht
2017-07-31 11:24:04
5006
原创 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
47000
原创 DOM 中文档节点，文本节点之间的关系
在《javascript高级程序设计》一书中的第十章开篇讲到节点层次。在此我把它的例子拿过来讲一下（按照书中的原文）<html> <head> <title>Sample Page</title> </head> <body> <p>Hello World!</p> </body></html>文档节点书中有这样一段原话：文档节点是每
2017-07-21 17:05:56
5030
原创 window 下vue.js的环境搭建
vue.js这两年非常火，下面我们来看看vue在window下的环境搭建：1.安装node.js我用的是64位window10专业版，在此我说一下node的下载与安装。进入node官网：https://nodejs.org/en/ ，网站会自动判断你的电脑位数，我用的64位，根据情况下载64位node安装包，如下图：2：下载完后，直接点击下一步，下一步就好，安装好node.js后，安装基于淘宝的np
2017-07-19 21:54:12
4824
原创 javascript 原型链
对于原型链，在《javascript高级程序设计》中有讲解，但有些词汇太过于专业，对于新手来讲，有些难以理解。在讲解原型链之间，在此我们要先搞清除原型的搜索机制。在《javascript高级程序设计》中有这样一段话很重要：虽然可以通过对象实例访问保存在原型中的值，但却不能通过对象实例重写原型中的值。如果我们在实例中添加了一个属性。该属性将会屏蔽原型中的那个属性。来看下面的例子。<!DOCTYPE
2017-07-10 22:21:42
527
原创 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
12761
原创 javascript hasOwnProperty()，in操作符
hasOwnProperty（）方法确定某个对象是否具有带指定名称的属性。语法object.hasOwnProperty(proName)参数object必需。对象的实例。proName必需。一个属性名称的字符串值。使用hasOwnProperty()方法可以检测一个属性是存在于实例中，还是存在于原型中。这个方法只在给定属性存在于对象实例中时，才会返回true。结合之前讲的代码实例，我们再来看一下
2017-07-06 15:16:22
544
原创 javascript isPrototypeOf()与getPrototypeOf()方法
关于isPrototypeOf()方法，在此我把前面讲的原型模式图中的代码直接拿过来用。我们先来看看isPrototypeOf()方法的语法：语法isPrototypeOf()函数用于指示对象是否存在于另一个对象的原型链中。如果存在，返回true，否则返回false。 function.prototype.isPrototypeOf(object)参数列表 参数 描述 functi
2017-07-06 09:55:36
1567
原创 原型模式
为了理解《javascript高级程序设计》第六章中的原型对象中的关系图。在此我把它直接给拍下来了，没有画图。看到上图就可以写出代码了。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <script type="text/javascri
2017-07-06 09:32:56
277
原创 javascript constructor属性
前面讲到原型属性与实例属性，在此我不得不提constructor属性，为了更深入了解constructor属性，我查了一些资料，下面我们来看看一个实例。function Person() {// some code}javascript内部会自动执行如下几个动作：1.为Person()函数添加一个原形（即 prototype）属性 ；2.为 prototype 对象额外添加一个 constru
2017-07-05 09:11:40
374
转载 javascript 原型属性（prototype 属性）与 实例属性（自身属性）
讲到原型属性，prototype属性，实例属性，自身属性，首先我们要明白这四者之间的关系。我查了一些资料，原型属性又叫prototype属性，实例属性又叫自身属性。只是叫法不同。下面我要引用他人写的一段代码来加以说明：1：实例属性指的是在构造函数方法中定义的属性，属性和方法都是不一样的引用地址例如：function CreateObject(name,age){ this.name=name
2017-07-03 22:41:08
4208
原创 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
909
转载 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
359
原创 javascript getOwnPropertyDescriptor()方法
对于getOwnPropertyDescriptor方法，我们先来它的定义：定义获取指定对象的自身属性描述符。自身属性描述符是指直接在对象上定义（而非从对象的原型继承）的描述符。语法Object.getOwnPropertyDescriptor(object, propertyname)参数列表 参数 描述 object 必需。包含属性的对象。 propertyname 必
2017-07-02 20:35:17
12249
转载 javascript 对象描述符
对于操作系统中的文件，我们可以驾轻就熟将其设置为只读、隐藏、系统文件或普通文件。于对象来说，属性描述符提供类似的功能，用来描述对象的值、是否可配置、是否可修改以及是否可枚举。本文就来介绍对象中神秘的属性描述符描述符类型 对象属性描述符的类型分为两种：数据属性和访问器属性数据属性 数据属性(data property)包含一个数据值的位置，在这个位置可以读取和写入值。数据属性有4个特性【1】C
2017-07-02 20:12:31
360
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人