前端Javascript代码质量扫描解决方案:Karma + Jasmine + lcov + Sonarqube

代码质量扫描的流行工具sonarqube,java系的应用开发框架可以使用Maven/Gradle作为构建工具,JUnit作为单体覆盖率测试工具,使用Jacoco可视化提供支撑。而Javascript则可以使用Karma+Jasmine+lcov+Sonarqube进行类似的质量扫描。

2018-12-27 21:58:24

阅读数 907

评论数 1

Angular 入门教程系列:38:升级小结(5.2->6.1)

在前面的文章中也曾经分别提到过,angular6由于存在一些稍大的变化,所以不能像Angular4到Angular5那样基本无感地进行升级,这里结合官方提示,简单整理一下Angular5.2到目前稳定的6.1的升级要点。 升级前后版本: 升级前版本 升级后版本 5.2 6.1 ...

2018-10-29 06:46:04

阅读数 1768

评论数 0

Angular 入门教程系列:36:Restful的增删改查

上篇文章中讲解了增删改查中的查,这篇来看一下如何进行增删改。 删除 使用delete进行删除,一般页面设计的时候也基本都是在列表页进行操作的。首先为删除的链接添加一个函数,同时将...

2018-08-17 20:31:03

阅读数 2253

评论数 0

Angular 入门教程系列:37:使用ng-alain快速开发

ng-alain在ng-zorro-antd上再封一程,可以更快加速开发速度,目前在github上已经超过1800个star。这篇文章来简单看一下如何使用。 创建应用框架 因为alain缺省使用使用less作为样式设定,在创建骨架时需要指定style为less方式。使用ng new ala...

2018-08-08 05:19:51

阅读数 5549

评论数 1

Angular 入门教程系列:35:Restful的增删改查

这篇文章来介绍一下如何进行前后端交互,一个常见的场景就是前端调用后端提供的restful api,进行增删改查,结合之前提到的新版本的http模块和rxjs,这篇文章首先使用kong搭建一个提供后端restful的api接口,对微服务的api增删改查进行处理,以实现api的简单管理。 事前准备 ...

2018-08-08 04:53:25

阅读数 2370

评论数 0

Angular 入门教程系列:34:Angular6下的Http模块与Rxjs6

Angular6的升级,略有影响的地方应该主要集中在Rxjs6,而至于http,在Angular4.3之后就发生了变化,如果没有欠债的话,升级应该很简单。即使有欠债的话,修改的内容也不多。 rxjs的变换 rxjs6主要在包的结构/pipe的使用方式/API的重命名这几点与旧版本的使用方式...

2018-08-07 06:26:58

阅读数 4369

评论数 0

Angular 入门教程系列:33:移动端统计图表F2

F2应该就是Fast & Flexible的缩写,从名称上就能看出其所关注的场景。F2也是蚂蚁金服下的一款开源可视化的前端组件库,使用F2可以很简单地根据数据创建出统计图表,F2源于早期的G2-Mobile,所以它是针对于移动端的。移动端有很多需要考虑的因素,比如:...

2018-08-07 06:26:28

阅读数 2392

评论数 0

Angular 入门教程系列:32:统计图表G2

G2是蚂蚁金服下的一款开源可视化的前端组件库,使用G2可以很简单地根据数据创建出统计图表,这篇文章中会使用简单的例子来创建一个柱状图,用于显示某一星期七天不断出现的bug数目。 安装g2 从版本3开始,data-set进行了分离,简单的方式可以不直接使用data-set,可以不必安装@an...

2018-08-07 06:25:53

阅读数 3089

评论数 0

Angular 入门教程系列:31:使用子路由和菜单动作

在这篇文章中创建一个子路由用于显示conent,用于展示各种组件比如G2如何使用。 创建module liumiaocn:default-layout liumiaolsdefault−layout.component.cssdefault−layout.component.spec.ts...

2018-08-04 11:26:59

阅读数 2152

评论数 0

Angular 入门教程系列:30:设置页面路由

上篇文章搭建了一个页面的框架,这篇文章中将会添加路由,使得页面可以通过路由来进行控制。

2018-08-04 05:45:43

阅读数 2096

评论数 0

Angular 入门教程系列:29:简单布局的页面

这篇文章用最简单的方式做一个包含左侧可收缩的侧边栏菜单和固定头部的页面布局。 修改内容 基本上还在前面的文章上使用的内容,为了简单,只是简单修改一下HTML和CSS的内容 default-layout.component.html liumiaocn:default-layout ...

2018-08-04 05:11:10

阅读数 2780

评论数 0

Angular 入门教程系列:28:NRM 多重npm库管理方式

nrm是一个MIT的开源的npm package,使用npm install nrm即可。它的作用在于管理各种常用的库,比如taobao的cnpm或者缺省的npm,其作用基本等于npm get/set registry + 常用的registry的地址。 概要信息 项目 说明 ...

2018-08-04 05:10:27

阅读数 2277

评论数 0

Angular 入门教程系列:27:可折叠的sidebar和菜单

zorro对nz-sider和menu都提供了折叠的选项,可以很容易实现动态折叠的效果。 menu的nzInlineCollapsed menu通过nzInlineCollapsed的设定进行 html liumiaocn:default-layout liumiao$ cat...

2018-08-03 06:00:02

阅读数 2736

评论数 0

Angular 入门教程系列:26:使用zorro进行页面布局

这篇文章介绍一下Angular应用的页面布局方式,这里直接使用ng-zorro-antd的页面布局方式进行举例。 zorro的页面布局 简单的来说,zorro的layout有如下几种组件 类型 说明 nz-layout 布局容器,与其他layout组件结合使用...

2018-08-01 22:15:43

阅读数 2827

评论数 0

Angular 入门教程系列:25:Zorro定制主题

与之前的版本相比,稳定版本的zorro提供了定制主题的功能,而且和Ant Design React一样,主题定制文件是可以通用的。因为Ant Design的样式本身就是Less的,所以整体的调整会非常的简单。主题可定制可调整,应该是这个版本的zorro的最大亮点之一。 使用前提 Less的版本...

2018-08-01 20:03:22

阅读数 2848

评论数 0

Angular 入门教程系列:24:Angular 6 + NG-Zorro

NG-Zorro发行到1.0版本后,理论上说兼容性考虑地会好一些,可以考虑引入了。因为其需要Angular 6的版本,而Angular 6在本年度5月份左右刚刚发布,而且考虑到rxjs等相关的变化,低版本的要升上来还是有一点点修改和测试的量的,但是早晚要升,从这篇文章开始使用Angular 6 和...

2018-08-01 06:51:40

阅读数 4406

评论数 1

Angular 入门教程系列:23:Angular 6新特性之Angular Material

Angular Material是包含Navigation/Dashboard/Table三种图形类型,这篇文章中将会了解一些其使用的方式。 准备:安装Material 进入到上篇文章创建的demo2,使用ng add进行安装 liumiaocn:demo2 liumiao$ pwd...

2018-07-21 14:38:25

阅读数 3924

评论数 0

Angular 入门教程系列:22:Angular 6新特性之cli部分

Angular6的发布(2018/05/04)已经过去大概两个多月了,从这篇文章开始使用angular6进行试验。 生成项目框架 liumiaocn:angualr liumiao$ ng new demo2 --skip-install CREATE demo2/README.md (1...

2018-07-20 21:57:12

阅读数 2831

评论数 0

Angular 入门教程系列:21:使用cli快速开发

angular-cli是angular开发团队自行维护的一个开发工具, angular/cli 概要信息 项目 说明 官网 https://cli.angular.io/ 开源/闭源 开源 License类别 MIT License ...

2018-07-16 21:45:43

阅读数 3561

评论数 1

Angular 入门教程系列:20:包管理工具yarn

一般安装node之后自带npm管理工具,而操作也基本使用npm install等进行相关的依赖安装非常方便。yarn也是node的包管理工具,聚焦于更加快速/稳定/安全的进行依赖管理,这篇文章介绍一下yarn和其使用上的一些特点。 概要信息 项目 说明 官网 h...

2018-07-16 21:24:30

阅读数 2624

评论数 0

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