- 从Angular4升级到Angular6
西麦smile
接手了一个Angular4的旧项目,第一时间就升级到最新的Angular6版本,因此记录一下彩到的一些坑Angular4到Angular5Angular升级指南在升级指南中选择需要升级的版本和升级到的版本,就可以根据指南来对项目进行升级,因为本来的Angular项目版本是4.4.6,因此升级后运行也没有报错。npminstall@angular/{animations,common,compile
- angular6.1脚手架(angular-cli)
大胡子111
1.安装node.js打开命令行工具输入命令查看安装情况$node-v$npm-v2.初始化项目2.1angular-cli6.1介绍angular-cli是angular的脚手架工具,可以帮助我们编写基础代码、快速搭建开发环境2.2全局安装angularcli$npminstall-g@angular/cli2.3查看angularcli是否安装成功$ngversion2.4创建新项目$ngne
- angular6 利用 ngContentOutlet 实现组件位置交换
880d91446f17
这篇文章主要介绍了angular6利用ngContentOutlet实现组件位置交换(重排),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧ngContentOutlet指令介绍ngContentOutlet指令与ngTemplateOutlet指令类似,都用于动态组件,不同的是,前者传入的是一个Component,后者传入的是一个TemplateRef。首先看一下使用
- angular6 页面传值_Angular6学习笔记17:在路由中传参数和接收参数
局外狗
angular6页面传值
传参数1.在需要传分博累发口小定逻间框加题览果些屏洁动理应参数的组件的类文件(ts文件)中,构造方法中,声明对圈件浏用是刚。它学编套互学工久不都维逻直数构过曾结里总经网屏广明果名象:constructor(privateroute:Router){}2用能境战求道,重件开又是正易里是了些之框.在路由中设置参数(有三种方式求圈分件圈浏第用代是水刚道。的它还)router遇新是直朋能到分览支体调Lin
- 【Angular6】前端搭建
不专业得Cook
前言本次开发使用angular6结合ng-Zorro完成前端的开发。本次组内的前端由我来搭建。本次搭建过程是在前辈的基础上做的,所以有一些可以复用的功能为本次搭建节省了很多的时间,不过这个学习的过程还是很宝贵的。搭建步骤温馨提示(1)angular开发使用,目前实践典型项目有ITOO-PC端/physical-PC端。(2)使用ng-zorro组件库开发。(3)样式使用.less文件,less是一
- Angular6去掉生产环境的console打印
皮卡许
Angular6内置了webpack,使得我们无法自定义的去配置webpack,这种情况下,我们需要去掉生产环境的console打印,就只能重写console系列的方法。步骤如下:angular-cli脚手架里面会有环境文件,包含了开发和生产等,首先,我们需要在这些文件中区分出开发和生产:开发环境image.png生产环境image.png在angular.json文件中,根据环境配置,执行不同的
- Angular6-proxy.config.json实现跨域
月上秦少
需求场景:获取后端api接口数据,需要跨域。有时,后台可能有多个业务,提供不同的API,为了方便管理,需要我们在一个文件里配置好。这样,以后要更改接口时就很方便了。解决方案建立本地代理proxy.config.json文件:angular6项目里新建proxy.config.json文件,放在根目录,proxy.config.json(文件名可以随便取,但建议统一)配置内容,可参考:here。由于
- window环境下安装node.js8+angular6
爱吃biangbiang面
商服node.js
安装node.js81.登录node官网node官网Node.js®isaJavaScriptruntimebuiltonChrome'sV8JavaScriptengine.https://nodejs.org/en2.找到适合自己的版本选择下载安装的时候一键next傻瓜式安装即可设置淘宝镜像:npmconfigsetregistryhttps://registry.npm.taobao.org
- nvm 管理多版本node
码非马
front-endvue.js前端node.jsnpm
由于之前的项目用的是Angular6开发的,依赖node10,新的vue项目用vue3.x,需要更高的node版本,但又不能简单升级node,否则之前的项目就没法在本地跑了,所以查了下相关多版本管理的资料,在这里做个记录。第一步卸载本地已安装的nodejs。第二步,打开githubnvm站点找到windows安装找到下载包下载后,本地安装,win10系统会自动注册环境变量,如果没有,可以手动注册,
- angular6.x--虚拟滚动
Sun____
1.安装@angular/material、@angular/cdkcnpminstall--save@angular/material@angular/cdk2.app.module.ts导入模块import{ScrollingModule}from'@angular/cdk/scrolling';import{MatCardModule}from'@angular/material';impo
- angular6 使用信息提示框toast
白不懂黑的静
Angular6
需求描述:在操作结束后,需要在页面右下角弹出提示信息,且在一定的时间可以自动消失。现有环境:Angular6+bootStrap先看效果:方案:选取了ngx-toastr这个插件集成步骤:1、安装ngx-toastr和它的依赖@angular/animationsnpminstallngx-toastr--savenpminstall@angular/animations--save2、在angu
- 如何在Angular6下使用ng-zorro-antd
cipchk
ng-zorro-antd受限于#10430一直都未发布Angular6版本,虽然早已经准备好#1404。这里的原因是多重的,antd的less版本需要JavaScript的支持,想当初我有想把它转成Scss版本,看到这些我内心是奔溃的。而Less3.x认为支持JavaScript是诡异的,因此提供了一个叫@plugin看起来更没那么诡异来解决less调用JavaScript。这就像三角恋一样,a
- html 双向绑定组件,angular6 自定义组件,实现双向数据绑定
翠袂天寒
html双向绑定组件
在包装输入类型的组件时,我们需要向外暴露数据接口,用户输入和输出,这时候在组件内部定义双向绑定,会大大方便用户的使用。在编写组件之前,首先看一下组件的使用方式和效果:app.component:{{testBinding}}其中binding-test标签是自定义组件,利用[()]符号进行双向绑定,下面p标签显示所绑定的值。效果图如下:binding-test组件绑定的值显示在网页上。编写组件新建
- Angular开发学习笔记:Angular自定义组件实现数据双向绑定
JustWantToFly
Angular开发学习笔记Angular自定义组件数据绑定双向绑定
angular6自定义组件,实现双向数据绑定在包装输入类型的组件时,我们需要向外暴露数据接口,用户输入和输出,这时候在组件内部定义双向绑定,会大大方便用户的使用。在编写组件之前,首先看一下组件的使用方式和效果:app.component:{{testBinding}}其中binding-test标签是自定义组件,利用[()]符号进行双向绑定,下面p标签显示所绑定的值。效果图如下:binding-t
- 【CuteJavaScript】Angular6入门项目(3.编写服务和引入RxJS)
pingan8787
本文目录一、项目起步二、编写路由组件三、编写页面组件1.编写单一组件2.模拟数据3.编写主从组件四、编写服务1.为什么需要服务2.编写服务五、引入RxJS1.关于RxJS2.引入RxJS3.改造数据获取方式六、改造组件1.添加历史记录组件2.添加和删除历史记录七、HTTP改造1.引入HTTP2.通过HTTP请求数据3.通过HTTP修改数据4.通过HTTP增加数据5.通过HTTP删除数据6.通过HT
- angular6.x 引入echarts
edd043a92f7a
chart.jpg前言原文地址:Liang的博客因为angular2+使用==typescript==开发,所以想要使用echarts,必须安装echarts针对angular的插件ngx-echarts。本文案列实际效果如上图。安装ngx-echartsnpminstallecharts--savenpminstallngx-echarts@3.2.0--save注意echarts>=3.xan
- 微信开发之Angular6+Ionic4与JS-SDK
蒹葭乄白露
刚开始接到这个项目时,因为对Angular比较熟悉,所以就选用了Angular6+Ionic4框架构造整个项目,开发界面时一切顺利,到了开发微信JS-SDK的时候就有点懵了,网上关于Angular2~6开发微信JS-SDK的案例一个都找不到,这下就不好办了,这时候再换框架的话就太拖进度了,会被骂死,而且新框架也不一定那么适用。辛辛苦苦配置好服务器之后,开始开发JS-SDK了,从官方平台上下载了de
- angular项目从版本5到10的打怪升级之路
酷恩Queen
angularangularjs
angular项目升级记录如果项目当前版本低于6,需要先升级到6,否则无法使用ngupdate来自动升级,所以推荐先按照下面的方法升级到6注意事项:升级的过程中一定要时刻检查下面几个模块的版本,保证它们是兼容的:node的版本typescript的版本angular的版本antd的版本以及其他依赖库的版本angular6以下版本更新到6:如果使用旧版HttpModule和Http服务,请切换到Ht
- Angular6 导航事件(结合rxjs6)
熊花花姑娘
第一步:import{Router,NavigationEnd}from'@angular/router';第二步:constructor(privaterouter:Router)第三步:
- Angular2 富文本编辑器 ng2-ckeditor 的使用
杀个程序猿祭天
本文介绍如何在Angular中使用ng2-ckeditor控件,示例代码基于angular6.0.2,node8.11.2,ng2-ckeditor4.9.2环境安装组件npminstallng2-ckeditor创建ckeditor.component.tsimport{Component,OnInit,ViewChild}from'@angular/core';@Component({sele
- angular6 中angular.json中参数详解
Van_陈
原创angular前端angularjsangular2
其实我觉得配置项这个东西应该是很简单的,毕竟是配置项,参数拿过来抄一下就行了.又不是写什么样式写什么逻辑的但是吧,居然还真的在网上找不到什么能看的东西,尤其是我现在升级到angular6,就真的找不到什么能看的东西了,于是乎,这个看着感觉随便抄抄的内容让我不得不自己研究一下了.angular-cli的配置文件还留存在angular-cli.json的麻烦移步空降到(angular4及以下)http
- 【Angular】Angula6中的组件通信
Angula6_组件通信本文主要介绍Angular6中的组件通信一、父子组件通信1.1父组件向子组件传递信息方法一在父组件上设置子组件的属性父组件绑定信息子组件接收消息import{Component,OnInit,Input}from'@angular/core';@InputchildTitle:string;方法二父组件调用子组件的方法父组件触发消息子组件接收消息childPrint(){a
- Angular6 配置代理
ChangLau
添加proxy.config.json{"/api":{"target":"http://127.0.0.1:8080/","logLevel":"debug","changeOrigin":true,"pathRewrite":{"^/api":""}}}配置package.json使用npmstart启动"scripts":{"start":"ngserve--proxy-configprox
- 2020-01-03/ng-zerro升级的问题
呼噜噜睡
之前开发了一个简单的web项目,前端使用Angular6+ng-zorro(7)作为开发技术。很长一段闲置了项目,没有进行开发。后面手痒,想继续写写页面,怎料前端框架版本升级这么快,Angular已经到8了,ng-zorro到了8.5。一些过渡性版本不见了,这么时候就只剩下升级版本这一条路了。升级很快完成,ng-zorro的一些废弃组件进行了替换,Angular的一些指令和Serviceprovi
- Angular6 教程_编程入门自学教程_菜鸟教程-免费教程分享
IT民工爱搬砖
笔记
教程简介Angular6是一个JavaScript框架,用于构建JavaScript,html和TypeScript中的Web应用程序和应用程序,它是JavaScript的超集。它是Angular的一个更新版本,相当于angular的6.x版本。Angular6入门教程-从基本到高级概念的简单的步骤了解Angular6,其中包括概述,环境设置,项目设置,组件,模块,数据绑定,事件绑定,模板,指令,
- Angular6 教程_编程入门自学教程_菜鸟教程-免费教程分享
程序员
教程简介Angular6是一个JavaScript框架,用于构建JavaScript,html和TypeScript中的Web应用程序和应用程序,它是JavaScript的超集。它是Angular的一个更新版本,相当于angular的6.x版本。Angular6入门教程-从基本到高级概念的简单的步骤了解Angular6,其中包括概述,环境设置,项目设置,组件,模块,数据绑定,事件绑定,模板,指令,
- Angular6升级到Angular8报错问题的解决合集
目录1.polyfills.ts中reflect文件丢失2.@anguar/http不兼容3.kendoCSS报错4.typescript不兼容问题总结1.polyfills.ts中reflect文件丢失报错如下ERRORin./src/polyfills.tsModulenotfound:Error:Can'tresolve'core-js/es7/reflect'in'E:\AJ\update
- Angular 6
雪儿_2b36
如何安装Angular6最快速简捷的方法是通过AngularCLI,即命令行窗口。安装之前,你需要yarn包管理器或者节点包管理器。为了检测你是否有npm(NodePackageManager),你需要在控制台或者命令行中输入>npm-v如果电脑不识别这条命令,你需要安装NodeJS.安装成功之后,在控制台或命令行中重新输入上条命令,即可成功进入NPM。现在我们可以通过NPM去安装AngularC
- Angular6中出现的父子组件通信问题
Yike_Father
Angular6中出现的父子组件传值,和父组件调用子组件方法出现的子组件获取不到父组件实时数据问题。场景:父组件传数据给子组件用的@Input()传递,父组件调用子组件使用的@ViewChild引用子组件,父组件触发子组件是先执行方法后传参。研究一段时间后,解决方法用子组件的ngOnChanges生命函数去执行子组件方法。如果有其他方法欢迎大家留言!
- 常用开源模版
yxCassiel
1.若依管理系统2.AdminLTE2|Dashboard3.JeeSite4.Metronic-TheUltimateBootstrap&Angular6AdminTheme5.AmazeUI|HTML5跨屏前端框架
- HttpClient 4.3与4.3版本以下版本比较
spjich
javahttpclient
网上利用java发送http请求的代码很多,一搜一大把,有的利用的是java.net.*下的HttpURLConnection,有的用httpclient,而且发送的代码也分门别类。今天我们主要来说的是利用httpclient发送请求。
httpclient又可分为
httpclient3.x
httpclient4.x到httpclient4.3以下
httpclient4.3
- Essential Studio Enterprise Edition 2015 v1新功能体验
Axiba
.net
概述:Essential Studio已全线升级至2015 v1版本了!新版本为JavaScript和ASP.NET MVC添加了新的文件资源管理器控件,还有其他一些控件功能升级,精彩不容错过,让我们一起来看看吧!
syncfusion公司是世界领先的Windows开发组件提供商,该公司正式对外发布Essential Studio Enterprise Edition 2015 v1版本。新版本
- [宇宙与天文]微波背景辐射值与地球温度
comsci
背景
宇宙这个庞大,无边无际的空间是否存在某种确定的,变化的温度呢?
如果宇宙微波背景辐射值是表示宇宙空间温度的参数之一,那么测量这些数值,并观测周围的恒星能量输出值,我们是否获得地球的长期气候变化的情况呢?
&nbs
- lvs-server
男人50
server
#!/bin/bash
#
# LVS script for VS/DR
#
#./etc/rc.d/init.d/functions
#
VIP=10.10.6.252
RIP1=10.10.6.101
RIP2=10.10.6.13
PORT=80
case $1 in
start)
/sbin/ifconfig eth2:0 $VIP broadca
- java的WebCollector爬虫框架
oloz
爬虫
WebCollector主页:
https://github.com/CrawlScript/WebCollector
下载:webcollector-版本号-bin.zip将解压后文件夹中的所有jar包添加到工程既可。
接下来看demo
package org.spider.myspider;
import cn.edu.hfut.dmic.webcollector.cra
- jQuery append 与 after 的区别
小猪猪08
1、after函数
定义和用法:
after() 方法在被选元素后插入指定的内容。
语法:
$(selector).after(content)
实例:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></scr
- mysql知识充电
香水浓
mysql
索引
索引是在存储引擎中实现的,因此每种存储引擎的索引都不一定完全相同,并且每种存储引擎也不一定支持所有索引类型。
根据存储引擎定义每个表的最大索引数和最大索引长度。所有存储引擎支持每个表至少16个索引,总索引长度至少为256字节。
大多数存储引擎有更高的限制。MYSQL中索引的存储类型有两种:BTREE和HASH,具体和表的存储引擎相关;
MYISAM和InnoDB存储引擎
- 我的架构经验系列文章索引
agevs
架构
下面是一些个人架构上的总结,本来想只在公司内部进行共享的,因此内容写的口语化一点,也没什么图示,所有内容没有查任何资料是脑子里面的东西吐出来的因此可能会不准确不全,希望抛砖引玉,大家互相讨论。
要注意,我这些文章是一个总体的架构经验不针对具体的语言和平台,因此也不一定是适用所有的语言和平台的。
(内容是前几天写的,现附上索引)
前端架构 http://www.
- Android so lib库远程http下载和动态注册
aijuans
andorid
一、背景
在开发Android应用程序的实现,有时候需要引入第三方so lib库,但第三方so库比较大,例如开源第三方播放组件ffmpeg库, 如果直接打包的apk包里面, 整个应用程序会大很多.经过查阅资料和实验,发现通过远程下载so文件,然后再动态注册so文件时可行的。主要需要解决下载so文件存放位置以及文件读写权限问题。
二、主要
- linux中svn配置出错 conf/svnserve.conf:12: Option expected 解决方法
baalwolf
option
在客户端访问subversion版本库时出现这个错误:
svnserve.conf:12: Option expected
为什么会出现这个错误呢,就是因为subversion读取配置文件svnserve.conf时,无法识别有前置空格的配置文件,如### This file controls the configuration of the svnserve daemon, if you##
- MongoDB的连接池和连接管理
BigCat2013
mongodb
在关系型数据库中,我们总是需要关闭使用的数据库连接,不然大量的创建连接会导致资源的浪费甚至于数据库宕机。这篇文章主要想解释一下mongoDB的连接池以及连接管理机制,如果正对此有疑惑的朋友可以看一下。
通常我们习惯于new 一个connection并且通常在finally语句中调用connection的close()方法将其关闭。正巧,mongoDB中当我们new一个Mongo的时候,会发现它也
- AngularJS使用Socket.IO
bijian1013
JavaScriptAngularJSSocket.IO
目前,web应用普遍被要求是实时web应用,即服务端的数据更新之后,应用能立即更新。以前使用的技术(例如polling)存在一些局限性,而且有时我们需要在客户端打开一个socket,然后进行通信。
Socket.IO(http://socket.io/)是一个非常优秀的库,它可以帮你实
- [Maven学习笔记四]Maven依赖特性
bit1129
maven
三个模块
为了说明问题,以用户登陆小web应用为例。通常一个web应用分为三个模块,模型和数据持久化层user-core, 业务逻辑层user-service以及web展现层user-web,
user-service依赖于user-core
user-web依赖于user-core和user-service
依赖作用范围
Maven的dependency定义
- 【Akka一】Akka入门
bit1129
akka
什么是Akka
Message-Driven Runtime is the Foundation to Reactive Applications
In Akka, your business logic is driven through message-based communication patterns that are independent of physical locatio
- zabbix_api之perl语言写法
ronin47
zabbix_api之perl
zabbix_api网上比较多的写法是python或curl。上次我用java--http://bossr.iteye.com/blog/2195679,这次用perl。for example: #!/usr/bin/perl
use 5.010 ;
use strict ;
use warnings ;
use JSON :: RPC :: Client ;
use
- 比优衣库跟牛掰的视频流出了,兄弟连Linux运维工程师课堂实录,更加刺激,更加实在!
brotherlamp
linux运维工程师linux运维工程师教程linux运维工程师视频linux运维工程师资料linux运维工程师自学
比优衣库跟牛掰的视频流出了,兄弟连Linux运维工程师课堂实录,更加刺激,更加实在!
-----------------------------------------------------
兄弟连Linux运维工程师课堂实录-计算机基础-1-课程体系介绍1
链接:http://pan.baidu.com/s/1i3GQtGL 密码:bl65
兄弟连Lin
- bitmap求哈密顿距离-给定N(1<=N<=100000)个五维的点A(x1,x2,x3,x4,x5),求两个点X(x1,x2,x3,x4,x5)和Y(
bylijinnan
java
import java.util.Random;
/**
* 题目:
* 给定N(1<=N<=100000)个五维的点A(x1,x2,x3,x4,x5),求两个点X(x1,x2,x3,x4,x5)和Y(y1,y2,y3,y4,y5),
* 使得他们的哈密顿距离(d=|x1-y1| + |x2-y2| + |x3-y3| + |x4-y4| + |x5-y5|)最大
- map的三种遍历方法
chicony
map
package com.test;
import java.util.Collection;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Map;
import java.util.Set;
public class TestMap {
public static v
- Linux安装mysql的一些坑
chenchao051
linux
1、mysql不建议在root用户下运行
2、出现服务启动不了,111错误,注意要用chown来赋予权限, 我在root用户下装的mysql,我就把usr/share/mysql/mysql.server复制到/etc/init.d/mysqld, (同时把my-huge.cnf复制/etc/my.cnf)
chown -R cc /etc/init.d/mysql
- Sublime Text 3 配置
daizj
配置Sublime Text
Sublime Text 3 配置解释(默认){// 设置主题文件“color_scheme”: “Packages/Color Scheme – Default/Monokai.tmTheme”,// 设置字体和大小“font_face”: “Consolas”,“font_size”: 12,// 字体选项:no_bold不显示粗体字,no_italic不显示斜体字,no_antialias和
- MySQL server has gone away 问题的解决方法
dcj3sjt126com
SQL Server
MySQL server has gone away 问题解决方法,需要的朋友可以参考下。
应用程序(比如PHP)长时间的执行批量的MYSQL语句。执行一个SQL,但SQL语句过大或者语句中含有BLOB或者longblob字段。比如,图片数据的处理。都容易引起MySQL server has gone away。 今天遇到类似的情景,MySQL只是冷冷的说:MySQL server h
- javascript/dom:固定居中效果
dcj3sjt126com
JavaScript
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml&
- 使用 Spring 2.5 注释驱动的 IoC 功能
e200702084
springbean配置管理IOCOffice
使用 Spring 2.5 注释驱动的 IoC 功能
developerWorks
文档选项
将打印机的版面设置成横向打印模式
打印本页
将此页作为电子邮件发送
将此页作为电子邮件发送
级别: 初级
陈 雄华 (
[email protected]), 技术总监, 宝宝淘网络科技有限公司
2008 年 2 月 28 日
&nb
- MongoDB常用操作命令
geeksun
mongodb
1. 基本操作
db.AddUser(username,password) 添加用户
db.auth(usrename,password) 设置数据库连接验证
db.cloneDataBase(fromhost)
- php写守护进程(Daemon)
hongtoushizi
PHP
转载自: http://blog.csdn.net/tengzhaorong/article/details/9764655
守护进程(Daemon)是运行在后台的一种特殊进程。它独立于控制终端并且周期性地执行某种任务或等待处理某些发生的事件。守护进程是一种很有用的进程。php也可以实现守护进程的功能。
1、基本概念
&nbs
- spring整合mybatis,关于注入Dao对象出错问题
jonsvien
DAOspringbeanmybatisprototype
今天在公司测试功能时发现一问题:
先进行代码说明:
1,controller配置了Scope="prototype"(表明每一次请求都是原子型)
@resource/@autowired service对象都可以(两种注解都可以)。
2,service 配置了Scope="prototype"(表明每一次请求都是原子型)
- 对象关系行为模式之标识映射
home198979
PHP架构企业应用对象关系标识映射
HELLO!架构
一、概念
identity Map:通过在映射中保存每个已经加载的对象,确保每个对象只加载一次,当要访问对象的时候,通过映射来查找它们。其实在数据源架构模式之数据映射器代码中有提及到标识映射,Mapper类的getFromMap方法就是实现标识映射的实现。
二、为什么要使用标识映射?
在数据源架构模式之数据映射器中
//c
- Linux下hosts文件详解
pda158
linux
1、主机名: 无论在局域网还是INTERNET上,每台主机都有一个IP地址,是为了区分此台主机和彼台主机,也就是说IP地址就是主机的门牌号。 公网:IP地址不方便记忆,所以又有了域名。域名只是在公网(INtERNET)中存在,每个域名都对应一个IP地址,但一个IP地址可有对应多个域名。 局域网:每台机器都有一个主机名,用于主机与主机之间的便于区分,就可以为每台机器设置主机
- nginx配置文件粗解
spjich
javanginx
#运行用户#user nobody;#启动进程,通常设置成和cpu的数量相等worker_processes 2;#全局错误日志及PID文件#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log inf
- 数学函数
w54653520
java
public
class
S {
// 传入两个整数,进行比较,返回两个数中的最大值的方法。
public
int
get(
int
num1,
int
nu