- 博客(17)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 Javascript面向对象编程（三）：非构造函数的继承
本文转载自阮一峰老师的 Javascript 面向对象编程（三）：非构造函数的继承一、什么是"非构造函数"的继承？比如，现在有一个对象，叫做"中国人"。 var Chinese = { nation:'中国' };还有一个对象，叫做"医生"。 var Doctor ={ career:'医生' }请问怎样才能让"医生"去继承"中国人"，也就是说，我怎样才能生成一个"中国医生&am
2018-06-13 10:13:00
94
转载 Javascript面向对象编程（二）：构造函数的继承
本文转载自阮一峰老师的 Javascript 面向对象编程（二）：构造函数的继承这个系列的第一部分，主要介绍了如何"封装"数据和方法，以及如何从原型对象生成实例。今天要介绍的是，对象之间的"继承"的五种方法。比如，现在有一个"动物"对象的构造函数。 function Animal(){ this.species = "动物"; }还有一个"猫"对象的构造函数。 function Cat...
2018-06-13 09:31:50
122
转载 Javascript 面向对象编程（一）：封装
本文转载自阮一峰老师的 Javascript 面向对象编程（一）：封装Javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有class（类）。那么，如果我们要把"属性"（property）和"方法"（method），封装成一个对象，甚至要从原型对象生成一个实例对象，我们应该怎么做呢？...
2018-06-13 09:31:26
89
转载 MVC，MVP 和 MVVM 的图示
MVC（Model-View-Controller）是最常见的软件架构之一，业界有着广泛应用。一、MVCMVC模式的意思是，软件可以分成三个部分。视图（View）：用户界面。控制器（Controller）：业务逻辑模型（Model）：数据保存各部分之间的通信方式如下。View 传送指令到 ControllerController 完成业务逻辑后，要求 Model 改变状态Model 将新的数据发送...
2018-06-12 18:42:11
105
原创 Angular6 和 RXJS6 的一些改动
例一：import { Injectable } from '@angular/core';import { Observable } from 'rxjs';import { User } from "./model/User";import { map } from 'rxjs/operators';import { Http, Response, Headers, RequestOp...
2018-06-12 10:57:50
3200
转载 【 D3.js 进阶系列 — 4.0 】 绘制箭头
在 SVG 绘制区域中作图，在绘制直线和曲线时，常需要在某处添加箭头。本文介绍如何在 D3 中给直线和曲线添加箭头。 到目前为止，我们绘制 D3 的图表都是在 SVG 绘制区域内，虽然 D3 也可用 Canvas 或 WebGL 等作图，但 SVG 是最常用的。那么，用 D3 来绘制箭头，先要明白在 SVG 中是怎么绘制的。1. 在 SVG 中定义箭头的标识定义箭头的标识如下，先写一对 <d...
2018-06-07 14:54:43
1561
转载 【 D3.js 选择集与数据详解 — 5 】 处理模板的应用
1. 模板[javascript] view plain copy//绑定数据后，分别返回update、enter、exit部分 var update = selection.data(dataset); var enter = update.enter(); var exit = update.exit(); //1.update部分的处理方法 update.text( funct...
2018-06-07 14:38:40
169
转载 【 D3.js 选择集与数据详解 — 4 】 enter和exit的处理方法以及处理模板
绑定数据之后，选择集分为三部分：update、enter、exit。这三部分的处理办法是什么呢？本文将讲解其处理方法，以及一个常用的处理模板。1. enter的处理方法如果没有足够的元素，那么处理方法通常是使用append()添加元素。请看下面的代码：[javascript] view plain copy <body> <p></p> ...
2018-06-07 14:34:33
330
转载 【 D3.js 选择集与数据详解 — 3 】 绑定数据的顺序
data() 函数有两个参数，第一个是被绑定数据，第二个参数用于指定绑定的顺序。在数据需要更新的时候常常会用到。默认的情况下，data()函数是按照索引号依次绑定数组各项的。第0个元素绑定数组的第0项，第1个元素绑定数组的第1项，依此类推。也可以不按照此顺序进行绑定，这就要用到data()的第二个参数。这个参数是一个函数，称为键函数（key function）。要注意，只有在选择集原来已经绑定有数...
2018-06-07 14:29:57
294
转载 【 D3.js 选择集与数据详解 — 2 】 使用data()绑定数据
D3 中绑定数据大多是由 data() 函数来完成的，它是怎样工作的，它与 datum() 有什么区别呢？data()函数能够将数组各项分别绑定到各元素上，而且能够设置绑定的规则。data()还能够处理数组长度与元素数量不一致的情况。当数组长度大于元素数量，能为多余数据预留元素位置，以便将来插入新元素；当数组长度小于元素数量时，能提供指向多余元素的方法，以便将来删除。下面来剖析data()是如何绑...
2018-06-07 14:27:03
594
转载 【 D3.js 选择集与数据详解 — 1 】 使用datum()绑定数据
选择集和数据的关系是 D3 最重要的基础，在【入门 - 第 7 章】时进行过些许讲解，对于要掌握好 D3 是远远不够的。故此开设一个新的分类，专门讨论选择集与数据的关系，包括数据绑定的使用和工作原理，update 、enter、exit 的原理和使用方法等，接下来一段时间里会有多篇此类文章。D3 最大的特色就是能够将数据绑定到DOM上。使用select或selectAll选择元素之后，被选择的元素...
2018-06-07 14:22:22
732
转载 d3选择，插入，删除元素
原文：【 D3.js 入门系列 --- 2.1 】 关于如何选择，插入，删除元素在D3.js中，选择元素的函数有两个：select 和 selectAll 。 先说明一下它们的区别：select 是选择所有指定元素的第一个selectAll 是选择指定元素的全部（以用于后面同时操作）来看一个具体的例子，现有如下代码：<html> <head> ...
2018-06-07 11:00:30
2999
转载 【 D3.js 入门系列 --- 7 】 理解 update, enter, exit 的使用
原文： 【 D3.js 入门系列 --- 7 】 理解 update, enter, exit 的使用在使用d3时反复出现这样的代码：svg.selectAll("rect") .data(dataset) .enter() .append("rect") 当所选择的 rect 数量比绑定的数据 dataset ...
2018-06-07 10:26:35
806
原创 d3常用API及使用心得
1、记得用svg标签包裹元素，否则查看元素属性都正确，显示却是一片空白。2、应该使用第一种写法，第二种写法会导致不居中显示，整个图在左上角。let clientRect = svg.node().getBoundingClientRect(), width = +clientRect.width, height = +clientRect.height;let svg = d3.s...
2018-06-07 10:04:12
1761
原创 JavaScript DOM入门之 Document 类型
document 对象是 HTMLDocument（继承自 Document 类型）的一个实例，表示整个 HTML 页面。而且，document 对象是 window 对象的一个属性，因此可以将其作为全局对象来访问。Document 节点具有下列特征：nodeType 的值为9；nodeName 的值为 "#document"；nodeValue 的值为 null；parentNode 的...
2018-06-03 22:50:42
792
原创 JavaScript DOM入门之 node 类型
DOM（文档对象模型）是针对 HTML 和 XML 文档的一个 API（应用程序编程接口）。DOM 描绘了一个层次化的节点树，允许开发人员添加、移除和修改页面的某一部分。节点层次 文档节点是每个文档的根节点。 文档元素是文档的最外层元素，文档中的其他所有元素都包含在文档元素中。每个文档只能有一个文档元素。在 HTML 页面中，文档元素始终都是 <html> 。在 X...
2018-06-03 16:50:02
272
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人