- 如何从Angularjs 升级到 Angular(译文)
快乐2020
原文:UpgradingfromAngularJStoAngularAuthor:AngularJS官方译者:philoenglish.com团队关键字:AngularjsAngularAngular1.xAngular2.xmigration迁移,升级这里的Angular是指Angular2.x,而AngularJS是指AngularJS1.x版本。Angular(通常是指"Angular2+"
- RxJS 核心概念之Subject
Alex__Gong
angular2RxJSangular2+
本文出处:https://segmentfault.com/a/1190000005069851,我做了一部分修改我们在接触到RxJS的时候,不免会有点晕头转向的感觉,对于什么是Subject,什么是Observer,什么是Observable,总感觉晕乎乎的。下面我引用一篇为自认为比较通俗易懂的博文,再加上自己的描述来给大家解释下,弄明白之后对于学习Angular2+有很大的帮助,因为在angu
- angular2+导出excel表格
点沙微痕
1、安装插件npminstallfile-saver--savenpminstallxlsx--save2、在需要使用的ts文件中引入以下代码import*asFileSaverfrom'file-saver';import*asXLSXfrom'xlsx';3、导出json格式数据为excel表格exportExcel(){//设置表格样式,!cols为列宽constoptions={'!col
- Angular2+ 集成ngx-echarts
boskt
注:github:https://github.com/xieziyu/ngx-echarts官方网站:https://xieziyu.github.io/ngx-echarts/#/homeecharts图表实例参考:http://echarts.baidu.com/examples/1.通过使用npm进行引入相关依赖npminstallecharts-Snpminstallngx-echart
- Angular2+ 如何向不关联组件传入数据
Evan不懂前端
开发语言javascript
前言众所周知,Angular2+向子组件传递数据用@Input(),子组件向父组件传递数据用@Output()。现在因为项目需求,需要在Angular2+的不关联组件中传递数据,本文详细介绍了具体步骤和代码。步骤1.在service文件添加如下代码privateidSubject:BehaviorSubject=newBehaviorSubject(null);publicid=this.idSu
- 关于angular2+的dev mode
avery1
angular2+本地ngserve启动起来的时候一般都是developmentmode。控制台会有如下提示。一般本地是用developmentmode。当我们发布出去到test,stg和prod环境的时候需要开启prodmode也就是控制台里提示的enableProdMode。在项目里有哪些地方进行这些控制,我们来看看。environment.ts首先我们src目录下有个environments
- TypeScript入门
OOM_Killer
Typescript是Angular2+的默认语言,是十分强大的,所以才吸引我去了解这门语言。可以说是以后端的代码逻辑去写前端代码。非常适合对后端开发比较熟悉的人。本文章是慕课网的免费课程TypeScript入门TypeScript也有中文文档支持了https://www.tslang.cn/docs/handbook/basic-types.html搭建TyoeScript开发环境首先TypeS
- ag-grid angular版Get Started教程踩坑
什么香香脆脆我们最爱
angular
ag-gird官网简单介绍一下ag-grid: ①自称世界上最好的js数据表格实现方案,支持目前大部分主流框架,比如angular2+,anularjs1,vue,react等,同时也支持原生js。 ②虽然官网说超过2,500家公司使用ag-GridEnterprise。财富500强中超过25%使用ag-GridEnterprise。每月超过500,000次下载。但是在国内这个名气不是很大,可
- ag-grid-angular
前端咸鱼
前端日常杂项ag-grid-angular
最近在研究基于angular2+的表格的用法,发现一种非常好用的表格,就是ag-grid,ag-grid不仅对angular1.x有支持,还支持react,vue等目前主流的前端框架,这里我们只是对angular2+中的ag-grid进行讲解,这个表格继承了angular1.x中ui-grid的一些优点,并补全了ui-grid的一些缺点,总体来说是一个非常棒的表格。第一节主要讲解表格列的定义,但是
- react、vue、Angular的关系和区别
淘菲于宾利
react.jsvue.jsangular.js
历史背景Angular是基于TypeScript的Javascript框架。由Google进行开发和维护,它被描述为“超级厉害的JavaScriptMVW框架”。Angular(也被称为“Angular2+”,“Angular2”或者“ng2”)已被重写,是与AngularJS(也被称为“Angular.js”或“AngularJS1.x”)不兼容的后续版本。当AngularJS(旧版本)最初于2
- Angular 2+ 监听路由动态设置页面meta
空城皆是旧梦
angular2+里默认切换路由或者切换组件,页面的meta是不会变化的。如果想针对每个路由设置页面标题,要使用Meta服务,我们需要从@angular/platform-browser库导入Meta类,然后利用Angular依赖注入的机制,通过构造注入的方式注入Meta服务。其MetaService提供了addTag()、addTags()、getTag()、getTags()、updateTa
- 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
- 【Angularjs系列】Angularjs项目中切换js到ts(下)
QuickPai
angularjststypescript
前面一篇文章说了如果将已有的js切换到ts,这篇文章会说项目中如果来了新的需求,如何用ts写新增的需求。我们还是以ts&html&less为结构,如下:比如这次我们做活动案例添加了一个component组件,这里稍微说一下,最好都用component不要用controller,component复用性比较强且angular2+以后都是用的component,如果,我是说如果以后能够升级,那也能节省
- angular 控件css_Angular
weixin_39816062
angular控件css
本篇文章介绍的是关于angularjs1.x升级angularjs2+方案,还有介绍了angularjs1.x和angularjs2+的并行,现在我们就一起来看这篇文章吧angular1.x升级angular2+方案我给大家提供的是angular1.x和angular5并行,...这次给大家带来Angular使用UI框架、控件,Angular使用UI框架、控件的注意事项有哪些,下面就是实战案例,一
- angular2+子组件调用父组件事件的两种方法@Input与 @Output + EventEmitter的区别
花心小坚果
angularhtml5javascripthtml
今天学习angular的父子组件通信的时候,突然产生一个疑问,出于好奇于是便进行测试分析,在此做下笔记父组件调用子组件的数据方法的话毋庸置疑我们使用@viewChild更为方便,但是子组件调用父组件事件方法的时候却有两种选择。1.通过@Input装饰器将父组件事件方法在子组件中接收,之后进行调用//父组件html文件//父组件ts文件exportclassAppComponent{publicti
- 如何在Angular里执行多个内嵌请求
zewweb
关键词Angular2+前言在项目过程中,在发送WS请求的时候,需要多个内嵌请求都结束后,再进行后续操作,除了promise以外,本文介绍了另外一种方法。步骤1.新建一个数组letrequestList=[];2.用mergeMap方法进行内嵌操作,并push到新建的数组中requestList.push(this.sevice.createDemo(this.id,demo).pipe(merg
- Angular2+:上拉加载更多
Lucia_Huang
无论是微信小程序还是其他前端框架,都会遇到上拉加载(懒加载)和下拉刷新这种问题。其实理清楚什么时候请求数据、请求返回的几种情况,那么做这个懒加载就很简单了。一、首先,固定一个包含列表数据的div高度,让它里面列表的数据溢出可以滚动:{{item}}二、那么列表的数据请求就会分成两种情况:一种是初始化页面加载的第一页的数据;一种是滚动到底部请求的下一页的数据。所以我们在请求时要分成两种情况,若是第一
- Angular2+简单入门
大小小丹
angular2前端javascript前端angular.jsAngular2
工作多年,难免会被问及Vue,React和Angular的区别,记录下本人的个人见解,也是总结多年的工作心得!阅读文本之前,建议使用过Angular1.x或Vue或者React的小伙伴查看,因为部分术语,如指令、依赖注入等术语不做过多解释,具体可以查看Angular1.xx文档了解更多!Angular2+的核心思想1.快速创建2.组件2.1.组件创建2.2.组件的生命周期3.路由管理4.模块语法5
- Angular1.x与Angular2+区别
大小小丹
angularjsangular2javascriptangular.js前端
Angular1.x与Angular4区别1.生命周期2.依赖注入3.filter过滤器4.删掉$scope作用域5.嵌套路由6.基于TypeScript开发7.改进脏值检测机制8.删掉了ng-controller指令9.版本1.生命周期Angular1.x没有生命周期,但可以利用$on监听实现加载之前和销毁动作,对数据加载以及定时器销毁//View被加载但是DOM树构建之前时:$scope.$o
- angular 在国内的穷途末路
什么香香脆脆我们最爱
angularangular
angular在国内的穷途末路这里angular指的是angular2+。前不久投了投简历,面了面试。发现使用angular2+框架的项目和公司很少,大多数以后台管理系统为主。而且有从angular迁移到vue和react的趋势。在国内有穷途末路之势。我个人觉得可能有3方面原因:①入门难,需要的知识范围广,比如rxjs,ts,还有angular框架本身的概念。甚至一些人连angular框架都没有用
- Angular2+中如何引用自定义的字体
小纪同学_
项目中客户提出需要用华文彩云字体,搜了下css的font-family有这个字体,但是在macos中好像不起作用(不知道是不是我用的不对)。所以就只能从网上下载字体,然后引用到项目中。第一步:下载华文彩云字体这个在网上可以很容易下载到。下载下来后找到.ttf文件。第二步:将字体放在项目中在assets文件夹下创建font文件夹,将.ttf文件放入font文件下。第三步:在styles.css中引用
- Angular 组件样式
山哥Samuel
Angular2+(Now5.0)应用程序使用的是常规CSS样式,意思就是说CSS标准中的所有东西都可以直接在Angular应用程序中直接使用。一、如何使用组件样式?在编写Angular2组件时,不光只是定义HTML模板,同时也需要利用CSS对HTML模板进行美化。最简单的是在组件元数据里定义styles属性,其是一个含CSS代码的字符串数组,比如:@Component({selector:'he
- Angular2+ 如何向不关联组件传入数据
zewweb
关键词Angular2+前言众所周知,Angular2+向子组件传递数据用@Input(),子组件向父组件传递数据用@Output()。现在因为项目需求,需要在Angular2+的不关联组建中传递数据,本文详细介绍了具体步骤和代码。步骤1.在service文件添加如下代码privateidSubject:BehaviorSubject=newBehaviorSubject(null);public
- 非官方GitChat客户端及代码发布
孙亖
在我写《使用Angular2+开发Markdown编辑器》时,实验Electron功能,顺手为GitChat写了一个客户端,把源码发布于:https://gitee.com/techcave/GitChatClient。程序界面如下:GitChat.png更多细节请参与Chat《使用Angular2+开发Markdown编辑器》,微信扫描下面的二维码:使用Angular2+开发Markdown编辑
- Angular 初识
Mr_欢先生
Angular简介Angular(通常是指"Angular2+"或"Angularv2及更高版本")。是一个基于TypeScript的开源Web应用框架,由Google的Angular团队以及社区共同领导。Angular是由AngularJS的同一个开发团队完全重写的。——《维基百科》是一个应用设计框架与开发平台,用于创建高效、复杂、精致的单页面应用。AngularAngular环境搭建1.安装前
- 前端,通过面试去学习,框架(vue react reactHook 微信小程序)
IronKee
Vue面试vue.jsreact.js微信小程序前端面试
框架面试的时候,一般面试官会问vuereact哪个用的多,再针对你用的多的进行提问就我个人而言,我觉得网上讲解vue源码的博客比较多,vue的相关面试题整理的也比较多,面试时可能更好回答一些react用的没有vue多,源码还没开始读,reactHook出现后慢慢替代了class组件,逐渐趋于主流,可以结合公司的项目针对react16.8版本之后的reactHook进行准备angular2+,上份公
- Angualar2+ 路由跳转,url不变
zewweb
关键词Angular2+前言在项目开发的过程中,客户需要切换到无权限页面的时候,路由不变。当添加成功权限后,刷新页面即可访问。解决步骤当跳转路由时候,使用{skipLocationChange:true}this.router.navigate(['/not-allowed'],{skipLocationChange:true});后言希望本文会对你有所帮助,如果有什么问题,可在下方留言沟通
- angular7中给html标签自定义属性
小灵仙_f21a
问题:在html5中可以通过“data-属性名”给标签自定义属性,但在angular2+以上这种方式貌似行不通。解决办法:通过attr.属性名的方式解决,如下图:image.png
- JavaScript 修饰符是什么,什么时候使用它们?
急速奔跑中的蜗牛
修饰符随Angular2+变得流行起来。在Angular中,是TypeScript带来了修饰符,不过修饰符会在今年晚些时间更新为ES2017的一部分。我们来看看修饰符是什么,以及如何使用它们可以让代码变得更容易理解。什么是修饰符?用最简单的形式来说,修饰符是用一段代码包装另一段代码的方式——字面上的“修饰”。这个概念你以前可能听说过,就是“功能组合”,或者“高阶函数”。怎么使用JavaScript
- Angular中使用Golden-layou布局
天降男神
Golden-layout官网项目中需要使用到多页面布局,采用的技术是Golden-layout,项目使用的框架是angular2+,在此记录一下搬砖过程和步骤:项目需求是这样子:项目调度模块中有很多组件,但是需要组件显示在一个页面,可以同时存在,像浏览器可以打开多个页面一样,呃,暂时不知道这个叫什么,后期更正,废话不多说。一、引入依赖二、实例化我有两个组件,当第一次加载时显示welcome组件,
- ztree设置禁用节点
3213213333332132
JavaScriptztreejsonsetDisabledNodeAjax
ztree设置禁用节点的时候注意,当使用ajax后台请求数据,必须要设置为同步获取数据,否者会获取不到节点对象,导致设置禁用没有效果。
$(function(){
showTree();
setDisabledNode();
});
- JVM patch by Taobao
bookjovi
javaHotSpot
在网上无意中看到淘宝提交的hotspot patch,共四个,有意思,记录一下。
7050685:jsdbproc64.sh has a typo in the package name
7058036:FieldsAllocationStyle=2 does not work in 32-bit VM
7060619:C1 should respect inline and
- 将session存储到数据库中
dcj3sjt126com
sqlPHPsession
CREATE TABLE sessions (
id CHAR(32) NOT NULL,
data TEXT,
last_accessed TIMESTAMP NOT NULL,
PRIMARY KEY (id)
);
<?php
/**
* Created by PhpStorm.
* User: michaeldu
* Date
- Vector
171815164
vector
public Vector<CartProduct> delCart(Vector<CartProduct> cart, String id) {
for (int i = 0; i < cart.size(); i++) {
if (cart.get(i).getId().equals(id)) {
cart.remove(i);
- 各连接池配置参数比较
g21121
连接池
排版真心费劲,大家凑合看下吧,见谅~
Druid
DBCP
C3P0
Proxool
数据库用户名称 Username Username User
数据库密码 Password Password Password
驱动名
- [简单]mybatis insert语句添加动态字段
53873039oycg
mybatis
mysql数据库,id自增,配置如下:
<insert id="saveTestTb" useGeneratedKeys="true" keyProperty="id"
parameterType=&
- struts2拦截器配置
云端月影
struts2拦截器
struts2拦截器interceptor的三种配置方法
方法1. 普通配置法
<struts>
<package name="struts2" extends="struts-default">
&
- IE中页面不居中,火狐谷歌等正常
aijuans
IE中页面不居中
问题是首页在火狐、谷歌、所有IE中正常显示,列表页的页面在火狐谷歌中正常,在IE6、7、8中都不中,觉得可能那个地方设置的让IE系列都不认识,仔细查看后发现,列表页中没写HTML模板部分没有添加DTD定义,就是<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3
- String,int,Integer,char 几个类型常见转换
antonyup_2006
htmlsql.net
如何将字串 String 转换成整数 int?
int i = Integer.valueOf(my_str).intValue();
int i=Integer.parseInt(str);
如何将字串 String 转换成Integer ?
Integer integer=Integer.valueOf(str);
如何将整数 int 转换成字串 String ?
1.
- PL/SQL的游标类型
百合不是茶
显示游标(静态游标)隐式游标游标的更新和删除%rowtyperef游标(动态游标)
游标是oracle中的一个结果集,用于存放查询的结果;
PL/SQL中游标的声明;
1,声明游标
2,打开游标(默认是关闭的);
3,提取数据
4,关闭游标
注意的要点:游标必须声明在declare中,使用open打开游标,fetch取游标中的数据,close关闭游标
隐式游标:主要是对DML数据的操作隐
- JUnit4中@AfterClass @BeforeClass @after @before的区别对比
bijian1013
JUnit4单元测试
一.基础知识
JUnit4使用Java5中的注解(annotation),以下是JUnit4常用的几个annotation: @Before:初始化方法 对于每一个测试方法都要执行一次(注意与BeforeClass区别,后者是对于所有方法执行一次)@After:释放资源 对于每一个测试方法都要执行一次(注意与AfterClass区别,后者是对于所有方法执行一次
- 精通Oracle10编程SQL(12)开发包
bijian1013
oracle数据库plsql
/*
*开发包
*包用于逻辑组合相关的PL/SQL类型(例如TABLE类型和RECORD类型)、PL/SQL项(例如游标和游标变量)和PL/SQL子程序(例如过程和函数)
*/
--包用于逻辑组合相关的PL/SQL类型、项和子程序,它由包规范和包体两部分组成
--建立包规范:包规范实际是包与应用程序之间的接口,它用于定义包的公用组件,包括常量、变量、游标、过程和函数等
--在包规
- 【EhCache二】ehcache.xml配置详解
bit1129
ehcache.xml
在ehcache官网上找了多次,终于找到ehcache.xml配置元素和属性的含义说明文档了,这个文档包含在ehcache.xml的注释中!
ehcache.xml : http://ehcache.org/ehcache.xml
ehcache.xsd : http://ehcache.org/ehcache.xsd
ehcache配置文件的根元素是ehcahe
ehcac
- java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderL
白糖_
javaeclipsespringtomcatWeb
今天学习spring+cxf的时候遇到一个问题:在web.xml中配置了spring的上下文监听器:
<listener>
<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>
随后启动
- angular.element
boyitech
AngularJSAngularJS APIangular.element
angular.element
描述: 包裹着一部分DOM element或者是HTML字符串,把它作为一个jQuery元素来处理。(类似于jQuery的选择器啦) 如果jQuery被引入了,则angular.element就可以看作是jQuery选择器,选择的对象可以使用jQuery的函数;如果jQuery不可用,angular.e
- java-给定两个已排序序列,找出共同的元素。
bylijinnan
java
import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;
public class CommonItemInTwoSortedArray {
/**
* 题目:给定两个已排序序列,找出共同的元素。
* 1.定义两个指针分别指向序列的开始。
* 如果指向的两个元素
- sftp 异常,有遇到的吗?求解
Chen.H
javajcraftauthjschjschexception
com.jcraft.jsch.JSchException: Auth cancel
at com.jcraft.jsch.Session.connect(Session.java:460)
at com.jcraft.jsch.Session.connect(Session.java:154)
at cn.vivame.util.ftp.SftpServerAccess.connec
- [生物智能与人工智能]神经元中的电化学结构代表什么?
comsci
人工智能
我这里做一个大胆的猜想,生物神经网络中的神经元中包含着一些化学和类似电路的结构,这些结构通常用来扮演类似我们在拓扑分析系统中的节点嵌入方程一样,使得我们的神经网络产生智能判断的能力,而这些嵌入到节点中的方程同时也扮演着"经验"的角色....
我们可以尝试一下...在某些神经
- 通过LAC和CID获取经纬度信息
dai_lm
laccid
方法1:
用浏览器打开http://www.minigps.net/cellsearch.html,然后输入lac和cid信息(mcc和mnc可以填0),如果数据正确就可以获得相应的经纬度
方法2:
发送HTTP请求到http://www.open-electronics.org/celltrack/cell.php?hex=0&lac=<lac>&cid=&
- JAVA的困难分析
datamachine
java
前段时间转了一篇SQL的文章(http://datamachine.iteye.com/blog/1971896),文章不复杂,但思想深刻,就顺便思考了一下java的不足,当砖头丢出来,希望引点和田玉。
-----------------------------------------------------------------------------------------
- 小学5年级英语单词背诵第二课
dcj3sjt126com
englishword
money 钱
paper 纸
speak 讲,说
tell 告诉
remember 记得,想起
knock 敲,击,打
question 问题
number 数字,号码
learn 学会,学习
street 街道
carry 搬运,携带
send 发送,邮寄,发射
must 必须
light 灯,光线,轻的
front
- linux下面没有tree命令
dcj3sjt126com
linux
centos p安装
yum -y install tree
mac os安装
brew install tree
首先来看tree的用法
tree 中文解释:tree
功能说明:以树状图列出目录的内容。
语 法:tree [-aACdDfFgilnNpqstux][-I <范本样式>][-P <范本样式
- Map迭代方式,Map迭代,Map循环
蕃薯耀
Map循环Map迭代Map迭代方式
Map迭代方式,Map迭代,Map循环
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年
- Spring Cache注解+Redis
hanqunfeng
spring
Spring3.1 Cache注解
依赖jar包:
<!-- redis -->
<dependency>
<groupId>org.springframework.data</groupId>
<artifactId>spring-data-redis</artifactId>
- Guava中针对集合的 filter和过滤功能
jackyrong
filter
在guava库中,自带了过滤器(filter)的功能,可以用来对collection 进行过滤,先看例子:
@Test
public void whenFilterWithIterables_thenFiltered() {
List<String> names = Lists.newArrayList("John"
- 学习编程那点事
lampcy
编程androidPHPhtml5
一年前的夏天,我还在纠结要不要改行,要不要去学php?能学到真本事吗?改行能成功吗?太多的问题,我终于不顾一切,下定决心,辞去了工作,来到传说中的帝都。老师给的乘车方式还算有效,很顺利的就到了学校,赶巧了,正好学校搬到了新校区。先安顿了下来,过了个轻松的周末,第一次到帝都,逛逛吧!
接下来的周一,是我噩梦的开始,学习内容对我这个零基础的人来说,除了勉强完成老师布置的作业外,我已经没有时间和精力去
- 架构师之流处理---------bytebuffer的mark,limit和flip
nannan408
ByteBuffer
1.前言。
如题,limit其实就是可以读取的字节长度的意思,flip是清空的意思,mark是标记的意思 。
2.例子.
例子代码:
String str = "helloWorld";
ByteBuffer buff = ByteBuffer.wrap(str.getBytes());
Sy
- org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1, column 1
Everyday都不同
$转义el表达式
最近在做Highcharts的过程中,在写js时,出现了以下异常:
严重: Servlet.service() for servlet jsp threw exception
org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1,
- 用Java实现发送邮件到163
tntxia
java实现
/*
在java版经常看到有人问如何用javamail发送邮件?如何接收邮件?如何访问多个文件夹等。问题零散,而历史的回复早已经淹没在问题的海洋之中。
本人之前所做过一个java项目,其中包含有WebMail功能,当初为用java实现而对javamail摸索了一段时间,总算有点收获。看到论坛中的经常有此方面的问题,因此把我的一些经验帖出来,希望对大家有些帮助。
此篇仅介绍用
- 探索实体类存在的真正意义
java小叶檀
POJO
一. 实体类简述
实体类其实就是俗称的POJO,这种类一般不实现特殊框架下的接口,在程序中仅作为数据容器用来持久化存储数据用的
POJO(Plain Old Java Objects)简单的Java对象
它的一般格式就是
public class A{
private String id;
public Str