2017年02月_ChengYz_

原创 5.揭秘angular2学习 ------- 管道

管道简介管道是什么？Angular的管道可以看作成是一个数据格式化展示的工具。管道可以将数据格式化显示，而不改变源数据。比如关于日期的展示，对于源数据使用管道1可以以yyyy/MM/dd来展示，也可以使用管道2展示成Feb 28, 2017的形式。但原数据依然是date，并没有改变。利用管道我们可以将数据格式化的内容剥离出来，使之独立，有需要格式化展示的时候选择相应的管道进行处理即可。如何使用在An

2017-02-28 11:29:33 8204 2

原创 Echarts采坑日记之tooltip

formatter当默认的tooltip无法满足需求的时候，我们就会编写formatter函数。但是这样就会出现一个问题，每个类目名前的图标就会没有了，只剩光突突的文字。网上搜索解决办法无果，只能霸王硬上弓了：tooltip: { ... formatter: function (params) { var relVal = params[0].name;

2017-02-28 10:25:54 1893 2

原创 4.揭秘angular2学习 ------- 表单

表单虽然HTML内置了表单的标签，但是存在浏览器兼容问题。而且规则验证、数据获取、处理等都很麻烦。 Angular对表单进行封装，以方便使用。 Angular提供了模板驱动及模型驱动两种方式来构建表单。 1. 模板驱动模式：使用模板表单内置指令、内置校验的方式来构建表单。 2. 模型驱动模式：采用自定义表单、自定义校验的方式来构建表单。模板表单例子表单指令表单指令是Angular对常用表单交

2017-02-27 16:23:03 3970 3

原创 arcgis for js FeatureLayer文字标注

FeatureLayer显示文字标注featureLayer = new FeatureLayer(serverUrl, { "outFields": "*"});var statesLabel = new TextSymbol().setColor(new Color("#0a162c"));statesLabel.font.setSize("15pt");statesLabel.

2017-02-24 11:16:26 6099

原创 3.揭秘angular2学习 ------- 模版

模版模版是一种自定义的标准化页面，通过模版和模版中的数据结合，可以生成各种各样的网页。几乎所有HTML语法在模版中都是适用的，除了script标签。另外html body base等元素并不起什么作用。模版语法概览实例名称说明语法 <p>{{ detail.telNum }}</p> 插值绑定值到模版中 {{ 模版表达式 }} <div [title

2017-02-23 20:50:24 1586

原创 2.揭秘angular2学习 ------- 组件

1 概述1.1 组件化标准 - WebComponent1. W3C为统一组件化标准方式，提出Web Component的标准。2. 每个组件包含自己的html、css、js代码3. Web Component标准包括以下四个重要的概念 - 自定义元素：可以创建自定义HTML标记和元素 - 模版：模版允许开发人员使用<template>标签去预定义一些内容，但并不加载至页面，而是使用Js代码

2017-02-22 10:55:02 5561 1

原创 1.揭秘angular2学习 ------- angualr架构总览

1 核心模块介绍angluar的六大重要部分： 1. 组件 2. 模版 3. 指令 4. 服务 5. 依赖注入 6. 路由下面分别简单介绍。1.1 组件页面由组件渲染呈现组件可层层嵌套，形成组件树，父子组件双向数据流动（Input：属性绑定，Output：事件绑定）组件和模版之间的数据交互成为数据绑定。（组件-模版：属性绑定，模版-组件：事件绑定）父子组件数据交互，父组件的模版充

2017-02-21 16:31:52 3500 2

原创 bootstrap ------ container

1.container使用Bootstrap时经常需要用到布局容器 - container，container 类用于固定宽度并支持响应式布局的容器。一般不会占满全屏幕宽度。具体可查文档。2.container-fluid与container不同的事，使用container-fluid会使布局容器具有100%的宽度。3.container row4.container row clearfix

2017-02-19 21:36:34 1462

原创 angular2系统学习 - 动画

1.理解ng2的动画angular2的动画实际上是先定义若干个状态（一般就俩状态），然后元素在这若干个状态中变换。所以要记住俩东西 1. 状态 2. 状态之间的变换2.使用ng2动画1.首先要引入接口。import { trigger,state,style,transition,animate,keyframes} from '@angular/core';这里这些类具体干什么暂时先不写了，因

2017-02-17 09:49:25 3625

原创 angular-cli下使用bootstrap

1.只使用bootstrap.css在angular-cli.json中配置： "styles": [ "styles.scss", "../node_modules/bootstrap/dist/css/bootstrap.min.css" ],2.使用bootstrap.js首先需要安装ng-bootstrap与bootstrap模块npm

2017-02-13 14:15:24 8653 1

原创 npm包汇总

1.figletFIGlet是基于 ASCII 字符组成的字符画。 Link:https://www.npmjs.com/package/figlet比如我们输入字符串：’hello world!’ 经过figlet处理后转换为：特点 1.支持多种字符画风格 2.提供调试工具： http://patorjk.com/software/taag/2.PrismPrism是一款代码高亮的插件，支

2017-02-08 11:16:07 480

博客转至https://chengyanzhao.github.io，CSDN不再更新。