自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(32)
  • 资源 (2)

原创 Angular7入门辅助教程(十一)——总结

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

2018-12-26 08:16:02 1428

原创 Angular7入门辅助教程(十)——HttpClient

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

2018-12-26 08:08:49 3302

原创 Angular7入门辅助教程(九)——单例服务

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

2018-12-26 08:07:22 2027 1

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

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

2018-12-25 17:02:13 6743

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

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

2018-12-25 16:56:59 1907 1

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

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

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

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

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

2018-12-25 16:54:52 4564 5

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

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

2018-12-25 16:54:05 12610 12

原创 Angular7入门辅助教程(四)——管道

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

2018-12-25 16:53:27 1818

原创 Angular7入门辅助教程(三)——指令

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

2018-12-25 16:52:58 2457

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

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

2018-12-25 16:52:02 3500

原创 Angular7入门辅助教程(一)——Angular模块

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

2018-12-25 16:50:47 5024 4

原创 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 15209

原创 浅谈js中的原型(ECMAScript标准层面)

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

2018-09-16 17:09:13 325

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

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

2018-07-23 15:35:26 23801 21

原创 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 33165 10

原创 D3.js的v5版本入门教程(第十六章)—— 中国地图

D3.js的v5版本入门教程(第十六章)    1、中国地图的绘制比较简单,前面学了那么多,有兴趣的读者可以自己动手来绘制一个,在这里就不绘制了!只是附上一个截图来看一看!    简单的中国地图的效果大概就是这样,自己动手,丰衣足食,    虽然在这里没有教大家怎样绘制,但是图还是要贴出来的!祝我们伟大的祖国繁荣昌盛 (翻外篇)d3.js在网页端可视化neo4j图数据库...

2018-04-23 09:12:57 4485 3

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

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

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

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

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

2018-04-23 09:04:44 20292 6

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

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

2018-04-23 08:56:23 5540 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 8054

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

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

2018-04-23 08:45:18 6537 4

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

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

2018-04-22 22:02:43 7399

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

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

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

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

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

2018-04-22 21:53:47 7820

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

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

2018-04-22 21:40:27 8034

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

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

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

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

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

2018-04-22 21:32:55 7547

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

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

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

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

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

2018-04-22 21:23:52 10025

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

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

2018-04-22 21:19:23 10477

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

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

2018-04-22 21:13:50 14596 1

“d3.js可视化neo4j图数据库”需要用到的测试数据

是“d3.js可视化neo4j图数据库”这个项目中需要用到的测试数据文件,如果对这个项目感兴趣的可以关注我的专栏:https://blog.csdn.net/column/details/23743.html

2018-07-23

“d3.js可视化neo4j图数据库”项目中必要的js、css文件

是一个网页框架需要用到的js、css文件,也是“d3.js可视化neo4j图数据库”这个项目中需要用到的js、css文件,如果对这个项目感兴趣的可以关注我的专栏:https://blog.csdn.net/column/details/23743.html

2018-07-23

空空如也

空空如也
提示
确定要删除当前文章?
取消 删除