数星星等天明-CSDN博客

原创 Angular7入门辅助教程（十一）——总结

如果有任何的非技术障碍，比如如何新建Angular项目，请先到我的"Angular7入门辅助教程"专栏参考这篇博客：Angular7入门辅助教程——前篇这篇博客是Angular7入门辅助教程的结束篇，学了这么多，我想你应该有写.......hello world的水平了吧，什么，要写helloworld，别说话，我只写hello world，其他的别来找我——接下来，我将带你利用Angula...

2018-12-26 08:16:02 1840

原创 Angular7入门辅助教程（十）——HttpClient

如果有任何的非技术障碍，比如如何新建Angular项目，请先到我的"Angular7入门辅助教程"专栏参考这篇博客：Angular7入门辅助教程——前篇 Angular的HTTP服务，官方教程已经写得好而又简洁，所以，这一章请参考官方教程：HttpClient有几点需要说明的是：如果只是入门，只需要学这个教程的一半左右的内容就可以了，因为在这个官方教程中，后半部分讲的是高级用法，入...

2018-12-26 08:08:49 3982

原创 Angular7入门辅助教程（九）——单例服务

如果有任何的非技术障碍，比如如何新建Angular项目，请先到我的"Angular7入门辅助教程"专栏参考这篇博客：Angular7入门辅助教程——前篇通过前两章关于服务的基础知识的学习，我想你应该对Angular中的服务有一个大致的了解，但是，如果我猜的没错的话：在实际应用中，你应该还不会使用服务（如果不信，看看你自己是否能不在我的帮助下面自己敲出本章的所有实例！），因为前面两章都只在说服...

2018-12-26 08:07:22 3229 3

原创 Angular7入门辅助教程——前篇

Angular7入门辅助教程1、Angular简介Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angular 集声明式模板、依赖注入、端到端工具和一些最佳实践于一身，为你解决开发方面的各种挑战。Angular 为开发者提升构建 Web、手机或桌面应用的能力。（复制官网的），它是用typescript（ts）写成的一个前端框架，拥有面向对象的特点（这其实是type...

2018-12-25 17:02:13 7784

原创 Angular7入门辅助教程（八）——服务提供商

如果有任何的非技术障碍，比如如何新建Angular项目，请先到我的"Angular7入门辅助教程"专栏参考这篇博客：Angular7入门辅助教程——前篇Provider这一章我们来了解一下Angular依赖注入系统中一个很重要的概念——服务提供商，有人使用服务，那么就应该有人提供服务吧！这样理解有没有简单些，实际上，就是这样的！（等阅读完这一节你就会明白）心法篇服务提供商会...

2018-12-25 16:56:59 2729 2

原创 Angular7入门辅助教程（七）——依赖注入系统之服务

如果有任何的非技术障碍，比如如何新建Angular项目，请先到我的"Angular7入门辅助教程"专栏参考这篇博客：Angular7入门辅助教程——前篇Injectable终于进入了Angular中极为重要的一个知识点：Angular的依赖注入系统（DI系统），接下来的三章的内容都是描述这个DI系统的，因为理解Angular的DI系统对于初学者来说比较困难，但是又极其重要，这一章加上后续...

2018-12-25 16:55:56 3180 2

原创 Angular7入门辅助教程（六）——Subject（可多播的可观察对象）

如果有任何的非技术障碍，比如如何新建Angular项目，请先到我的"Angular7入门辅助教程"专栏参考这篇博客：Angular7入门辅助教程——前篇Subject在前一篇教程中了解了一下Observable可观察对象，在RxJS库中还有另外一个重要的对象——Subject，用它可以创建多播的可观察对象，接下来，我们大致了解一下心法篇我们使用Observable创建的可观...

2018-12-25 16:54:52 9140 8

原创 Angular7入门辅助教程（五）——Observable（可观察对象）

如果有任何的非技术障碍，比如如何新建Angular项目，请先到我的"Angular7入门辅助教程"专栏参考这篇博客：Angular7入门辅助教程——前篇Observable在开始讲服务之前，我们先来看一下一个新东西——Observable（可观察对象），是属于RxJS库里面的一个对象，可以用来处理异步事件，例如HTTP请求（实际上，在Angular中，所有的HTTP请求返回的都是Obse...

2018-12-25 16:54:05 21668 15

原创 Angular7入门辅助教程（四）——管道

如果有任何的非技术障碍，比如如何新建Angular项目，请先到我的"Angular7入门辅助教程"专栏参考这篇博客：Angular7入门辅助教程——前篇在Angular中我们可以使用下面命令来快速创建一个管道ng generate pipe 管道名例如，我要创建一个名叫helloworld的管道ge generate pipe helloworld这时，Angular...

2018-12-25 16:53:27 2456

原创 Angular7入门辅助教程（三）——指令

如果有任何的非技术障碍，比如如何新建Angular项目，请先到我的"Angular7入门辅助教程"专栏参考这篇博客：Angular7入门辅助教程——前篇我们可以使用下面命令创建Angular指令ng generate directive 指令名例如，我要创建一个名叫unless的指令ng generate directive unlessAngular就会在src/a...

2018-12-25 16:52:58 3001

原创 Angular7入门辅助教程（二）——组件和模板

如果有任何的非技术障碍，比如如何新建Angular项目，请先到我的"Angular7入门辅助教程"专栏参考这篇博客：Angular7入门辅助教程——前篇ComponentAngular中的组件是非常重要的知识点，因为它构成了Angular应用，所以这篇博客来介绍一下Angular中与组件和模板有关的知识点！例如视图、数据绑定、数据显示、组件类与模板的交互等等心法篇组件和模板...

2018-12-25 16:52:02 4462

原创 Angular7入门辅助教程（一）——Angular模块

如果有任何的非技术障碍，比如如何新建Angular项目，请先到我的"Angular7入门辅助教程"专栏参考这篇博客：Angular7入门辅助教程——前篇NgModule本篇博客主要介绍一下Angular模块是什么、有什么用、我们应该如何使用Angular模块，以及其与ts模块的区别等等一些知识点心法篇Angular应用是模块化的，拥有自己的模块系统，称为NgModule。...

2018-12-25 16:50:47 6076 5

原创 vscode中使用TypeScript，以及vscode一些常用的快捷键

1、vscode的安装官网下载并安装：Visual Studio Code2、在vscode中使用Ts下载一些必要的插件 1）、打开vscode的Extensions（shift+ctrl+x），下载TypeScript Extension Pack就好，里面包含了很多插件更改一些默认的设置 1）、打开vscode的user sett...

2018-12-25 14:03:23 25480 1

原创浅谈js中的原型（ECMAScript标准层面）

在网上面搜了一下“什么是js的原型，以及什么是_proto_”啥的。。。。，然后出来的全是一堆什么alert(xxx.prototype===yyy._proto_)//true//false啥的，有毒吧！！还有原型链就更加不用说了，看着就头疼，反正我是看不懂，全靠死记，就算当时记住了，过一会就忘了，完全起不到作用，所以这篇博客从另外一个方面（ECMAScript标准层面）谈一下js中的原型...

2018-09-16 17:09:13 461

原创 d3.js可视化neo4j图数据库项目

关于”d3.js可视化neo4j图数据库”这个项目（专栏）的重要通知项目效果视频展示：d3.js可视化neo4j图数据库项目效果演示因为CSDN博客更新了，使得编辑器极其的不好用！！！！所以我将本已写好的博客重新以微信公众号文章的形式发布出来，大家可以关注我的微信公众号来进行查看，（共15篇文章，我也会在本篇博客中同步更新项目文章链接），还望谅解！还有就是关于“D3.js的v5版本入...

2018-07-23 15:35:26 33278 25

原创 D3.js的v5版本入门教程（前篇）—— 关于

D3.js入门教程 1、D3.js简介 D3.js是一个强大的数据可视化js语言，可以利用svg在网页上展示各种精美的矢量图 2、D3.js的官方官网：https://d3js.org/ 官方API：https://github.com/d3/d3/blob/master/API.md 3、适合人群 ...

2018-04-23 09:45:16 49981 14

原创 D3.js的v5版本入门教程（第十五章）—— 树状图

D3.js的v5版本入门教程（第十五章）在本章我们将利用贝塞尔曲线作为树的边，并绘制一个完整的树状图，包括节点、边、文字，在这里我们会用到一个曲线生成器-贝塞尔曲线生成器，看到这里，你是不是应该松一口气了，因为我们在绘制饼状图的时候就用到了一个弧形生成器，这两个有类似的地方，但是还是避免不了引入新的知识点为了绘制一个树状图，我们还是需要以下新的知识点d3.hiera...

2018-04-23 09:11:28 14171 1

原创 D3.js的v5版本入门教程（第十四章）—— 力导向图

D3.js的v5版本入门教程（第十四章）这一章我们来绘制一个力导向图，什么叫力导向图，通俗一点将就是有节点和线组成，当鼠标拖拽一个节点时，其他节点都会受到影响（力导向图有多种类型，本章绘制的效果就是这样，其他类型的读者可以自己去试试），还是给读者提个醒，这一章又会有很多新的知识点，请拿出的学习新东西的本领来为了绘制一个力导向图，我们还是需要以下新的知识点d3...

2018-04-23 09:04:44 31204 9

原创 D3.js的v5版本入门教程（第十三章）—— 饼状图

D3.js的v5版本入门教程（第十三章）这一章我们来绘制一个简单的饼状图，我们只绘制构成饼状图基本的元素——扇形、文字，从这一章开始，内容可能有点难理解，因为每一章都会引入比较多的难理解知识点，在这里作者本人也只是粗略的讲解每个新知识点的意思！如果不是很理解的话，需要读者自行查看官网API 为了绘制一个饼状图，我们还是需要以下新的知识点d3.arc( {} ),弧形生...

2018-04-23 08:56:23 7787 4

原创 D3.js的v5版本入门教程（第十二章）—— D3.js中各种精美的图形

D3.js的v5版本入门教程（第十二章） D3中提供了各种制作常见图形的函数，在d3的v3版本中叫布局，通过d3.layout.xxx，来新建，但是到了v5，新建一个d3中基本的图形的方式变了（我也并不知道是不是还叫布局，我觉得也可以这么叫，反正布局指的也是一个绘图函数）下面是d3中一些常见的部分图形 bubble —— 泡泡图 packing...

2018-04-23 08:48:41 10823

原创 D3.js的v5版本入门教程（第十一章）——交互式操作

D3.js的v5版本入门教程（第十一章）与图形进行交互操作是很重要的！所谓的交互操作也就是为图形元素添加监听事件，比如说当你鼠标放在某个图形元素上面的时候，就会显示相应的文字，而当鼠标移开后，文字就会消失，或者鼠标单击一下某图形元素就会使它动起来为了与图形元素进行交互操作，我们还是需要以下新的知识点on("eventName",function)；该函数是添加一个监...

2018-04-23 08:45:18 8921 5

原创 D3.js的v5版本入门教程（第十章）——让图表动起来

D3.js的v5版本入门教程（第十章）在这一章我们干点有趣的事——让我们上一章绘制的图表动起来，这样岂不是很有意思为了让图表动起来，我们还是需要以下新的知识点.attr(xxx) .transition() .attr(xxx)，transition()表示添加过渡，也就是从前一个属性过渡到后一个属性 .duration(2000)，表示过渡时间持续2秒 .dela...

2018-04-22 22:02:43 9839

原创 D3.js的v5版本入门教程（第九章）——完整的柱状图

D3.js的v5版本入门教程（第九章）一个完整的柱状图应该包括的元素有——矩形、文字、坐标轴，现在，我们就来一一绘制它们，这章是前面几章的综合，这一章只有少量新的知识点，它们是d3.scaleBand()：这也是一个坐标轴，可以根据输入的domain的长度，等分rangeRound域（类比range域） d3.range()：这个比较复杂，建议去看百度（或者官方API...

2018-04-22 21:58:30 12259 8

原创 D3.js的v5版本入门教程（第八章）—— 坐标轴

D3.js的v5版本入门教程（第八章） D3中没有现成的坐标轴图形，需要我们自己用其他组件拼凑而成。D3中提供了坐标轴组件，使得我们在SVG中绘制一个坐标轴变得像添加一个普通元素那样简单为了表绘制一个坐标轴，我们还是需要以下新的知识点call()函数定义一个坐标轴坐标轴是有朝向的，在这里我们以向下朝向、水平方向的坐标轴为例，其他朝...

2018-04-22 21:53:47 10409 2

原创 D3.js的v5版本入门教程（第七章）—— 比例尺的使用

D3.js的v5版本入门教程（第七章）比例尺在D3.js中是一个很重要的东西，我们可以这样理解d3.js中的比例尺——一种映射关系，从domain映射到range域（为什么会是domain和range呢？等一下你就会看到，因为我们在建立比例尺是常常会用到domain()和range()两个函数，当然不是绝对的，D3中有很多类型的比例尺）下面介绍在本套教程中常用的两种比例尺...

2018-04-22 21:40:27 10837

原创 D3.js的v5版本入门教程（第六章）——做一个简单的图表

D3.js的v5版本入门教程（第六章）从这一章开始，进入正式的d3,js绘图阶段，有了前面几章基本知识的积累，这样看接下来的绘图代码才不会觉得比较辛苦做一个简单的图表为了做一个简单的图表，我们还是需要以下新的知识点svg画布：svg绘制的是矢量图（还有canvas画布，这个是JavaScript用来绘制2D图像的，是位图） rect元素：是d3...

2018-04-22 21:37:59 15258 6

原创 D3.js的v5版本入门教程（第五章）—— 选择、插入、删除元素

D3.js的v5版本入门教程（第五章） 1、选择元素现在我们已经知道，d3.js中选择元素的函数有select()和selectAll()，下面来详细讲解一下假设我们的<body>中有三个，如下 dog cat p

2018-04-22 21:32:55 10468

原创 D3.js的v5版本入门教程（第四章）—— 理解Update、Enter、Exit

D3.js的v5版本入门教程（第四章） Update、Enter、Exit是D3.js中很重要的概念，下面来讲一下它们到底是什么？（当你看完后。你就会知道如果数据集个数和选择集个数不匹配的情况下使用data()，D3.js会怎么办）在使用data()时，例如现在我们有一个数组[3,6,9,12,15],我们可以将数组每一项与一个绑定，但是，现在就有一个问题—...

2018-04-22 21:27:03 12967 4

原创 D3.js的v5版本入门教程（第三章）—— 选择元素和绑定数据

D3.js的v5版本入门教程（第三章）在D3.js中，选择元素和绑定元素是最基本的内容，也是很重要的内容，等你看完整个教程后你会发现，这些D3.js教程都是在选择元素和绑定元素的基础上展开后续工作的 1、选择元素在D3.js中，选择元素的函数有两个d3.select() d3.selectAll() 这两个函数返回的就是选择集 ...

2018-04-22 21:23:52 14264

原创 D3.js的v5版本入门教程（第二章）—— 第一个程序 Hello World

D3.js的v5版本入门教程（第二章） 1、利用D3.js在网页上显示一个Hello World文本<body> <script> var p = d3.select("body") .selectAll("p")

2018-04-22 21:19:23 14950

原创 D3.js的v5版本入门教程（第一章）—— 如何在项目中使用D3.js

D3.js的v5版本入门教程（第一章） 1、需要的一些工具这个其实随便！最简单的就是建一个.txt文件就可以敲起代码来！作者本人用的是myeclipse（主要需要安装tomcat），因为写的是前端，一个浏览器查看效果当然是不可少的，建议使用chrome 浏览器，其强大的调试功能可以让你事半功倍！ 2、需要预备的知识如果你是编程小白，那么这...

2018-04-22 21:13:50 22192 2

数星星等天明的博客