FCAT.TOP-CSDN博客

原创【angular】解决跨域问题

angular2、angular4、angular5 及以上版本的跨域问题。通过angular自身的代理转发功能配置package.json 两种方式启动代理服务第一种：启动项目通过npm start启动，会自动启动代理服务npm start第二种：或者直接以下命令启动代理服务ng serve --proxy-config proxy.conf.json

2017-12-07 23:29:48 6063 3

转载【Angular】angular 跨域解决方案详解

浏览器对于javascript的同源策略的限制,例如a.cn下面的js不能调用b.cn中的js,对象或数据(因为a.cn和b.cn是不同域),所以跨域就出现了：简单的解释就是相同域名,端口相同,协议相同同源策略: 请求的url地址,必须与浏览器上的url地址处于同域上,也就是域名,端口,协议相同. 如果我在本地上的域名是study.cn,请求另外一个域名一段数据这个时候在浏

2017-12-07 12:03:02 4349 1

原创【Angular】angular-animations 动画 BrowserAnimationsModule 详解

为了弄懂angular的动画自己也是花了一番功夫，不客观的说，angular的动画写起来是比较复杂的，但又必须掌握。下面是我结合官方文档的资料，自己通过实践写出来的一篇博客，希望可以帮到有需求的小伙伴，当然，如果文章有地方写的错误，欢迎指正。好了，废话不多说，开始正文吧。1：angular动画的使用需要先引入一些与动画有关的函数。import { NgModule } from '@angula

2017-12-05 20:59:12 7590

转载【Angular】angular-HttpClient 与服务器通讯 Get Post Put Delete Http 拦截器请求讲解

之前激动人心的 Angular HttpClient 这篇文章已经介绍过 HttpClient ，今天看到 angular-university 博客中介绍 HttpClient 的文章，内容很详细，我就简单做了整理。有兴趣的话，建议直接阅读原文。 HttpClientModule 应用导入新的 HTTP Moduleimport {HttpClientModule}

2017-12-02 11:45:53 5360

原创【Angular】关于angular引用第三方组件库无法改变其组件样式 :host ::ng-deep

在ng-Zorro-Ui 阿里组件框架无法修改第三方组件的样式问题：<nz-input formControlName="userName" [nzPlaceHolder]="'Username'" [nzSize]="'large'"> <ng-template #prefix> <i class="anticon antic

2017-12-01 17:51:18 9867

原创【angular】Type Component is part of the declarations of 2 modules

Uncaught Error: Type **Component is part of the declarations of 2 modules Please consider moving **Component to a higher module that imports **Module and **Module. You can also create a new NgModule th

2017-11-30 15:36:19 3807

原创【chrome】阻止浏览器表单填充

‘autocomplete=”off”’在Chrome中不起作用，我们需要换一种方式：<input name="username" type="text" readonly onfocus="this.removeAttribute('readonly');"> angular、spring cloud 开源实战项目源码：https://gitee.com/xfdm/FCat QQ群

2017-11-29 22:04:48 216

原创【git】pull、fetch 区别

git pull 从远程拉取最新版本到本地自动合并 merge git fetch 从远程获取最新版本到本地不会自动合并 merge

2017-11-29 21:46:15 259

原创【angular】TypeScript 搭建

TypeScript 有一些先天的优势：高度兼容原生脚本语法（甚至可以混着写）对语法的破坏性较少，即使没接触过的人，也能很快上手，初次阅读也没有什么障碍如名字所述，它讲究基于接口的强类型，因此非常适合原本的服务器开发者使用提供了大量编辑器的集成，有现有大量库的 .ts 元文件可用静态类型检查 IDE 智能提示代码重构可读性自从angular宣布2.0 基于TypeScript构建。Typ

2017-11-28 22:06:42 567

原创【angular】组件：@Input() @Output() 输入属性和输出属性以及中间人模式的使用（一）

组件：在Angular项目中都是有大大小小的组件组成的，那要怎么样才能做到组件之间的通讯呢，以下有几种方法：输入属性：@Input 什么是输入属性：是有父组件发送数据值到子组件里，利用父组件绑定属性到子组件，然后子组件利用在控制器@Input()装饰器来标识这是一个输入变量属性；父组件：<p>请输入要传给子组件的值：</p><input type="text" [(ngModel)]="

2017-11-26 22:24:18 2099

原创【Spring Cloud】Zuul 路由访问

本节大纲： - 简介 - 架构图 - 创建项目（接着上一章节） - 在Fcat实战项目中的应用简介zuul是Netflix出品的一个基于JVM路由和服务端的负载均衡器。类似nginx，反向代理的功能，增加了一些配合其他组件的特性。 Spring Cloud Zuul路由是微服务架构的不可或缺的一部分，提供动态路由，监控，弹性，安全等的边缘服务。 Zuul功能认证压

2017-11-26 16:09:26 1129

原创【Spring Cloud】Hystrix 防御机制

本节大纲： - 简介 - 架构图 - 创建项目（接着上一章节） - 在Fcat实战项目中的应用简介Hystrix的职责是：在一个分布式系统里，许多依赖不可避免的会调用失败，比如超时、异常等，如何能够保证在一个依赖出问题的情况下，不会导致整体服务失败。 Hystrix提供了熔断、隔离、Fallback、cache、监控等功能，能够在一个、或多个依赖同时出现问题时保证系统依然

2017-11-26 14:08:31 277

原创【Spring Cloud】Feign接口调用

本节大纲： - 简介 - 架构图 - 创建项目（接着上一章节） - 在Fcat中的应用简介声明式、模板化的http客户端。 Feign通过将注释处理为模板化的请求来工作。 Feign旨在通过最少的资源和代码来实现和HTTP API的连接。 Feign使得 Java HTTP 客户端编写更方便。特点定制化提供多个接口支持JSON格式的编码和解码支持XML格式的

2017-11-26 12:07:10 774

原创【Spring Cloud】Ribbon负载均衡

本节大纲： - 简介 - 架构图 - 创建项目（接着上一章节） - 在Fcat中的应用简介Ribbon，主要提供客户侧的软件负载均衡算法。负载均衡策略：简单轮询负载均衡加权响应时间负载均区域感知轮询负载均衡随机负载均衡Spring Cloud Ribbon是基于Netflix Ribbon实现的一套客户端负载均衡的工具。它是一个基于HTTP和TCP的客户端负载

2017-11-26 00:28:39 435

原创【angular】指令及数据绑定入门

指令，数据绑定### 指令分类内置属性指令： ngClass<div [ngClass]="divClass2">属性绑定同时管理多个class</div> ngStyle<div [ngStyle]

2017-11-25 21:11:56 305

原创【Spring Cloud】Eureka服务注册中心搭建

简介 Eureka服务器用作服务注册服务器。 Eureka客户端是一个java客户端，用来简化与服务器的交互、作为轮询负载均衡器，并提供服务的故障切换支持。Eureka特点servlet 应用 Jersey 框架实现自身的 RESTful HTTP接口服务的注册通过 HTTP 协议实现通过 JDK自带的 Timer 实现定时任务：心跳、定时清理过期服务、节点同步

2017-11-25 00:44:42 12105 2

原创【Spring Cloud】eclipse安装lombok

1、下载lombok.jar包https://projectlombok.org/download.html 2、运行Lombok.jar java -jar D:\soft\lombok.jar D:\soft\lombok.jar这是windows下lombok.jar所在的位置数秒后将弹出一框，以确认eclipse的安装路径3、确认完eclipse的安装路径后，点击install/upd

2017-11-25 00:12:57 347

原创【Spring Cloud】Unable to start EmbeddedWebApplicationContext due to missing EmbeddedServletCon

启动Spring cloud项目报错： Unable to start EmbeddedWebApplicationContext due to missing EmbeddedServletContainerFactory bean.原因：Spring cloud 是基于Springboot，在启动的main方法上面的启动类，需要添加标签@SpringBootApplication a

2017-11-24 22:54:39 605

原创【angular】ngModel遇见的坑：Can't bind to 'ngModel' since it isn't a known property of 'input'

启动我的Angular应用程序时，出现以下错误，即使组件未显示。我必须注释掉，以便我的应用程序工作。zone.js:461 Unhandled Promise rejection: Template parse errors:Can't bind to 'ngModel' since it isn't a known property of 'input'. (" <div>

2017-11-24 20:13:37 4522

原创【Spring Cloud】spring boot搭建+swagger-ui

spring boot 搭建restful接口项目 spring cloud 系列环境： jdk1.8、maven3.x 、IDEA简介搭建项目1、新建项目新建完成项目新建类新建一个包名为controller的包，在其下面新建HiController类 2、启动启动Demo1Application的main方法 3、访问查看默认启动端口是8080访问

2017-11-23 18:56:02 707

原创【angular】环境搭建及遇到的问题

一，所需安装node工具<自带安装npm>node中文官网下载地址：http://nodejs.cn/download/检查node版本：node -v 检查npm版本： npm -v 二，构建Angular-Cli工具：<注意：安装angular-cli工具时，尽量使用管理员运行命令行以及避免使用cnpm淘宝镜像，避免各类的报错…>全局安装Angular-cli工具：npm install

2017-11-23 16:17:20 527

原创【maven】配置阿里镜像库

maven远程仓库下载太慢，配置国内阿里镜像仓库地址

2017-11-23 15:52:03 4923

原创【vue】初始化报错：Microsoft.NET\Framework\v4.0.30319\msbuild.exe` failed with exit code: 1

gyp ERR! build errorgyp ERR! stack Error: `C:\Windows\Microsoft.NET\Framework\v4.0.30319\msbuild.exe` failed with exit code: 1gyp ERR! stack at ChildProcess.onExit (C:\Users\Administrator\Desktop

2017-11-22 01:18:10 16271 2

原创【angular】gyp ERR! build error msbuild.exe` failed with exit code: 1

报错： gyp ERR! build error gyp ERR! stack Error: C:\Windows\Microsoft.NET\Framework\v4.0.30319\msbuild.exe failed with exit code: 1执行一下命令： npm installnpm install -g node-gyp npm install -g node-gyp

2017-11-16 16:58:45 5746

原创【angular】浏览器低版本报错，Object.assign

问题描述： SCRIPT438: 对象不支持 xxx 属性或方法，这种情况一般是使用了 es6、es7 的高级语法，Object.assign Object.values 等。解决方案：在main.ts中引入一下import assign from 'object-assign';assign({}, {});OK，完美解决

2017-11-06 09:57:39 2241

原创【angular】Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in 'D

ng build –prod 报错Module not found: Error: Can’t resolve ‘./$$_gendir/app/app.module.ngfactory’ in ‘D:\platform\git-oschina\FCat\fcat-angular\src’原因：angular-cli版本有点低删除项目依赖：rm -rf node_modules/ 安装最新an

2017-11-05 02:48:36 3559 3

原创【angular】路由之刷新报404

项目开发完成，build发布后，发现转到路由后刷新页面报错404解决方法：找到项目中app.module.ts文件增加红圈的内容然后打包发布：ng build –prod –aot

2017-10-31 15:38:26 2076

原创前后端分离架构angular4+spring cloud+mybatis+redis+mysql实战-刘翔飞-专题视频课程

springcloud是一系列框架的有序集合，简化分布式系统基础设施的开发，如服务发现注册、配置中心、消息总线、负载均衡、断路器、数据监控等，结合谷歌开发的前端技术框架Angular，来实现前后端分离的架构，变得越来越流行。架构整合的技术包括：Angular4、spring cloud(Eureka、Zuul、Ribbon、Feign等等)、mybatis、redis、mysql。...

2017-10-30 10:10:33 1147

FCat