- 博客(34)
- 资源 (1)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 angular2+中组件通信(组件交互)的几种方式
组件通信及两个或者多个组件之间共享信息的方法;组件之间通信分为以下几种情况: 1、父组件向子组件传递数据; 2、 子组件向父组件传递数据; 3、非嵌套组件之间的通信;下面将详细说明如何实现这几种通信父组件向子组件传递数据:属性绑定方式([属性名]) 子组件中通过@Input 装饰器自定义属性,父组件绑定这个属性。 子组件实现:import { Component, OnInit,...
2018-05-11 15:39:23
5106
1
原创 Echart多图表联动之三,在同一个容器中显示多个图表
实现效果:option = { "tooltip": { "show": true, "trigger": "axis", "axisPointer": { "type": "cross", "axis": "x" } }, "color": ["#...
2020-03-30 15:07:13
2855
原创 Promise简介
一、概述:Promise对象用于表示一个异步操作得完成(或失败),以及其结果。二、语法:创建Promise实例:let a = new Promise((resolve,reject)=>{//执行函数 })或 let a = new Promise( function(resolve, reject) {...} /* executor */ );通过then ca...
2019-09-12 17:41:15
351
原创 如何计算俩日期相隔多少年,多少月,多少天或者两时间相差XX年XX月XX日
假设时开始时间为2015年4月2日,结束时间为2019年4月4月;需要先熟悉一下时间对象得一些方法,可参考教程http://www.w3school.com.cn/jsref/jsref_obj_date.asp;需要将上述时间转换为时间对象,通过new Date()实现; let startDate = new Date(2015,3,2); 2015/4/...
2019-04-04 11:39:25
9955
原创 angular组件之生命周期钩子以及子父组件之间生命周期钩子执行顺序
angular每个组件都有被一个Angular管理得生命周期;当Angular使用构造函数新建一个指令后,按照下面额顺序执行生命周期钩子;画线的为主要用到的生命周期钩子。2、关于子父组件生命周期钩子的调用顺序问题;下面根据结论,实践结果...
2019-03-21 11:10:45
3421
原创 时间切换,切换到上一月下一月、N月。
在当前时间得基础上切换N月;方法:一年有12个月,设当年时间为YYYYMMDD; 则当前时间总共有X个月:12 * YYYYY + MM个月; 切换N个月后总月份为M : X + N ; 通过上面得月分前可求出当前时间为:year = M / 12;//除以12向下取整数 ...
2019-03-11 11:30:48
1780
原创 时间切换,根据当前时间切换到上一天、下一天、N天。
1、当前时间切换N天 一天有24*60*60 * 1000ms,这N天与当前时间差为N * 24* 60 * 60 * 1000ms; 得出当前时间到1970年得ms数: 设为ms 则切换后得: X + N* 24 * 60 * 60 * 1000ms,将ms转换为时间。 JS/TS实现方式为: let currentDate = ne...
2019-03-11 11:04:34
719
原创 ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked,angular
ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'dateObj: undefined'. Current value: 'dateObj: [object Object]'.大概意思:在内容改变的时候视...
2018-08-20 19:14:37
3111
原创 echarts多图表级联之一,图表之间联动
1、示例2、初始化图表,每个图表对应一个实例对象并加载初始化数据// 基于准备好的dom,初始化echarts实例var myChart1 = echarts.init(document.getElementById('main'));var myChart2 = echarts.init(document.getElementById('main2'));// 为e...
2018-07-31 16:32:43
12820
9
原创 echarts显示多个图表之二(图表之间不联动,只需初始化echarts实例一次)
一、示例如下,表格之间不存在联动二、options配置 1、配置grid ,height,top需根据具体需要进行配置 grid: [{ left: '3%', right: '4%', bottom: '3%', height:'100px', containLabel: true, }...
2018-07-31 16:18:10
4364
原创 echarts 柱状图对个别柱条的颜色自定义。
1、示例如上图所示,对stat这条数据进行特别标识;2、option具体配置如下,请注意看特别标识部分。option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { ...
2018-07-31 11:56:27
13052
原创 vue2.5+中如何使用jquery,未使用webpack打包工具
vue版本:“vue”:"^2.5.16"1、执行命令 npm install --save jquery 将jquery添加到packages.json文件下的 dependencies字段下面; dependencies: { “jquery”:"^3.3.1",} 2、在main.js中加下如下代码 import $ from "jquery" window....
2018-06-22 15:20:16
1119
原创 webstorm配置SVN
1、安装visualsvn,记住安装目录 https://www.visualsvn.com/2、打开webstorm,我的版本2018.1.4 file->SettingsVersion Control ->Subversion ->配置SVN执行命令
2018-06-18 14:47:31
12404
原创 label中嵌套input时,在label上绑定click()事件执行两次(angular2+,javascript)
//html<label class="radio-inline" (click)="onLabel()"> <input type="radio" name="optionsRadiosinline"/> radio</label>onLabel(){ console.log('label1')}//结果label1label1
2018-06-11 15:43:35
1459
原创 小程序页面跳转---导航,路由
小程序中所有页面的跳转都是通过路由的方式进行页面切换,又框架进行管理。页面栈框架以栈的形式维护当前所有页面,当需要路由切换时,页面栈表现如下 1、初始化页面 新页面入栈 小程序打开时会自动创建 2、打开新页面 新页面入栈 3、页面重定向 当前页面出栈,新页面入栈 4、页面返面 页面不断出栈,直到返回Tab页面 5、Tab切换 页面全部出栈,只留下新的Tab页面 6、重加载...
2018-06-02 20:57:25
5928
原创 jquery触发window resize事件以及自定义事件。
通过jquery触发window resize事件$(window).trigger("resize"); 自定义事件$(window).on('customEvent', (function () { // to do}));触发自定义事件$(window).trigger("customEvent"); //上述例子也可自定义dom事件例如<div id ='myDiv'>...
2018-05-31 11:06:52
7641
原创 TS 判断字符串是否为手机号码
/** * 字符串的相关操作 */import {isNull, isUndefined} from "util";export class StringUtils{ public static isEmpty(str: string){ if(isUndefined(str)){ return true; } if...
2018-05-30 11:22:33
6098
原创 微信小程序中使用MD5加密
1、下载MD5源文件(JS);2、在小程序模块中使用require引入外部模块;也可以在index.html中直接全局引入md5.js文件。因为源md5.js中没有队模块因为输出,如果使用require需要export,所以在md5.js中需要加入以下代码:module.exports = { hexMD5: hex_md5, //需要输出的加密算法,我这边只写了我需要得两种 b64Md5:...
2018-05-27 16:58:28
34554
原创 webpack4.0+react16.0+es6简单环境搭建与配置
webpack参考文档:https://www.valentinog.com/blog/webpack-4-tutorial/react:参考文档:https://reactjs.org/docs/add-react-to-a-new-app.htmles6参考文档:http://www.ruanyifeng.com/blog/2017/09/es6_primer_3rd_edition.html...
2018-03-31 12:45:36
4358
1
原创 关于对象,对象数组,数组,数组对象直接拷贝、浅拷贝、深拷贝问题的总结
1、对象、对象的数组或者对象的对象(两者同理) 直接拷贝:将一个对象直接复制(拷贝)给另外一个对象,当一个对象改变时,则另一个对象则也会被改变,因为两个对象总的变量指向的是内存中同一位置。 举例说明: let obj1 = {id: 1,value: 1,steps:[]}; let obj2 = obj1; obj2.id = 2; console.log(...
2018-03-16 14:49:08
3530
原创 javaScript判断数据类型以及typeof和intanceof的差别
一、JS有6种数据类型:5种简单数据类型( Undefined,Null.Boolean,Number,String)、1种复杂数据类型 Object; 二、JS提供两种方式判断数据的类型: typeof和intanceof; 三、typeof返回结果包括:undefined,boolean,string,number,object,function 1、返回undefined,表示这
2017-10-20 16:04:25
752
原创 RxJS核心概念之Subjet在angular2+上的应用
Subject,在RxJS中是一类特殊的Observable(可观察对象),它可像多个Observer(观察者)推送值。 每一个Subject也可以作为Observer(观察者) Subject同样也是一个由next(v),error(e),和complete()这些方法组成的对象。调用next(theValue)方法后,Subject会向所有已经在其上注册的Observer
2017-09-22 15:31:34
855
原创 angular 使用html5 canvas绘制圆组建
1、定义数据接口export interface KtCircleCanvas{ x?: number; y?: number; radius?: number; title?: string; content?: string; fillColor?: string; f2、组件import { A
2017-09-21 11:43:31
5161
原创 typesctipt javascript 删除数组元素的方法
1、将原数组copy到另外一个数组 let newArry = []; let oldArray = [1,2,3,4,5,6,7]//删除数组元素种的4for(let i = 0; i if(oldArray[i] != 4) { newArray.push(oldArray[i]); }}oldAr
2017-09-01 19:56:09
3623
原创 angular时间json导出为excel,使用xsls
1、在angular应用程序中按照 xlsx file-saver npm install xlsx --save //当前使用的版本 0.13.3//编写angular - service代码import {Injectable} from '@angular/core';import * as XLSX from 'xlsx';@Injectable()export cl...
2017-08-22 11:12:20
1747
2
原创 angular4实现发布、订阅功能(基于observable)
import {Injectable} from "@angular/core";import {Subject} from "rxjs/Subject";import {Observable} from "rxjs/Observable";@Injectable()export class HisCurveAddService { private _selectedPoint:
2017-08-22 11:01:43
8341
3
原创 angular2解决Input记忆功能
方法1 :1、html代码片段class="form-control" id="dutyUserPwd" name="dutyUserPwd" #dutyPwd type="text" (focus)="setInputType($event)" (blur)="setInputType($event)" (click)="setInputType($e
2017-07-24 14:17:56
2125
原创 angular2中自定义window对象
1、自定义window对象 在一组件类中写入如下函数 export class myobject { constructor(){window['myobject'] = this; test(){console.log('hi'); } } 在另一个组件中可使用 function name() { let myobjec
2017-02-15 20:47:39
4255
原创 angular2中onresize 多次调用 问题
1、监听window resizse事件时,使用下列方法存在resize多次调用问题: $(window).resize(function(){ //todo code})在函数中触发resize事件 function name() { $(window).resize();}2、解决办法 用如下方法调用:
2017-02-15 20:24:52
1511
原创 angular2限制键盘响应,如:只接收数字键盘输入
一、type值为number<input type="number" />二、通过ng2双向绑定与事件方式实现1、html代码:<input type="text" #inputVars (keyup)="onKeyPress(inputVars.value)" (keydown)="onKeyDown($event)" [(...
2016-12-21 18:27:30
4245
6
原创 从当前日期加减N天后,得到新日期;上一周和下一周切换。
1、函数逻辑function changeToNextDay(startDate:any,dayIn:number){ var date=startDate.split('-'); 分割出年月日 var d=new Date(); d.setFullYear(date[0],date[1]-1,date[2]); var myDate=new Date(d.g
2016-12-08 12:35:53
1171
原创 input 日期选择器中设置初始值
1、html标签中定义dom元素 type="date" id="startDate">2、编写JS代码 document.getElementById('startDate').valueAsDate=new Date();
2016-12-05 12:21:28
12951
原创 如何用JS计算某年某月天数(如2015年2月共有28天)
var year=2015; //表示需要查找的年份var month=2;//表示需要查找的月份-1var curMonthDays=new Date(year,(month),0).getDate(); //0表示3月的第0天,上月的最后一天console.log('查找的月份共有'+curMonthDays+"天");
2016-11-30 10:37:36
4370
转载 KMF算法(串的模式匹配算法)
#include#includevoid makeNext(const char P[],int next[]){ int q,k;//q:模版字符串下标;k:最大前后缀长度 int m = strlen(P);//模版字符串长度 next[0] = 0;//模版字符串的第一个字符的最大前后缀长度为0 for (q = 1,k = 0;
2016-10-19 14:08:25
1268
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人